首页改版

src/main/resources/config/dev/application-dev.yml

@@ -4,7 +4,7 @@ spring:
   #数据源连接--start
   datasource:
     #driverClassName: com.mysql.jdbc.Driver
-    url: jdbc:mysql://192.168.2.100:3306/caimei?characterEncoding=UTF8&serverTimezone=Asia/Shanghai
+    url: jdbc:mysql://192.168.2.101:3306/caimei?characterEncoding=UTF8&serverTimezone=Asia/Shanghai
     username: developer
     password: 05bZ/OxTB:X+yd%1
 #    url: jdbc:mysql://119.29.0.46:3306/caimei?characterEncoding=UTF8&serverTimezone=Asia/Shanghai
@@ -53,7 +53,7 @@ logging:
 # 服务域名
 caimei:
   siteEnv: 0 #网站环境，（2：正式环境，1：测试环境，0：开发环境）
-  spiServer: http://1921.168.100.68:8008
+  spiServer: http://192.168.2.100.68:8008
   imageDomain: https://img-b.caimei365.com
   wwwDomain: https://www-b.caimei365.com
 

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

@@ -126,6 +126,26 @@ li{list-style:none;}
     -webkit-line-clamp: 2;
     line-height: 21px;
 }
+.section_page .page_main_tag{
+    width: 100%;
+    height:24px;
+    float: left;
+    margin-top: 16px;
+    padding: 0 8px;
+}
+.section_page .page_main_tag p{
+    display: block;
+    padding: 0 4px;
+    height:24px;
+    box-sizing: border-box;
+    border: 1px solid #e3ebf7;
+    border-radius: 2px;
+    float: left;
+    font-size: 12px;
+    line-height: 22px;
+    text-align: center;
+    color: #9aa5b5;
+}
 .section_page .page_main_price{
     width: 100%;
     height: 54px;

src/main/resources/static/css/product/produce-list.css

@@ -1,201 +1,116 @@
-@media screen and (min-width:768px) {
-#container {
-    width: 1184px;
-    margin: 32px auto;
-    overflow: hidden;
+@media screen and (min-width:768px){
+    #productList{width: 1184px;margin:32px auto}
+    .crumbs-nav{height: 40px}
+    .crumbs-nav .crumbs-link{color:#4a4f58 }
+    .sortBox .down{position:relative;margin:0 8px}
+    .sortBox .down:before,.sortBox .down:after{position:absolute;right:32px;content:'';width:0;height:0;border-style:solid}
+    .sortBox .down:before{border-width:0 5px 5px 5px;border-color:transparent transparent #BEC2C9 transparent;top:25px}
+    .sortBox .down:after{border-width:5px 5px 0 5px;border-color:#BEC2C9 transparent transparent transparent;top:31px}
+    .sortBox .down.up:before{border-bottom-color:#E15616}
+    .sortBox .down.up:after{border-top-color:#E15616;opacity:.3}
+    .classifyBox .classification div{
+        display: inline-block;
+        line-height: 64px;
+        text-align: center;
+        color: #4a4f58;
+        font-size: 16px;
+        cursor: pointer;
+    }
+    .classifyBox .classification {
+        border-bottom: 1px solid #f7f7f7;
+    }
+    .classifyBox .classification .class-title{
+        border-right: 1px solid #f7f7f7;
+        width: 127px;
+    }
+    .classifyBox .classification .class-nav-main{
+    }
+    .classifyBox .classification .class-nav-main div.on{
+        color: #e15616;
+    }
+    .classifyBox .classification .class-nav-main div{
+        width: 127px;
+    }
+    .crumbs-nav >div{display: inline-block}
+    .crumbs-nav-item{
+        display: inline-block;
+        padding: 0 12px;
+        border: 1px solid #cccccc;
+        line-height: 24px;
+        margin-right: 16px;
+        color: #909090;
+        border-radius: 2px;
+        cursor: pointer;
+    }
+    .crumbs-nav-item.on{
+        color: #e15616;
+        border: 1px solid #e15616;
+    }
+    .sortBox .on{background:#ffe6dc }
+    .list-container{
+        margin-top: 32px;
+        width: 1200px;
+    }
+    .list-container ul li.productItem {
+        width: 184px;
+        height: 288px;
+        float: left;
+        background: #fff;
+        position: relative;
+        margin: 0 16px 16px 0;
+        overflow: hidden;
+        float: left;
+    }
+    .list-container ul li img {
+        width: 100%;
+        height: 184px;
+    }
+    .list-container ul li .name{
+        display: block;
+        padding: 0 16px;
+        height: 40px;
+        line-height: 21px;
+        vertical-align: middle;
+        word-break: break-all;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-inline-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical
+    }
+    .productItem .price{
+        border: 0;
+    }
+    .productItem .price .icon:before{
+        width: 63px;
+    }
+    .productItem .price .icon.i5:before {
+        background-position: -2px -832px;
+    }
+    .productItem .price .icon.i1:before {
+        background-position: -2px -712px;
+    }
+    .productItem .price .icon.i2:before {
+        background-position: -2px -742px;
+    }
+    .productItem .price .icon.i3:before {
+        background-position: -2px -772px;
+    }
+    .productItem .price .icon.i4:before {
+        background-position: -2px -802px;
+    }
+    .listTag{
+        margin: 12px 8px 0 0;
+        padding: 0 2px;
+    }
+    .productItem .image .icon{
+        position: inherit;
+    }
 }
 
-.instrue-left {
-    width: 884px;
-    float: left;
-    margin-right: 16px;
-}
 
-.instrue-left .top-category .normal-nav .nav-list {
-    display: inline-block;
-    margin: 0 16px 16px 0;
-    width: 134px;
-    height: 88px;
-    background: #fff;
-    text-align: center;
-    color: #4a4f58;
-    font-size: 16px;
-    line-height: 130px;
-    cursor: pointer;
-}
 
-.instrue-left .top-category .normal-nav .nav-list.active {
-    border: 1px solid #e15616;
-    color: #e15616;
-}
-
-.instrue-left .top-category .normal-nav .nav-list:nth-child(6) {
-    margin-right: 0
-}
+@media screen and (max-width:768px){
 
-.instrue-right {
-    float: right;
-    width: 252px;
-    background: #fff;
-    padding: 16px;
-}
-.instrue-right .wrap_tittle{
-    padding-bottom: 10px;
-    color: #4a4f58;
-    font-size: 16px;
-    font-weight: bold;
-    border-bottom: 1px solid #f5f5f5;
-    position: relative;
-}
-.instrue-right .hot-search{
-    padding:24px 0px 0px 0px;
-}
-.instrue-right .hot-search ul .hot-list{
-    display: inline-block;
-    height: 32px;
-    line-height: 32px;
-    background: #f7f7f7;
-    margin: 0 12px 12px 0;
-    padding: 0 13px;
-    color: #4a4f58;
-    cursor: pointer;
-}
-.line{
-    height: 2px;
-    width: 16px;
-    background: #e15616;
-    display: block;
-    position: absolute;
-    bottom: 0
-}
-.floorTit {
-    padding: 24px 0 16px 0;
-    position: relative;
-}
-.floorTit h2, .floorTit h3 {
-    font-weight: bold;
-    color: #4a4f58;
-    font-size: 24px;
-    line-height: 40px;
-}
-.floorTit h5 {
-    font-weight: normal;
-    color:#93979f;
-    font-size: 14px;
-    line-height: 16px;
-}
-.recommend ul li:first-child {
-    width: 524px;
 }
 
-.hotList ul li img {
-    width: 100%;
-    height: 100%;
-}
-.hotList ul{
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    height: 560px;
-    overflow: hidden;
-}
-.hotList ul.height{
-    height: auto;
-}
-.hotList ul:after{
-    display:block;
-    content:"";
-    width: 164px;
-    height:0px;
-}
-.hotList ul li {
-    width: 164px;
-    height: 268px;
-    float: left;
-    background: #fff;
-    position: relative;
-    margin: 0 0 16px 0;
-    overflow: hidden;
-    display: inline-block;
-}
-.collocation ul li{
-    height: 218px;
-}
-.swiper-container ul li{
-    margin-right: 16px;
-}
-.swiper-container ul{
-   height: auto;
-}
-.collocation ul{
-    height: 468px;
-}
-.hotList ul li a{
-    display: block;
-}
-.hotList ul .productItem img{
-    width: 100%;
-    height: 164px;
-}
-.productItem .name {
-    display: block;
-    padding: 0 16px;
-    height: 40px;
-    line-height: 21px;
-    vertical-align: middle;
-    word-break: break-all;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-inline-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical
-}
-.productItem .price{
-    border: 0;
-}
-.listTag{
-   margin: 12px 8px 0 0;
-   padding: 0 2px;
-}
-.productItem .price .icon:before{
-    width: 63px;
-}
-.productItem .price .icon.i5:before {
-    background-position: -2px -832px;
-}
-.productItem .price .icon.i1:before {
-    background-position: -2px -712px;
-}
-.productItem .price .icon.i2:before {
-    background-position: -2px -742px;
-}
-.productItem .price .icon.i3:before {
-    background-position: -2px -772px;
-}
-.productItem .price .icon.i4:before {
-    background-position: -2px -802px;
-}
-.unfold{
-    width: 83px;
-    height: 32px;
-    border: 1px solid #cccccc;
-    line-height: 32px;
-    margin: 32px auto;
-    border-radius: 2px;
-    color: #909090;
-    padding-left: 13px;
-    cursor: pointer;
-    position: relative;
-}
-.icon.more:before{
-    background-position: -93px 7px;
-    width: 20px;
-    height: 32px;
-    right: 0;
-    position: absolute
-}
-#recommendBox .swiper-pagination{width:100%;padding:10px 0;z-index:1;text-align:center;font-size:0;}
-#recommendBox .swiper-pagination span{display:inline-block;width:14px;height:4px;border:5px solid transparent;cursor:pointer;opacity:.2;}
-#recommendBox .swiper-pagination span:before{content:"";display:inline-block;width:100%;height:4px;background:#E15616;border-radius:2px}
-#recommendBox .swiper-pagination span.on{width:28px;opacity:1;}
-}

src/main/resources/static/css/product/produce.css

@@ -1,201 +1,431 @@
+/**
+* PC端
+*/
 @media screen and (min-width:768px) {
-#container {
-    width: 1184px;
-    margin: 32px auto;
-    overflow: hidden;
-}
-
-.instrue-left {
-    width: 884px;
-    float: left;
-    margin-right: 16px;
-}
-
-.instrue-left .top-category .normal-nav .nav-list {
-    display: inline-block;
-    margin: 0 16px 16px 0;
-    width: 134px;
-    height: 88px;
-    background: #fff;
-    text-align: center;
-    color: #4a4f58;
-    font-size: 16px;
-    line-height: 130px;
-    cursor: pointer;
-}
+    #produceContainer{
+        width: 100%;
+        min-height: 600px;
+    }
+    .inner{
+        width: 1184px;
+        height: auto;
+        margin: 0 auto;
+        box-sizing: border-box;
+        padding-top: 32px;
+    }
+    .section_container_left{
+        width: 900px;
+        height: auto;
+        float: left;
+    }
+    .section_container_nav{
+        width: 100%;
+        height: auto;
+        float: left;
+    }
+    .container_nav_item{
+        width: 134px;
+        height: 88px;
+        float: left;
+        background-color: #FFFFFF;
+        border-radius: 2px;
+        box-sizing: border-box;
+        padding: 12px 0;
+        margin: 0 16px 16px 0;
+        transition: all 0.4s;
+        border: 1px solid #FFFFFF;
+    }
+    .container_nav_item .item_icon{
+        width: 100%;
+        height: 36px;
+        float: left;
+    }
+    .container_nav_item .item_icon img{
+        width: 36px;
+        height: 36px;
+        display: block;
+        margin: 0 auto;
+    }
+    .container_nav_item  .item_text{
+        width: 100%;
+        height:22px;
+        margin-top: 6px;
+        text-align: center;
+        font-size: 16px;
+        line-height: 22px;
+        color: #4a4f58;
+        float: left;
+    }
+    .container_nav_item:hover{
+        border-color: #E15616;
+        transform:translateY(-3px);
+        box-shadow:0 6px 6px rgba(102,102,102,0.1),0 8px 8px rgba(102,102,102,0.1),0 10px 10px rgba(102,102,102,0.1);
+    }
+    .container_nav_item:hover .item_text{
+        color: #E15616;
+    }
+    .section_page{
+        width: 100%;
+        height: auto;
+        float: left;
+    }
+    .section_page .section_page_title{
+        width: 100%;
+        height: 103px;
+        box-sizing: border-box;
+        padding: 31px 0 16px 0;
+    }
+    .section_page .section_page_title h1{
+        font-size: 24px;
+        line-height: 31px;
+        text-align: left;
+        color: #4a4f58;
+    }
+    .section_page .section_page_title p{
+        font-size: 14px;
+        line-height: 19px;
+        text-align: left;
+        color: #93979f;
+        margin-top: 6px;
+    }
+    .section_page .section_page_main{
+        width: 100%;
+        float: left;
+        height: 568px;
+        overflow: hidden;
+        transition: all 0.6s;
+    }
+    .section_page .section_page_main.type_03{
+        height: 704px;
+    }
+    .section_page .section_page_main.max{
+        height:auto;
+    }
+    .section_page  .page_main_item{
+        width: 164px;
+        height: 268px;
+        float: left;
+        margin-right: 16px;
+        margin-bottom: 16px;
+        background-color: #FFFFFF;
+        transition:all 0.4s;
+        display: block;
+    }
+    .section_page  .page_main_item.ad_04{
+        border-radius: 2px;
+    }
+    .section_page  .page_main_item.ad_04:hover{
+        transform:translateY(-5px);
+        box-shadow:0 10px 10px rgba(102,102,102,0.1),0 12px 12px rgba(102,102,102,0.1),0 14px 14px rgba(102,102,102,0.1);
+    }
+    .section_page .page_main_item.ad_01{
+        width: 884px;
+        height: 120px;
+    }
+    .section_page .page_main_item.ad_02{
+        width: 524px;
+    }
+    .section_page .page_main_item.ad_03{
+        width: 344px;
+    }
+    .section_page .page_main_item_adv{
+        width: 100%;
+        height: 100%;
+        display: block;
+    }
+    .section_page .page_main_image{
+        width: 164px;
+        height: 164px;
+        display: block;
+        float: left;
+        border-radius: 2px 2px 0 0;
+    }
+    .section_page .page_main_text{
+        width: 100%;
+        height: 42px;
+        float: left;
+        box-sizing: border-box;
+        margin-top: 8px;
+        padding: 0 8px;
+        white-space: normal;
+        word-break: break-all;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        line-height: 21px;
+    }
+    .section_page .page_main_tag{
+        width: 100%;
+        height:24px;
+        float: left;
+        margin-top: 16px;
+        padding: 0 8px;
+    }
+    .section_page .page_main_tag p{
+        display: block;
+        padding: 0 4px;
+        height:24px;
+        box-sizing: border-box;
+        border: 1px solid #e3ebf7;
+        border-radius: 2px;
+        float: left;
+        font-size: 12px;
+        line-height: 22px;
+        text-align: center;
+        color: #9aa5b5;
+    }
+    .section_page .page_main_price{
+        width: 100%;
+        height: 54px;
+        float: left;
+        box-sizing: border-box;
+        padding: 0 8px;
+    }
+    .section_page .page_main_price .main_price_text{
+        width: 100%;
+        height: 54px;
+        float: left;
+        box-sizing: border-box;
+    }
+    .section_page .page_main_price .main_price_unde{
+        width: 100%;
+        height: 31px;
+        line-height: 31px;
+        font-size: 14px;
+        color: #4a4f58;
+        text-align: left;
+        float: left;
+    }
+    .section_page .page_main_price .main_price_show{
+        width: 100%;
+        height: 31px;
+        line-height: 31px;
+        font-size: 14px;
+        color: #f94b4b;
+        text-align: left;
+        float: left;
+    }
+    .section_page .page_main_price .main_price_show.none{
+        color: #999999;
+        text-decoration: line-through;
+    }
+    .section_page .page_main_price .price_text_tag{
+        width: 100%;
+        height: 22px;
+        box-sizing: border-box;
+        float: left;
+        margin-top: 3px;
+    }
+    .section_page .page_main_price .price_text_tag .listTag{
+        margin:0;
+        float: left;
+    }
+    .section_page .page_main_price .main_price_none{
+        width: 100%;
+        height: 54px;
+        padding: 16px 0;
+        box-sizing: border-box;
+    }
+    .section_page .page_main_price .main_price_none .listTag{
+        margin:0;
+    }
+    .section_page .page_main_price .price_grade{
+        float: left;
+        margin:0;
+        height: 22px;
+        line-height: 22px;
+        color: #4A4F58;
+        font-style: normal;
+        font-size: 14px;
+    }
+    .section_page .page_main_price .price_grade span{
+        display: inline-block;
+        float: left;
+    }
+    .section_page .page_main_price .icon:before{
+        width: 67px;
+        height: 22px;
+    }
+    .section_page .page_main_price .price_grade_1:before{
+        background-position:0 -714px;
+    }
+    .section_page .page_main_price .price_grade_2:before{
+        background-position:0 -744px;
+    }
+    .section_page .page_main_price .price_grade_3:before{
+        background-position:0 -774px;
+    }
+    .section_page .page_main_price .price_grade_4:before{
+        background-position:0 -804px;
+    }
+    .section_page .page_main_price .price_grade_5:before{
+        background-position:0 -834px;
+    }
+    .section_page .section_page_more{
+        width: 100%;
+        height: 32px;
+        float: left;
+    }
+    .section_page .section_page_more .more{
+        width: 98px;
+        height: 32px;
+        line-height: 32px;
+        font-size: 14px;
+        margin:  0 auto;
+        border-radius: 2px;
+        border: 1px solid #cccccc;
+        color: #909090;
+        text-align: left;
+        transition: all 0.2s;
+        cursor: pointer;
+        padding-left: 15px;
+        box-sizing: border-box;
+        position: relative;
+    }
+    .section_page .section_page_more .more .icon:before{
+        background-position: -93px 7px;
+        width: 20px;
+        height: 32px;
+        right: 0;
+        position: absolute;
+    }
+    .section_page .section_page_more .more:hover{
+        color: #E15616;
+        border-color: #E15616;
+    }
+    .section_page .section_page_more .more:hover .icon:before{
+        background-position: -153px 7px;
+    }
+    /*地库供应商*/
+    .section_page .section_page_bottom{
+        width: 100%;
+        float: left;
+        height: auto;
+    }
+    .section_page  .page_main_li{
+        width: 134px;
+        height: 166px;
+        float: left;
+        margin-right: 16px;
+        margin-bottom: 16px;
+        background-color: #FFFFFF;
+        transition:all 0.4s;
+        display: block;
+    }
+    .section_page .page_main_li.ad_01{
+        width: 884px;
+        height: 184px;
+    }
+    .section_page  .page_main_li.ad_02:hover{
+        transform:translateY(-5px);
+        box-shadow:0 12px 12px rgba(102,102,102,0.1),0 14px 14px rgba(102,102,102,0.1),0 16px 16px rgba(102,102,102,0.1);
+    }
+    .section_page  .page_main_li.ad_02:hover .page_main_name{
+        color: #E15616;
+        font-weight: bold;
+    }
+    .section_page  .page_main_li .page_main_logo{
+        width: 100%;
+        height: 134px;
+        display: block;
+        float: left;
+    }
+    .section_page  .page_main_li .page_main_name{
+        width: 100%;
+        height: 32px;
+        float: left;
+        line-height: 32px;
+        text-align: center;
+        font-size: 14px;
+        color: #4a4f58;
+        background-color: #f9f9f9;
+    }
+    /*右边*/
+    .section_container_right{
+        width: 284px;
+        height: auto;
+        float: right;
+    }
+    .search_hotlist_main{
+        width: 100%;
+        height: auto;
+        box-sizing: border-box;
+        padding: 16px;
+        background-color: #FFFFFF;
+    }
+    .search_hotlist_main .title{
+        height: 30px;
+        width: 100%;
+        float: left;
+        line-height: 30px;
+        border-bottom: 1px solid #E1E1E1;
+        position: relative;
+    }
+    .search_hotlist_main .title:before{
+        content:'';
+        width: 16px;
+        height: 2px;
+        background-color: #E15616;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+    }
+    .search_hotlist_content{
+        width: 100%;
+        height: auto;
+        padding-top: 24px;
+    }
+    .search_hotlist_item{
+        height: 32px;
+        padding: 0 12px;
+        display: block;
+        border-radius: 2px;
+        float: left;
+        margin:0 12px 12px 0;
+        background-color: #f7f7f7;
+        position: relative;
+        text-align: center;
+    }
+    .search_hotlist_item:hover{
+        background-color: #fef6f3;
+    }
+    .search_hotlist_item:hover p{
+        color: #E15616;
+    }
+    .search_hotlist_item p{
+        width: 100%;
+        height: 100%;
+        font-size: 14px;
+        line-height: 32px;
+        color: #4a4f58;
+    }
+    .search_hotlist_item .icon{
+        display: block;
+        width: 20px;
+        height: 12px;
+        position: absolute;
+        right: -6px;
+        top: -10px;
+    }
+    .search_hotlist_item .icon:before{
+        width: 20px;
+        height: 12px;
+        background-position: -123px -554px;
+    }
 
-.instrue-left .top-category .normal-nav .nav-list.active {
-    border: 1px solid #e15616;
-    color: #e15616;
-}
+    footer{
+        width: 100%;
+        height: auto;
+        float: left;
+    }
+}
+/**
+* 移动端
+*/
+@media screen and (max-width:768px) {
 
-.instrue-left .top-category .normal-nav .nav-list:nth-child(6) {
-    margin-right: 0
-}
 
-.instrue-right {
-    float: right;
-    width: 252px;
-    background: #fff;
-    padding: 16px;
-}
-.instrue-right .wrap_tittle{
-    padding-bottom: 10px;
-    color: #4a4f58;
-    font-size: 16px;
-    font-weight: bold;
-    border-bottom: 1px solid #f5f5f5;
-    position: relative;
-}
-.instrue-right .hot-search{
-    padding:24px 0px 0px 0px;
-}
-.instrue-right .hot-search ul .hot-list{
-    display: inline-block;
-    height: 32px;
-    line-height: 32px;
-    background: #f7f7f7;
-    margin: 0 12px 12px 0;
-    padding: 0 13px;
-    color: #4a4f58;
-    cursor: pointer;
-}
-.line{
-    height: 2px;
-    width: 16px;
-    background: #e15616;
-    display: block;
-    position: absolute;
-    bottom: 0
-}
-.floorTit {
-    padding: 24px 0 16px 0;
-    position: relative;
-}
-.floorTit h2, .floorTit h3 {
-    font-weight: bold;
-    color: #4a4f58;
-    font-size: 24px;
-    line-height: 40px;
-}
-.floorTit h5 {
-    font-weight: normal;
-    color:#93979f;
-    font-size: 14px;
-    line-height: 16px;
-}
-.recommend ul li:first-child {
-    width: 524px;
-}
 
-.hotList ul li img {
-    width: 100%;
-    height: 100%;
-}
-.hotList ul{
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    height: 560px;
-    overflow: hidden;
-}
-.hotList ul.height{
-    height: auto;
-}
-.hotList ul:after{
-    display:block;
-    content:"";
-    width: 164px;
-    height:0px;
-}
-.hotList ul li {
-    width: 164px;
-    height: 268px;
-    float: left;
-    background: #fff;
-    position: relative;
-    margin: 0 0 16px 0;
-    overflow: hidden;
-    display: inline-block;
-}
-.collocation ul li{
-    height: 218px;
-}
-.swiper-container ul li{
-    margin-right: 16px;
-}
-.swiper-container ul{
-   height: auto;
-}
-.collocation ul{
-    height: 468px;
-}
-.hotList ul li a{
-    display: block;
-}
-.hotList ul .productItem img{
-    width: 100%;
-    height: 164px;
-}
-.productItem .name {
-    display: block;
-    padding: 0 16px;
-    height: 40px;
-    line-height: 21px;
-    vertical-align: middle;
-    word-break: break-all;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-inline-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical
-}
-.productItem .price{
-    border: 0;
-}
-.listTag{
-   margin: 12px 8px 0 0;
-   padding: 0 2px;
-}
-.productItem .price .icon:before{
-    width: 63px;
-}
-.productItem .price .icon.i5:before {
-    background-position: -2px -832px;
-}
-.productItem .price .icon.i1:before {
-    background-position: -2px -712px;
-}
-.productItem .price .icon.i2:before {
-    background-position: -2px -742px;
-}
-.productItem .price .icon.i3:before {
-    background-position: -2px -772px;
-}
-.productItem .price .icon.i4:before {
-    background-position: -2px -802px;
-}
-.unfold{
-    width: 83px;
-    height: 32px;
-    border: 1px solid #cccccc;
-    line-height: 32px;
-    margin: 32px auto;
-    border-radius: 2px;
-    color: #909090;
-    padding-left: 13px;
-    cursor: pointer;
-    position: relative;
-}
-.icon.more:before{
-    background-position: -93px 7px;
-    width: 20px;
-    height: 32px;
-    right: 0;
-    position: absolute
-}
-#recommendBox .swiper-pagination{width:100%;padding:10px 0;z-index:1;text-align:center;font-size:0;}
-#recommendBox .swiper-pagination span{display:inline-block;width:14px;height:4px;border:5px solid transparent;cursor:pointer;opacity:.2;}
-#recommendBox .swiper-pagination span:before{content:"";display:inline-block;width:100%;height:4px;background:#E15616;border-radius:2px}
-#recommendBox .swiper-pagination span.on{width:28px;opacity:1;}
-}
+}

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

@@ -36,6 +36,7 @@ var homeData = new Vue({
                 type:1,
                 advertisement:'http://img14.360buyimg.com/babel/s1580x818_jfs/t1/84274/40/9866/66616/5d778b65Ea0ba5552/cec04ecdf62fd5fa.jpg!cc_1580x818.webp',
                 isPageMore:false,
+                listType:1,
                 productList:[
                     {
                         image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
@@ -204,6 +205,7 @@ var homeData = new Vue({
                 advertisement:'https://img12.360buyimg.com/babel/s1580x818_jfs/t1/148743/39/16659/91464/5fc8e0adEa1488544/8749912b10d1460a.jpg!cc_1580x818.webp',
                 advertisement1:'https://img11.360buyimg.com/n7/jfs/t1/150437/9/259/119917/5f58ad4fE61a83e28/dd7b0602bcb249f0.jpg',
                 isPageMore:false,
+                listType:1,
                 productList:[
                     {
                         image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
@@ -369,6 +371,7 @@ var homeData = new Vue({
                 advertisement:'http://img14.360buyimg.com/babel/s1580x818_jfs/t1/84274/40/9866/66616/5d778b65Ea0ba5552/cec04ecdf62fd5fa.jpg!cc_1580x818.webp',
                 advertisement1:'https://img11.360buyimg.com/n7/jfs/t1/150437/9/259/119917/5f58ad4fE61a83e28/dd7b0602bcb249f0.jpg',
                 isPageMore:false,
+                listType:1,
                 productList:[
                     {
                         image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
@@ -534,6 +537,7 @@ var homeData = new Vue({
                 advertisement:'http://img14.360buyimg.com/babel/s1580x818_jfs/t1/84274/40/9866/66616/5d778b65Ea0ba5552/cec04ecdf62fd5fa.jpg!cc_1580x818.webp',
                 advertisement1:'https://img11.360buyimg.com/n7/jfs/t1/150437/9/259/119917/5f58ad4fE61a83e28/dd7b0602bcb249f0.jpg',
                 isPageMore:false,
+                listType:1,
                 productList:[
                     {
                         image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
@@ -542,7 +546,7 @@ var homeData = new Vue({
                         priceFlag:1,
                         productType:0,
                         priceGrade:1,
-                        actStatus:0,
+                        actStatus:1,
                         userIdentity:4,
                         promotions:{
                             name:'凑单满减'
@@ -555,7 +559,7 @@ var homeData = new Vue({
                         priceFlag:1,
                         productType:0,
                         priceGrade:1,
-                        actStatus:0,
+                        actStatus:1,
                         userIdentity:4,
                         promotions:{
                             name:'凑单满减'
@@ -568,7 +572,7 @@ var homeData = new Vue({
                         priceFlag:1,
                         productType:0,
                         priceGrade:1,
-                        actStatus:0,
+                        actStatus:1,
                         userIdentity:4,
                         promotions:{
                             name:'凑单满减'
@@ -581,6 +585,7 @@ var homeData = new Vue({
                         priceFlag:1,
                         productType:0,
                         priceGrade:1,
+                        actStatus:1,
                         userIdentity:4,
                         promotions:{
                             name:'凑单满减'
@@ -593,6 +598,7 @@ var homeData = new Vue({
                         priceFlag:1,
                         productType:0,
                         priceGrade:1,
+                        actStatus:1,
                         userIdentity:4,
                         promotions:{
                             name:'凑单满减'
@@ -605,6 +611,7 @@ var homeData = new Vue({
                         priceFlag:1,
                         productType:0,
                         priceGrade:1,
+                        actStatus:1,
                         userIdentity:4,
                         promotions:{
                             name:'凑单满减'
@@ -617,6 +624,7 @@ var homeData = new Vue({
                         priceFlag:1,
                         productType:0,
                         priceGrade:1,
+                        actStatus:1,
                         userIdentity:4,
                         promotions:{
                             name:'凑单满减'
@@ -629,6 +637,7 @@ var homeData = new Vue({
                         priceFlag:1,
                         productType:0,
                         priceGrade:1,
+                        actStatus:0,
                         userIdentity:4,
                         promotions:{
                             name:'凑单满减'
@@ -641,6 +650,7 @@ var homeData = new Vue({
                         priceFlag:1,
                         productType:0,
                         priceGrade:1,
+                        actStatus:0,
                         userIdentity:4,
                         promotions:{
                             name:'凑单满减'
@@ -653,6 +663,7 @@ var homeData = new Vue({
                         priceFlag:1,
                         productType:0,
                         priceGrade:1,
+                        actStatus:0,
                         userIdentity:4,
                         promotions:{
                             name:'凑单满减'
@@ -665,6 +676,7 @@ var homeData = new Vue({
                         priceFlag:1,
                         productType:0,
                         priceGrade:1,
+                        actStatus:0,
                         userIdentity:4,
                         promotions:{
                             name:'凑单满减'
@@ -681,7 +693,7 @@ var homeData = new Vue({
                         promotions:{
                             name:'凑单满减'
                         }
-                    },
+                    }
                 ]
             },{
                 title:'品牌商品',
@@ -689,6 +701,7 @@ var homeData = new Vue({
                 type:5,
                 banner:'https://m.360buyimg.com/babel/jfs/t1/133169/21/16170/33334/5fb1d2c9Eda5701a1/853ec7266b34a9d5.jpg.webp',
                 isPageMore:false,
+                listType:1,
                 productList:[
                     {
                         image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
@@ -841,6 +854,7 @@ var homeData = new Vue({
                 type:6,
                 banner:'https://m.360buyimg.com/babel/jfs/t1/133169/21/16170/33334/5fb1d2c9Eda5701a1/853ec7266b34a9d5.jpg.webp',
                 isPageMore:false,
+                listType:2,
                 productList:[
                     {
                         image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
@@ -851,6 +865,7 @@ var homeData = new Vue({
                         priceGrade:1,
                         actStatus:1,
                         userIdentity:2,
+                        tags:'华熙生物',
                         promotions:{
                             name:'凑单满减'
                         }
@@ -865,6 +880,7 @@ var homeData = new Vue({
                         actStatus:1,
                         userIdentity:2,
                         originalPrice:2000000,
+                        tags:'华熙生物',
                         promotions:{
                             name:'优惠价',
                             type:1,
@@ -880,6 +896,7 @@ var homeData = new Vue({
                         priceGrade:3,
                         actStatus:1,
                         userIdentity:3,
+                        tags:'华熙生物',
                         promotions:{
                             name:'凑单满减'
                         }
@@ -893,6 +910,7 @@ var homeData = new Vue({
                         priceGrade:4,
                         actStatus:1,
                         userIdentity:3,
+                        tags:'华熙生物',
                         promotions:{
                             name:'凑单满减'
                         }
@@ -906,6 +924,7 @@ var homeData = new Vue({
                         priceGrade:5,
                         actStatus:1,
                         userIdentity:4,
+                        tags:'华熙生物',
                         promotions:{
                             name:'凑单满减'
                         }
@@ -919,6 +938,7 @@ var homeData = new Vue({
                         priceGrade:4,
                         actStatus:1,
                         userIdentity:4,
+                        tags:'华熙生物',
                         promotions:{
                             name:'凑单满减'
                         }
@@ -932,6 +952,7 @@ var homeData = new Vue({
                         priceGrade:3,
                         actStatus:1,
                         userIdentity:4,
+                        tags:'华熙生物',
                         promotions:{
                             name:'凑单满减'
                         }
@@ -945,6 +966,7 @@ var homeData = new Vue({
                         priceGrade:2,
                         actStatus:0,
                         userIdentity:4,
+                        tags:'华熙生物',
                         promotions:{
                             name:'凑单满减'
                         }
@@ -958,6 +980,7 @@ var homeData = new Vue({
                         priceGrade:1,
                         actStatus:1,
                         userIdentity:4,
+                        tags:'华熙生物',
                         promotions:{
                             name:'凑单满减'
                         }
@@ -971,6 +994,7 @@ var homeData = new Vue({
                         priceGrade:1,
                         actStatus:1,
                         userIdentity:4,
+                        tags:'华熙生物',
                         promotions:{
                             name:'凑单满减'
                         }
@@ -982,6 +1006,7 @@ var homeData = new Vue({
                 type:7,
                 advertisement:'http://img14.360buyimg.com/babel/s1580x818_jfs/t1/84274/40/9866/66616/5d778b65Ea0ba5552/cec04ecdf62fd5fa.jpg!cc_1580x818.webp',
                 isPageMore:false,
+                listType:1,
                 productList:[
                     {
                         image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',

src/main/resources/static/js/product/produce-list.js

@@ -1,93 +1,202 @@
- var instrueMent = new Vue({
-    el:'#instrueMent',
+var productList = new Vue({
+    el:'#productList',
     data:{
-        categorylist:[
-            {name:'中胚层产品',value:'0'},
-            {name:'中胚层产品',value:'1'},
-            {name:'中胚层产品',value:'2'},
-            {name:'中胚层产品',value:'3'},
-            {name:'中胚层产品',value:'4'},
-            {name:'中胚层产品',value:'5'},
-            {name:'中胚层产品',value:'6'},
-            {name:'中胚层产品',value:'7'},
-            ],
-        hotlist:[
-            {name:'玻尿酸',value:'0'},
-            {name:'械字号',value:'1'},
-            {name:'导入液',value:'2'},
-            {name:'热门仪器',value:'3'},
-            {name:'除皱',value:'4'},
-            {name:'微整形 ',value:'5'},
-            {name:'纹绣',value:'6'},
-            {name:'美白嫩肤',value:'7'},
+        searchFlag: false,
+        listLoading: true,
+        requestFlag: true,
+        noMore: false,
+        classify:[
+            {
+                name:'面部抗衰',
+                smallTypeID:'1001',
+                tinytypeList:[
+                    { name: "高端护理",smallTypeID:'101'},
+                    { name: "高端护理",smallTypeID:'102'},
+                    { name: "高端护理",smallTypeID:'103'},
+                    { name: "高端护理",smallTypeID:'104'},
+                    { name: "高端护理",smallTypeID:'105'},
+                ]},
+            {
+                name:'瘦身塑形',
+                smallTypeID:'1002',
+                tinytypeList:[
+                    { name: "超声",smallTypeID:'2002'},
+                    { name: "射频",smallTypeID:'2003'},
+                    { name: "激光",smallTypeID:'2004'},
+                    { name: "高端护理",smallTypeID:'2005'},
+                    { name: "高端护理",smallTypeID:'2001'},
+                ]},
+            {
+                name:'产后修复',
+                smallTypeID:'1003',
+                tinytypeList:[
+                    { name: "修复",smallTypeID:'3003'},
+                    { name: "修复",smallTypeID:'3002'},
+                    { name: "修复",smallTypeID:'3004'},
+                    { name: "修复",smallTypeID:'3005'},
+                    { name: "修复",smallTypeID:'3001'},
+                ]},
+            {
+                name:'精油系列',
+                smallTypeID:'1004',
+                tinytypeList:[
+                    { name: "补水",smallTypeID:'4005'},
+                    { name: "保湿",smallTypeID:'4004'},
+                    { name: "保湿",smallTypeID:'4003'},
+                    { name: "保湿",smallTypeID:'4002'},
+                    { name: "补水",smallTypeID:'4001'},
+                ]},
         ],
-         recommendPage: 1,
-         recommends: [],
-         userId:0,
-         moreflag:true,
+        listData:[
+            {
+                actStatus: 1,
+                brand: "测试品牌",
+                id: "4367",
+                image: "http://www.caimei365.com/uploadFile/product/XR73P9DFM620151125103659.JPEG",
+                ladderPriceFlag: 0,
+                name: "华熙生物润百颜液体润百颜液体敷料",
+                price: 50,
+                priceFlag: "0",
+                priceGrade: "1",
+                priceLoaded: true,
+                promotions: {
+                    id: 208, name: "优惠价", description: null, type: 1, mode: 1,productId: 4367,status: 1,touchPrice: 50,type:1},
+                supplierId: 10111,
+                unit: "方法",
+                userIdentity: 3,
+            },
+            {
+                actStatus: 1,
+                brand: "测试品牌",
+                id: "4367",
+                image: "http://www.caimei365.com/uploadFile/product/XR73P9DFM620151125103659.JPEG",
+                ladderPriceFlag: 0,
+                name: "华熙生物润百颜液体润百颜液体敷料:",
+                price: 50,
+                priceFlag: "0",
+                priceGrade: "2",
+                priceLoaded: true,
+                promotions: {
+                    id: 208, name: "优惠价", description: null, type: 1, mode: 1,productId: 4367,status: 1,touchPrice: 50,type:1},
+                supplierId: 10111,
+                unit: "方法",
+                userIdentity: 3,
+            },
+            {
+                actStatus: 1,
+                brand: "测试品牌",
+                id: "4367",
+                image: "http://www.caimei365.com/uploadFile/product/XR73P9DFM620151125103659.JPEG",
+                ladderPriceFlag: 0,
+                name: "华熙生物润百颜液体润百颜液体敷料:",
+                price: 50,
+                priceFlag: "0",
+                priceGrade: "3",
+                priceLoaded: true,
+                promotions: {
+                    id: 208, name: "优惠价", description: null, type: 1, mode: 1,productId: 4367,status: 1,touchPrice: 50,type:1},
+                supplierId: 10111,
+                unit: "方法",
+                userIdentity: 3,
+            },
+            {
+                actStatus: 1,
+                brand: "测试品牌",
+                id: "4367",
+                image: "http://www.caimei365.com/uploadFile/product/XR73P9DFM620151125103659.JPEG",
+                ladderPriceFlag: 0,
+                name: "华熙生物润百颜液体润百颜液体敷料:",
+                price: 50,
+                priceFlag: "0",
+                priceGrade: "4",
+                priceLoaded: true,
+                promotions: {
+                    id: 208, name: "优惠价", description: null, type: 1, mode: 1,productId: 4367,status: 1,touchPrice: 50,type:1},
+                supplierId: 10111,
+                unit: "方法",
+                userIdentity: 3,
+            },
+            {
+                actStatus: 1,
+                brand: "测试品牌",
+                id: "4367",
+                image: "http://www.caimei365.com/uploadFile/product/XR73P9DFM620151125103659.JPEG",
+                ladderPriceFlag: 0,
+                name: "华熙生物润百颜液体润百颜液体敷料:",
+                price: 50,
+                priceFlag: "0",
+                priceGrade: "4",
+                priceLoaded: true,
+                promotions: {
+                    id: 208, name: "优惠价", description: null, type: 1, mode: 1,productId: 4367,status: 1,touchPrice: 50,type:1},
+                supplierId: 10111,
+                unit: "方法",
+                userIdentity: 3,
+            },
+            {
+                actStatus: 1,
+                brand: "测试品牌",
+                id: "4367",
+                image: "http://www.caimei365.com/uploadFile/product/XR73P9DFM620151125103659.JPEG",
+                ladderPriceFlag: 0,
+                name: "华熙生物润百颜液体润百颜液体敷料:",
+                price: 50,
+                priceFlag: "0",
+                priceGrade: "4",
+                priceLoaded: true,
+                promotions: {
+                    id: 208, name: "优惠价", description: null, type: 1, mode: 1,productId: 4367,status: 1,touchPrice: 50,type:1},
+                supplierId: 10111,
+                unit: "方法",
+                userIdentity: 3,
+            },
+        ],
+        termsName:'',
+        twoclassName:'',
+        smallTypeID:'',
+        twosmallTypeID:'',
+        tinytypeList:[],
+        termsNameflag:false,
+        twoclassflag:false,
+        params: {
+            size: 0,
+            num: 0,
+            keyword: "",
+            sortField: "",
+            sortType: 1, // 1降序，其他升序
+            bid: "",
+            sid: "",
+            tid: ""
+        },
     },
     methods:{
-        seeMore:function(){
-            this.moreflag = false
+        toSortList: function (sortField, sortType) {
+            var params = {
+                sortfield: sortField,
+                sorttype: sortType
+            };
+            window.location.href = updateUrlParam(params);
         },
-         getRecommends: function(){
-            var _self = this;
-            $.getJSON("/home/recommend").done(function (r) {
-                if (r.code === 0 && r.data) {
-                    _self.recommends = r.data;
-                    _self.recommendPage = Math.ceil(r.data.length / 5);
-                        setTimeout(function(){
-                        if (isPC) {
-                            $('#recommendBox').slide({
-                                mainCell:".swiper-wrapper"
-                                ,titCell:".swiper-pagination span"
-                                ,effect: "leftLoop"
-                                ,interTime: 3000
-                                ,autoPlay: true
-                                ,scroll:5
-                                ,vis:5
-                                ,trigger: "mouseover"
-                            });
-                        } else {
-                            var swiper = new Swiper('#recommendBox', {
-                                slidesPerView: 2,
-                                slidesPerColumn: 2,
-                                spaceBetween: 0,
-                                slidesPerGroup: 2,
-                                autoplay: {
-                                    delay: 3000,
-                                    disableOnInteraction: false
-                                },
-                                pagination: {
-                                    el: '.swiper-pagination'
-                                }
-                            });
-                        }
-                    },500);
-                      setTimeout(function(){
-                            // 图片懒加载
-                            $("img[data-original]").lazyload();
-                        },500)
-                        // 获取价格
-                    var productIdArr = [];
-                    _self.recommends.map(function (item) {
-                        // 0公开价格 1不公开价格 2仅对会员机构公开
-                        if (item.priceFlag !== 1) {
-                            productIdArr.push(item.id)
-                        }
-                    });
-                    setProductPrice(_self.recommends, productIdArr.join(","), _self.userId, function () {
-                        _self.$forceUpdate();
-                    });
-                }
-            });
+        remove:function(){
+            this.twoclassflag = false;
         },
-    },
-    created: function() {
-    var userInfo = localStorage.getItem('userInfo');
-        if(userInfo){
-            this.userId = JSON.parse(userInfo).userId;
+        oneclass:function (item) {//选择一及分类
+            this.termsName=item.name;
+            this.smallTypeID = item.smallTypeID;
+            this.tinytypeList = item.tinytypeList;
+            this.termsNameflag = true
+        },
+        twoclass:function (item) {//选择二级分类
+            this.twoclassName = item.name;
+            this.twosmallTypeID = item.smallTypeID;
+            this.twoclassflag = true;
         }
-    this.getRecommends();
+    },
+    created:function () {
+        setTimeout(function(){
+            // 图片懒加载
+            $("img[data-original]").lazyload();
+        },500)
     }
- })
+
+})

src/main/resources/static/js/product/produce.js

@@ -1,93 +1,1192 @@
- var instrueMent = new Vue({
-    el:'#instrueMent',
+ var produceContainer = new Vue({
+    el:'#produceContainer',
     data:{
-        categorylist:[
-            {name:'中胚层产品',value:'0'},
-            {name:'中胚层产品',value:'1'},
-            {name:'中胚层产品',value:'2'},
-            {name:'中胚层产品',value:'3'},
-            {name:'中胚层产品',value:'4'},
-            {name:'中胚层产品',value:'5'},
-            {name:'中胚层产品',value:'6'},
-            {name:'中胚层产品',value:'7'},
+        classlyList:[
+            {name:'中胚层产品',icon:'https://m.360buyimg.com/babel/jfs/t1/60778/37/9838/3066/5d7739faEd3b7dbb9/dd4d9ef7ce8fc169.png',keyword:'/product/produce-list.html'},
+            {name:'中胚层产品',icon:'https://m.360buyimg.com/babel/jfs/t1/60778/37/9838/3066/5d7739faEd3b7dbb9/dd4d9ef7ce8fc169.png',keyword:'/product/produce-list.html'},
+            {name:'中胚层产品',icon:'https://m.360buyimg.com/babel/jfs/t1/60778/37/9838/3066/5d7739faEd3b7dbb9/dd4d9ef7ce8fc169.png',keyword:'/product/produce-list.html'},
+            {name:'中胚层产品',icon:'https://m.360buyimg.com/babel/jfs/t1/60778/37/9838/3066/5d7739faEd3b7dbb9/dd4d9ef7ce8fc169.png',keyword:'/product/produce-list.html'},
+            {name:'中胚层产品',icon:'https://m.360buyimg.com/babel/jfs/t1/60778/37/9838/3066/5d7739faEd3b7dbb9/dd4d9ef7ce8fc169.png',keyword:'/product/produce-list.html'},
+            {name:'中胚层产品',icon:'https://m.360buyimg.com/babel/jfs/t1/60778/37/9838/3066/5d7739faEd3b7dbb9/dd4d9ef7ce8fc169.png',keyword:'/product/produce-list.html'},
+            {name:'中胚层产品',icon:'https://m.360buyimg.com/babel/jfs/t1/60778/37/9838/3066/5d7739faEd3b7dbb9/dd4d9ef7ce8fc169.png',keyword:'/product/produce-list.html'},
+            {name:'中胚层产品',icon:'https://m.360buyimg.com/babel/jfs/t1/60778/37/9838/3066/5d7739faEd3b7dbb9/dd4d9ef7ce8fc169.png',keyword:'/product/produce-list.html'}
             ],
         hotlist:[
-            {name:'玻尿酸',value:'0'},
-            {name:'械字号',value:'1'},
-            {name:'导入液',value:'2'},
-            {name:'热门仪器',value:'3'},
-            {name:'除皱',value:'4'},
-            {name:'微整形 ',value:'5'},
-            {name:'纹绣',value:'6'},
-            {name:'美白嫩肤',value:'7'},
+            {name:'玻尿酸',type:'1',keyword:''},
+            {name:'械字号',type:'1',keyword:''},
+            {name:'导入液含税',type:'0',keyword:''},
+            {name:'热门仪器',type:'0',keyword:''},
+            {name:'除皱',type:'0',keyword:''},
+            {name:'微整形 ',type:'0',keyword:''},
+            {name:'纹绣',type:'0',keyword:''},
+            {name:'美白嫩肤',type:'0',keyword:''}
         ],
-         recommendPage: 1,
-         recommends: [],
-         userId:0,
-         moreflag:true,
+        pageList:[
+            {
+                title:'推荐专区',
+                content:'推荐专区描述词推荐专区描述词',
+                type:1,
+                advertisement:'http://img14.360buyimg.com/babel/s1580x818_jfs/t1/84274/40/9866/66616/5d778b65Ea0ba5552/cec04ecdf62fd5fa.jpg!cc_1580x818.webp',
+                isPageMore:false,
+                listType:1,
+                productList:[
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:2,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底盆底共振椅盆底共振椅盆底共振椅盆底共振椅盆底共振椅共振椅',
+                        price:1000000,
+                        priceFlag:0,
+                        productType:0,
+                        priceGrade:2,
+                        actStatus:1,
+                        userIdentity:2,
+                        originalPrice:2000000,
+                        promotions:{
+                            name:'优惠价',
+                            type:1,
+                            mode:1
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:3,
+                        actStatus:1,
+                        userIdentity:3,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:4,
+                        actStatus:1,
+                        userIdentity:3,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:2,
+                        productType:0,
+                        priceGrade:5,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:2,
+                        productType:0,
+                        priceGrade:4,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:3,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:2,
+                        actStatus:0,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:2,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:3,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                ]
+            },{
+                title:'二手专区',
+                content:'二手专区描述词二手专区描述词',
+                type:2,
+                advertisement:'https://img12.360buyimg.com/babel/s1580x818_jfs/t1/148743/39/16659/91464/5fc8e0adEa1488544/8749912b10d1460a.jpg!cc_1580x818.webp',
+                advertisement1:'https://img11.360buyimg.com/n7/jfs/t1/150437/9/259/119917/5f58ad4fE61a83e28/dd7b0602bcb249f0.jpg',
+                isPageMore:false,
+                listType:1,
+                productList:[
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底盆底共振椅盆底共振椅盆底共振椅盆底共振椅盆底共振椅共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                ]
+            },{
+                title:'精彩活动',
+                content:'精彩活动描述词精彩活动描述词',
+                type:3,
+                banner:'http://m.360buyimg.com/babel/jfs/t1/154859/31/6073/29706/5fb1d2c4E73af2908/9054ba7e4d595637.jpg.webp',
+                advertisement:'http://img14.360buyimg.com/babel/s1580x818_jfs/t1/84274/40/9866/66616/5d778b65Ea0ba5552/cec04ecdf62fd5fa.jpg!cc_1580x818.webp',
+                advertisement1:'https://img11.360buyimg.com/n7/jfs/t1/150437/9/259/119917/5f58ad4fE61a83e28/dd7b0602bcb249f0.jpg',
+                isPageMore:false,
+                listType:1,
+                productList:[
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底盆底共振椅盆底共振椅盆底共振椅盆底共振椅盆底共振椅共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:0,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:0,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:0,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:0,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                ]
+            },{
+                title:'新品专区',
+                content:'新品专区描述词新品专区描述词',
+                type:4,
+                banner:'http://m.360buyimg.com/babel/jfs/t1/154859/31/6073/29706/5fb1d2c4E73af2908/9054ba7e4d595637.jpg.webp',
+                advertisement:'http://img14.360buyimg.com/babel/s1580x818_jfs/t1/84274/40/9866/66616/5d778b65Ea0ba5552/cec04ecdf62fd5fa.jpg!cc_1580x818.webp',
+                advertisement1:'https://img11.360buyimg.com/n7/jfs/t1/150437/9/259/119917/5f58ad4fE61a83e28/dd7b0602bcb249f0.jpg',
+                isPageMore:false,
+                listType:1,
+                productList:[
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底盆底共振椅盆底共振椅盆底共振椅盆底共振椅盆底共振椅共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:0,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:0,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:0,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:0,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    }
+                ]
+            },{
+                title:'品牌商品',
+                content:'品牌商品描述词品牌商品描述词',
+                type:5,
+                banner:'https://m.360buyimg.com/babel/jfs/t1/133169/21/16170/33334/5fb1d2c9Eda5701a1/853ec7266b34a9d5.jpg.webp',
+                isPageMore:false,
+                listType:1,
+                productList:[
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底盆底共振椅盆底共振椅盆底共振椅盆底共振椅盆底共振椅共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                ]
+            },{
+                title:'葡萄酒专区',
+                content:'葡萄酒专区描述词葡萄酒专区葡萄酒专区葡萄酒专区描述词',
+                type:6,
+                banner:'https://m.360buyimg.com/babel/jfs/t1/133169/21/16170/33334/5fb1d2c9Eda5701a1/853ec7266b34a9d5.jpg.webp',
+                isPageMore:false,
+                listType:2,
+                productList:[
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:2,
+                        tags:'华熙生物',
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底盆底共振椅盆底共振椅盆底共振椅盆底共振椅盆底共振椅共振椅',
+                        price:1000000,
+                        priceFlag:0,
+                        productType:0,
+                        priceGrade:2,
+                        actStatus:1,
+                        userIdentity:2,
+                        originalPrice:2000000,
+                        tags:'华熙生物',
+                        promotions:{
+                            name:'优惠价',
+                            type:1,
+                            mode:1
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:3,
+                        actStatus:1,
+                        userIdentity:3,
+                        tags:'华熙生物',
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:4,
+                        actStatus:1,
+                        userIdentity:3,
+                        tags:'华熙生物',
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:2,
+                        productType:0,
+                        priceGrade:5,
+                        actStatus:1,
+                        userIdentity:4,
+                        tags:'华熙生物',
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:2,
+                        productType:0,
+                        priceGrade:4,
+                        actStatus:1,
+                        userIdentity:4,
+                        tags:'华熙生物',
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:3,
+                        actStatus:1,
+                        userIdentity:4,
+                        tags:'华熙生物',
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:2,
+                        actStatus:0,
+                        userIdentity:4,
+                        tags:'华熙生物',
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        tags:'华熙生物',
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        tags:'华熙生物',
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    }
+                ]
+            },{
+                title:'推荐专区',
+                content:'推荐专区描述词推荐专区描述词',
+                type:7,
+                advertisement:'http://img14.360buyimg.com/babel/s1580x818_jfs/t1/84274/40/9866/66616/5d778b65Ea0ba5552/cec04ecdf62fd5fa.jpg!cc_1580x818.webp',
+                isPageMore:false,
+                listType:1,
+                productList:[
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:2,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底盆底共振椅盆底共振椅盆底共振椅盆底共振椅盆底共振椅共振椅',
+                        price:1000000,
+                        priceFlag:0,
+                        productType:0,
+                        priceGrade:2,
+                        actStatus:1,
+                        userIdentity:2,
+                        originalPrice:2000000,
+                        promotions:{
+                            name:'优惠价',
+                            type:1,
+                            mode:1
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:3,
+                        actStatus:1,
+                        userIdentity:3,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:4,
+                        actStatus:1,
+                        userIdentity:3,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:2,
+                        productType:0,
+                        priceGrade:5,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:2,
+                        productType:0,
+                        priceGrade:4,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:3,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:2,
+                        actStatus:0,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅盆底共振椅盆底共振椅盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:1,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:2,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                    {
+                        image:'https://img13.360buyimg.com/n7/jfs/t1/130798/21/17746/491566/5fc3a8fdE28ab957e/4d203c28c57bd60a.jpg',
+                        name:'BTL EMSELLA 美缇斯-盆底共振椅',
+                        price:1000000,
+                        priceFlag:1,
+                        productType:0,
+                        priceGrade:3,
+                        actStatus:1,
+                        userIdentity:4,
+                        promotions:{
+                            name:'凑单满减'
+                        }
+                    },
+                ]
+            }
+        ]
     },
+     filters: {
+         NumFormat:function(value) {//处理金额
+             return Number(value).toFixed(2);
+         },
+     },
     methods:{
-        seeMore:function(){
-            this.moreflag = false
-        },
-         getRecommends: function(){
-            var _self = this;
-            $.getJSON("/home/recommend").done(function (r) {
-                if (r.code === 0 && r.data) {
-                    _self.recommends = r.data;
-                    _self.recommendPage = Math.ceil(r.data.length / 5);
-                        setTimeout(function(){
-                        if (isPC) {
-                            $('#recommendBox').slide({
-                                mainCell:".swiper-wrapper"
-                                ,titCell:".swiper-pagination span"
-                                ,effect: "leftLoop"
-                                ,interTime: 3000
-                                ,autoPlay: true
-                                ,scroll:5
-                                ,vis:5
-                                ,trigger: "mouseover"
-                            });
-                        } else {
-                            var swiper = new Swiper('#recommendBox', {
-                                slidesPerView: 2,
-                                slidesPerColumn: 2,
-                                spaceBetween: 0,
-                                slidesPerGroup: 2,
-                                autoplay: {
-                                    delay: 3000,
-                                    disableOnInteraction: false
-                                },
-                                pagination: {
-                                    el: '.swiper-pagination'
-                                }
-                            });
-                        }
-                    },500);
-                      setTimeout(function(){
-                            // 图片懒加载
-                            $("img[data-original]").lazyload();
-                        },500)
-                        // 获取价格
-                    var productIdArr = [];
-                    _self.recommends.map(function (item) {
-                        // 0公开价格 1不公开价格 2仅对会员机构公开
-                        if (item.priceFlag !== 1) {
-                            productIdArr.push(item.id)
-                        }
-                    });
-                    setProductPrice(_self.recommends, productIdArr.join(","), _self.userId, function () {
-                        _self.$forceUpdate();
-                    });
+        PromotionsFormat:function(promo){//促销活动类型数据处理
+            if(promo!=null){
+                if(promo.type == 1 && promo.mode == 1){
+                    return true
+                }else{
+                    return false
                 }
-            });
+            }
+            return false
         },
+        showMorePageFn:function(page){
+            page.isPageMore = true;
+        }
     },
     created: function() {
     var userInfo = localStorage.getItem('userInfo');
         if(userInfo){
             this.userId = JSON.parse(userInfo).userId;
         }
-    this.getRecommends();
     }
- })
+ });

src/main/resources/templates/index.html

@@ -27,7 +27,7 @@
     <!--首页楼层主体数据-->
     <div class="section_container">
         <div class="inner">
-            <div class="section_left">
+            <div class="section_left clear">
                 <div class="section_page" v-for="(page,index) in pageList">
                     <div class="section_page_title">
                         <h1>{{ page.title }}</h1>
@@ -38,8 +38,9 @@
                             <a href="" class="page_main_item ad_02"><img :src="page.advertisement" alt=""></a>
                             <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.productList">
                                 <img class="page_main_image" :src="pros.image" alt="">
+                                <div class="page_main_tag" v-if="page.listType == 2"><p>{{ pros.tags }}</p></div>
                                 <div class="page_main_text">{{ pros.name }}</div>
-                                <div class="page_main_price">
+                                <div class="page_main_price" v-if="page.listType == 1">
                                     <template v-if="!GLOBAL_USER_ID && !GLOBAL_USER_ID>0">
                                         <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
                                         <template v-if="pros.priceFlag==1">
@@ -102,8 +103,9 @@
                             <a href="" class="page_main_item ad_03"><img class="page_main_item_adv" :src="page.advertisement1" alt=""> </a>
                             <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.productList">
                                 <img class="page_main_image" :src="pros.image" alt="">
+                                <div class="page_main_tag" v-if="page.listType == 2"><p>{{ pros.tags }}</p></div>
                                 <div class="page_main_text">{{ pros.name }}</div>
-                                <div class="page_main_price">
+                                <div class="page_main_price" v-if="page.listType == 1">
                                     <template v-if="!GLOBAL_USER_ID && !GLOBAL_USER_ID>0">
                                         <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
                                         <template v-if="pros.priceFlag==1">
@@ -166,8 +168,9 @@
                             <a href="" class="page_main_item ad_02"><img class="page_main_item_adv" :src="page.advertisement" alt=""> </a>
                             <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.productList">
                                 <img class="page_main_image" :src="pros.image" alt="">
+                                <div class="page_main_tag" v-if="page.listType == 2"><p>{{ pros.tags }}</p></div>
                                 <div class="page_main_text">{{ pros.name }}</div>
-                                <div class="page_main_price">
+                                <div class="page_main_price" v-if="page.listType == 1">
                                     <template v-if="!GLOBAL_USER_ID && !GLOBAL_USER_ID>0">
                                         <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
                                         <template v-if="pros.priceFlag==1">
@@ -231,8 +234,9 @@
                             <a href="" class="page_main_item ad_03"><img class="page_main_item_adv" :src="page.advertisement1" alt=""> </a>
                             <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.productList">
                                 <img class="page_main_image" :src="pros.image" alt="">
+                                <div class="page_main_tag" v-if="page.listType == 2"><p>{{ pros.tags }}</p></div>
                                 <div class="page_main_text">{{ pros.name }}</div>
-                                <div class="page_main_price">
+                                <div class="page_main_price" v-if="page.listType == 1">
                                     <template v-if="!GLOBAL_USER_ID && !GLOBAL_USER_ID>0">
                                         <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
                                         <template v-if="pros.priceFlag==1">
@@ -294,8 +298,9 @@
                             <a href="" class="page_main_item ad_01"><img class="page_main_item_adv" :src="page.banner" alt=""> </a>
                             <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.productList">
                                 <img class="page_main_image" :src="pros.image" alt="">
+                                <div class="page_main_tag" v-if="page.listType == 2"><p>{{ pros.tags }}</p></div>
                                 <div class="page_main_text">{{ pros.name }}</div>
-                                <div class="page_main_price">
+                                <div class="page_main_price" v-if="page.listType == 1">
                                     <template v-if="!GLOBAL_USER_ID && !GLOBAL_USER_ID>0">
                                         <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
                                         <template v-if="pros.priceFlag==1">
@@ -356,8 +361,9 @@
                         <div class="section_page_main type_03" :class="page.isPageMore ? 'max' : ''">
                             <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.productList">
                                 <img class="page_main_image" :src="pros.image" alt="">
+                                <div class="page_main_tag" v-if="page.listType == 2"><p>{{ pros.tags }}</p></div>
                                 <div class="page_main_text">{{ pros.name }}</div>
-                                <div class="page_main_price">
+                                <div class="page_main_price" v-if="page.listType == 1">
                                     <template v-if="!GLOBAL_USER_ID && !GLOBAL_USER_ID>0">
                                         <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
                                         <template v-if="pros.priceFlag==1">
@@ -416,8 +422,9 @@
                         <div class="section_page_main" :class="page.isPageMore ? 'max' : ''">
                             <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.productList">
                                 <img class="page_main_image" :src="pros.image" alt="">
+                                <div class="page_main_tag" v-if="page.listType == 2"><p>{{ pros.tags }}</p></div>
                                 <div class="page_main_text">{{ pros.name }}</div>
-                                <div class="page_main_price">
+                                <div class="page_main_price" v-if="page.listType == 1">
                                     <template v-if="!GLOBAL_USER_ID && !GLOBAL_USER_ID>0">
                                         <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
                                         <template v-if="pros.priceFlag==1">

src/main/resources/templates/product/produce-list.html

@@ -2,16 +2,94 @@
 <html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="https://www.thymeleaf.org ">
 <head>
-    <title>采美365网-仪器</title>
+    <title>采美365网-产品分类列表-医疗美容生活美容正品采购平台</title>
     <template th:replace="components/head-link"></template>
-    <link th:href="@{/css/equipment/list.css(v=${version})}" rel="stylesheet" type="text/css">
+    <link th:href="@{/css/product/produce-list.css(v=${version})}" rel="stylesheet" type="text/css">
 </head>
 <body>
-    <!-- 引用头部 -->
-    <template th:replace="components/header"></template>
+<!-- 引用头部 -->
+<template th:replace="components/header"></template>
 
-    <!-- 引入底部 -->
+<!-- 商品列表 -->
+<div id="productList">
+    <div class="crumbs-nav">
+        <div class="crumbs-link"> 筛选条件： </div>
+        <div  class="crumbs-nav-main">
+            <div class="crumbs-nav-item" v-if="termsNameflag">{{termsName}}</div>
+            <div class="crumbs-nav-item on" @click="remove" v-if="twoclassflag">{{twoclassName}} x</div>
+        </div>
+    </div>
+    <div  id="listClassify" class="classifyBox">
+        <div class="classification">
+            <div class="class-title">分类</div>
+            <div class="class-nav-main">
+                <div v-for="item in classify" @click="oneclass(item)" :class="{'on':item.smallTypeID==smallTypeID}">{{item.name}}</div>
+            </div>
+        </div>
+        <div class="classification">
+            <div class="class-title">二级</div>
+            <div class="class-nav-main">
+                <div v-for="item in tinytypeList" @click="twoclass(item)" :class="{'on':item.smallTypeID==twosmallTypeID}">{{item.name}}</div>
+            </div>
+        </div>
+        <div class="sortBox classification">
+            <div class="class-title" :class="{'on':params.sortField == ''}" @click="toSortList('',1)">综合</div>
+            <div class="class-nav-main">
+                <template>
+                    <div class="down" @click="toSortList('sales',0)"><span>销量</span></div>
+                </template>
+                <template>
+                    <div class="down" @click="toSortList('favorite',0)"><span>人气</span></div>
+                </template>
+                <template>
+                    <div class="down"  @click="toSortList('price',0)"><span>价格</span></div>
+                </template>
+            </div>
+        </div>
+    </div>
+    <template>
+        <div class="list-container">
+            <ul class="clear mfw">
+                <li class="productItem " v-for="p in listData">
+                    <a class="image" :href="'/product-'+p.id+'.html'">
+                        <img src="/img/base/placeholder.png" :data-original="p.image" :alt="p.name">
+                        <p class="name" v-html="p.name"></p>
+                        <div class="price mfhc">
+                            <template v-if="GLOBAL_USER_ID && GLOBAL_USER_ID>0">
+                                <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
+                                <template v-if="p.priceFlag==1">
+                                    <em>￥价格未公开</em>
+                                </template>
+                                <template v-else>
+                                    <template v-if="(p.priceFlag==0 && p.userIdentity!=3) || p.userIdentity==2 || (p.userIdentity==3 && p.supplierId==GLOBAL_SHOP_ID)">
+                                        <em class="p" v-text="'￥'+parseFloat(p.price).toFixed(2)"></em>
+                                        <span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
+                                    </template>
+                                    <template v-else-if="p.priceFlag==2 && p.userIdentity==4">
+                                        <em>￥会员可见</em>
+                                        <span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
+                                    </template>
+                                    <template v-else>
+                                        <em>￥<i :class="'icon mIcon i'+p.priceGrade"></i></em>
+                                        <span class="listTag" v-if="p.actStatus==1">{{p.promotions.name}}</span>
+                                    </template>
+                                </template>
+                            </template>
+                            <template v-else>
+                                <em>￥<i :class="'icon mIcon i'+p.priceGrade"></i></em>
+                                <span class="listTag" >单品满减</span>
+                            </template>
+                        </div>
+                    </a>
+                </li>
+            </ul>
+        </div>
+    </template>
+</div>
+<!-- 引入底部 -->
 <template th:replace="components/footer"></template>
 <template th:replace="components/foot-link"></template>
+<!--<script charset="utf-8" type="text/javascript" th:src="@{/js/product/list.js(v=${version})}"></script>-->
+<script charset="utf-8" type="text/javascript" th:src="@{/js/product/instruement-list.js(v=${version})}"></script>
 </body>
-
+</html>

src/main/resources/templates/product/produce.html

@@ -2,16 +2,491 @@
 <html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="https://www.thymeleaf.org ">
 <head>
-    <title>采美365网-仪器</title>
+    <title>采美365网-产品-医疗美容生活美容正品采购平台</title>
     <template th:replace="components/head-link"></template>
-    <link th:href="@{/css/equipment/list.css(v=${version})}" rel="stylesheet" type="text/css">
+    <link th:href="@{/css/product/produce.css(v=${version})}" rel="stylesheet" type="text/css">
 </head>
 <body>
-    <!-- 引用头部 -->
-    <template th:replace="components/header"></template>
-
-    <!-- 引入底部 -->
+<!-- 引用头部 -->
+<template th:replace="components/header"></template>
+<div id="produceContainer" v-cloak>
+    <div class="inner">
+        <div class="section_container_left">
+            <div class="section_container_nav">
+                <a :href="item.keyword" class="container_nav_item" v-for="(item,index) in classlyList">
+                    <div class="item_icon"><img :src="item.icon" alt=""></div>
+                    <div class="item_text">{{ item.name }}</div>
+                </a>
+            </div>
+            <div class="section_page" v-for="(page,index) in pageList">
+                <div class="section_page_title">
+                    <h1>{{ page.title }}</h1>
+                    <p>{{ page.content }}</p>
+                </div>
+                <template v-if="page.type == 1">
+                    <div class="section_page_main" :class="page.isPageMore ? 'max' : ''">
+                        <a href="" class="page_main_item ad_02"><img :src="page.advertisement" alt=""></a>
+                        <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.productList">
+                            <img class="page_main_image" :src="pros.image" alt="">
+                            <div class="page_main_tag" v-if="page.listType == 2"><p>{{ pros.tags }}</p></div>
+                            <div class="page_main_text">{{ pros.name }}</div>
+                            <div class="page_main_price" v-if="page.listType == 1">
+                                <template v-if="!GLOBAL_USER_ID && !GLOBAL_USER_ID>0">
+                                    <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
+                                    <template v-if="pros.priceFlag==1">
+                                        <!--价格未公开-->
+                                        <div class="main_price_text">
+                                            <div class="price_text_tag">
+                                                <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                            </div>
+                                            <div class="main_price_unde">￥价格未公开</div>
+                                        </div>
+                                    </template>
+                                    <template v-else>
+                                        <!--可见价格-->
+                                        <template v-if="(pros.priceFlag==0 && pros.userIdentity!=3) || pros.userIdentity==2 || (pros.userIdentity==3 && pros.supplierId==GLOBAL_SHOP_ID)">
+                                            <div class="main_price_text">
+                                                <div class="price_text_tag">
+                                                    <p class="listTag" v-if="pros.actStatus==1">
+                                                        {{pros.promotions.name}}
+                                                        <span v-if="pros.priceFlag != 1">:￥{{pros.price | NumFormat}}</span>
+                                                    </p>
+                                                </div>
+                                                <div class="main_price_show" :class="PromotionsFormat(pros.promotions) ? 'none' : ''">
+                                                    ￥{{ (PromotionsFormat(pros.promotions) ? pros.originalPrice : pros.price ) | NumFormat  }}
+                                                </div>
+                                            </div>
+                                        </template>
+                                        <!--仅会员机构可见-->
+                                        <template v-else-if="pros.priceFlag==2 && pros.userIdentity==4">
+                                            <div class="main_price_text">
+                                                <div class="price_text_tag">
+                                                    <p class="listTag" v-if="pros.actStatus==1">{{pros.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.priceGrade"></i></em>
+                                                <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                            </div>
+                                        </template>
+                                    </template>
+                                </template>
+                                <template v-else>
+                                    <div class="main_price_none">
+                                        <em class="price_grade"><span>￥</span><i :class="'icon mIcon price_grade_'+pros.priceGrade"></i></em>
+                                        <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                    </div>
+                                </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.type == 2">
+                    <div class="section_page_main" :class="page.isPageMore ? 'max' : ''">
+                        <a href="" class="page_main_item ad_02"><img class="page_main_item_adv" :src="page.advertisement" alt=""> </a>
+                        <a href="" class="page_main_item ad_03"><img class="page_main_item_adv" :src="page.advertisement1" alt=""> </a>
+                        <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.productList">
+                            <img class="page_main_image" :src="pros.image" alt="">
+                            <div class="page_main_tag" v-if="page.listType == 2"><p>{{ pros.tags }}</p></div>
+                            <div class="page_main_text">{{ pros.name }}</div>
+                            <div class="page_main_price" v-if="page.listType == 1">
+                                <template v-if="!GLOBAL_USER_ID && !GLOBAL_USER_ID>0">
+                                    <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
+                                    <template v-if="pros.priceFlag==1">
+                                        <!--价格未公开-->
+                                        <div class="main_price_text">
+                                            <div class="price_text_tag">
+                                                <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                            </div>
+                                            <div class="main_price_unde">￥价格未公开</div>
+                                        </div>
+                                    </template>
+                                    <template v-else>
+                                        <!--可见价格-->
+                                        <template v-if="(pros.priceFlag==0 && pros.userIdentity!=3) || pros.userIdentity==2 || (pros.userIdentity==3 && pros.supplierId==GLOBAL_SHOP_ID)">
+                                            <div class="main_price_text">
+                                                <div class="price_text_tag">
+                                                    <p class="listTag" v-if="pros.actStatus==1">
+                                                        {{pros.promotions.name}}
+                                                        <span v-if="pros.priceFlag != 1">:￥{{pros.price | NumFormat}}</span>
+                                                    </p>
+                                                </div>
+                                                <div class="main_price_show" :class="PromotionsFormat(pros.promotions) ? 'none' : ''">
+                                                    ￥{{ (PromotionsFormat(pros.promotions) ? pros.originalPrice : pros.price ) | NumFormat  }}
+                                                </div>
+                                            </div>
+                                        </template>
+                                        <!--仅会员机构可见-->
+                                        <template v-else-if="pros.priceFlag==2 && pros.userIdentity==4">
+                                            <div class="main_price_text">
+                                                <div class="price_text_tag">
+                                                    <p class="listTag" v-if="pros.actStatus==1">{{pros.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.priceGrade"></i></em>
+                                                <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                            </div>
+                                        </template>
+                                    </template>
+                                </template>
+                                <template v-else>
+                                    <div class="main_price_none">
+                                        <em class="price_grade"><span>￥</span><i :class="'icon mIcon price_grade_'+pros.priceGrade"></i></em>
+                                        <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                    </div>
+                                </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.type == 3">
+                    <div class="section_page_main type_03" :class="page.isPageMore ? 'max' : ''">
+                        <a href="" class="page_main_item ad_01"><img class="page_main_item_adv" :src="page.banner" alt=""> </a>
+                        <a href="" class="page_main_item ad_02"><img class="page_main_item_adv" :src="page.advertisement" alt=""> </a>
+                        <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.productList">
+                            <img class="page_main_image" :src="pros.image" alt="">
+                            <div class="page_main_tag" v-if="page.listType == 2"><p>{{ pros.tags }}</p></div>
+                            <div class="page_main_text">{{ pros.name }}</div>
+                            <div class="page_main_price" v-if="page.listType == 1">
+                                <template v-if="!GLOBAL_USER_ID && !GLOBAL_USER_ID>0">
+                                    <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
+                                    <template v-if="pros.priceFlag==1">
+                                        <!--价格未公开-->
+                                        <div class="main_price_text">
+                                            <div class="price_text_tag">
+                                                <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                            </div>
+                                            <div class="main_price_unde">￥价格未公开</div>
+                                        </div>
+                                    </template>
+                                    <template v-else>
+                                        <!--可见价格-->
+                                        <template v-if="(pros.priceFlag==0 && pros.userIdentity!=3) || pros.userIdentity==2 || (pros.userIdentity==3 && pros.supplierId==GLOBAL_SHOP_ID)">
+                                            <div class="main_price_text">
+                                                <div class="price_text_tag">
+                                                    <p class="listTag" v-if="pros.actStatus==1">
+                                                        {{pros.promotions.name}}
+                                                        <span v-if="pros.priceFlag != 1">:￥{{pros.price | NumFormat}}</span>
+                                                    </p>
+                                                </div>
+                                                <div class="main_price_show" :class="PromotionsFormat(pros.promotions) ? 'none' : ''">
+                                                    ￥{{ (PromotionsFormat(pros.promotions) ? pros.originalPrice : pros.price ) | NumFormat  }}
+                                                </div>
+                                            </div>
+                                        </template>
+                                        <!--仅会员机构可见-->
+                                        <template v-else-if="pros.priceFlag==2 && pros.userIdentity==4">
+                                            <div class="main_price_text">
+                                                <div class="price_text_tag">
+                                                    <p class="listTag" v-if="pros.actStatus==1">{{pros.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.priceGrade"></i></em>
+                                                <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                            </div>
+                                        </template>
+                                    </template>
+                                </template>
+                                <template v-else>
+                                    <div class="main_price_none">
+                                        <em class="price_grade"><span>￥</span><i :class="'icon mIcon price_grade_'+pros.priceGrade"></i></em>
+                                        <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                    </div>
+                                </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.type == 4">
+                    <div class="section_page_main type_03" :class="page.isPageMore ? 'max' : ''">
+                        <a href="" class="page_main_item ad_01"><img class="page_main_item_adv" :src="page.banner" alt=""> </a>
+                        <a href="" class="page_main_item ad_02"><img class="page_main_item_adv" :src="page.advertisement" alt=""> </a>
+                        <a href="" class="page_main_item ad_03"><img class="page_main_item_adv" :src="page.advertisement1" alt=""> </a>
+                        <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.productList">
+                            <img class="page_main_image" :src="pros.image" alt="">
+                            <div class="page_main_tag" v-if="page.listType == 2"><p>{{ pros.tags }}</p></div>
+                            <div class="page_main_text">{{ pros.name }}</div>
+                            <div class="page_main_price" v-if="page.listType == 1">
+                                <template v-if="!GLOBAL_USER_ID && !GLOBAL_USER_ID>0">
+                                    <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
+                                    <template v-if="pros.priceFlag==1">
+                                        <!--价格未公开-->
+                                        <div class="main_price_text">
+                                            <div class="price_text_tag">
+                                                <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                            </div>
+                                            <div class="main_price_unde">￥价格未公开</div>
+                                        </div>
+                                    </template>
+                                    <template v-else>
+                                        <!--可见价格-->
+                                        <template v-if="(pros.priceFlag==0 && pros.userIdentity!=3) || pros.userIdentity==2 || (pros.userIdentity==3 && pros.supplierId==GLOBAL_SHOP_ID)">
+                                            <div class="main_price_text">
+                                                <div class="price_text_tag">
+                                                    <p class="listTag" v-if="pros.actStatus==1">
+                                                        {{pros.promotions.name}}
+                                                        <span v-if="pros.priceFlag != 1">:￥{{pros.price | NumFormat}}</span>
+                                                    </p>
+                                                </div>
+                                                <div class="main_price_show" :class="PromotionsFormat(pros.promotions) ? 'none' : ''">
+                                                    ￥{{ (PromotionsFormat(pros.promotions) ? pros.originalPrice : pros.price ) | NumFormat  }}
+                                                </div>
+                                            </div>
+                                        </template>
+                                        <!--仅会员机构可见-->
+                                        <template v-else-if="pros.priceFlag==2 && pros.userIdentity==4">
+                                            <div class="main_price_text">
+                                                <div class="price_text_tag">
+                                                    <p class="listTag" v-if="pros.actStatus==1">{{pros.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.priceGrade"></i></em>
+                                                <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                            </div>
+                                        </template>
+                                    </template>
+                                </template>
+                                <template v-else>
+                                    <div class="main_price_none">
+                                        <em class="price_grade"><span>￥</span><i :class="'icon mIcon price_grade_'+pros.priceGrade"></i></em>
+                                        <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                    </div>
+                                </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.type == 5">
+                    <div class="section_page_main type_03" :class="page.isPageMore ? 'max' : ''">
+                        <a href="" class="page_main_item ad_01"><img class="page_main_item_adv" :src="page.banner" alt=""> </a>
+                        <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.productList">
+                            <img class="page_main_image" :src="pros.image" alt="">
+                            <div class="page_main_tag" v-if="page.listType == 2"><p>{{ pros.tags }}</p></div>
+                            <div class="page_main_text">{{ pros.name }}</div>
+                            <div class="page_main_price" v-if="page.listType == 1">
+                                <template v-if="!GLOBAL_USER_ID && !GLOBAL_USER_ID>0">
+                                    <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
+                                    <template v-if="pros.priceFlag==1">
+                                        <!--价格未公开-->
+                                        <div class="main_price_text">
+                                            <div class="price_text_tag">
+                                                <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                            </div>
+                                            <div class="main_price_unde">￥价格未公开</div>
+                                        </div>
+                                    </template>
+                                    <template v-else>
+                                        <!--可见价格-->
+                                        <template v-if="(pros.priceFlag==0 && pros.userIdentity!=3) || pros.userIdentity==2 || (pros.userIdentity==3 && pros.supplierId==GLOBAL_SHOP_ID)">
+                                            <div class="main_price_text">
+                                                <div class="price_text_tag">
+                                                    <p class="listTag" v-if="pros.actStatus==1">
+                                                        {{pros.promotions.name}}
+                                                        <span v-if="pros.priceFlag != 1">:￥{{pros.price | NumFormat}}</span>
+                                                    </p>
+                                                </div>
+                                                <div class="main_price_show" :class="PromotionsFormat(pros.promotions) ? 'none' : ''">
+                                                    ￥{{ (PromotionsFormat(pros.promotions) ? pros.originalPrice : pros.price ) | NumFormat  }}
+                                                </div>
+                                            </div>
+                                        </template>
+                                        <!--仅会员机构可见-->
+                                        <template v-else-if="pros.priceFlag==2 && pros.userIdentity==4">
+                                            <div class="main_price_text">
+                                                <div class="price_text_tag">
+                                                    <p class="listTag" v-if="pros.actStatus==1">{{pros.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.priceGrade"></i></em>
+                                                <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                            </div>
+                                        </template>
+                                    </template>
+                                </template>
+                                <template v-else>
+                                    <div class="main_price_none">
+                                        <em class="price_grade"><span>￥</span><i :class="'icon mIcon price_grade_'+pros.priceGrade"></i></em>
+                                        <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                    </div>
+                                </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.type == 6">
+                    <div class="section_page_main type_03" :class="page.isPageMore ? 'max' : ''">
+                        <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.productList">
+                            <img class="page_main_image" :src="pros.image" alt="">
+                            <div class="page_main_tag" v-if="page.listType == 2"><p>{{ pros.tags }}</p></div>
+                            <div class="page_main_text">{{ pros.name }}</div>
+                            <div class="page_main_price" v-if="page.listType == 1">
+                                <template v-if="!GLOBAL_USER_ID && !GLOBAL_USER_ID>0">
+                                    <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
+                                    <template v-if="pros.priceFlag==1">
+                                        <!--价格未公开-->
+                                        <div class="main_price_text">
+                                            <div class="price_text_tag">
+                                                <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                            </div>
+                                            <div class="main_price_unde">￥价格未公开</div>
+                                        </div>
+                                    </template>
+                                    <template v-else>
+                                        <!--可见价格-->
+                                        <template v-if="(pros.priceFlag==0 && pros.userIdentity!=3) || pros.userIdentity==2 || (pros.userIdentity==3 && pros.supplierId==GLOBAL_SHOP_ID)">
+                                            <div class="main_price_text">
+                                                <div class="price_text_tag">
+                                                    <p class="listTag" v-if="pros.actStatus==1">
+                                                        {{pros.promotions.name}}
+                                                        <span v-if="pros.priceFlag != 1">:￥{{pros.price | NumFormat}}</span>
+                                                    </p>
+                                                </div>
+                                                <div class="main_price_show" :class="PromotionsFormat(pros.promotions) ? 'none' : ''">
+                                                    ￥{{ (PromotionsFormat(pros.promotions) ? pros.originalPrice : pros.price ) | NumFormat  }}
+                                                </div>
+                                            </div>
+                                        </template>
+                                        <!--仅会员机构可见-->
+                                        <template v-else-if="pros.priceFlag==2 && pros.userIdentity==4">
+                                            <div class="main_price_text">
+                                                <div class="price_text_tag">
+                                                    <p class="listTag" v-if="pros.actStatus==1">{{pros.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.priceGrade"></i></em>
+                                                <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                            </div>
+                                        </template>
+                                    </template>
+                                </template>
+                                <template v-else>
+                                    <div class="main_price_none">
+                                        <em class="price_grade"><span>￥</span><i :class="'icon mIcon price_grade_'+pros.priceGrade"></i></em>
+                                        <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                    </div>
+                                </template>
+                            </div>
+                        </a>
+                        <a href="" class="page_main_item ad_01"><img class="page_main_item_adv" :src="page.banner" alt=""> </a>
+                    </div>
+                </template>
+                <template v-if="page.type == 7">
+                    <div class="section_page_main" :class="page.isPageMore ? 'max' : ''">
+                        <a href="" class="page_main_item ad_04" v-for="(pros,index) in page.productList">
+                            <img class="page_main_image" :src="pros.image" alt="">
+                            <div class="page_main_tag" v-if="page.listType == 2"><p>{{ pros.tags }}</p></div>
+                            <div class="page_main_text">{{ pros.name }}</div>
+                            <div class="page_main_price" v-if="page.listType == 1">
+                                <template v-if="!GLOBAL_USER_ID && !GLOBAL_USER_ID>0">
+                                    <!--用户身份 0、个人 1、协销 2、会员机构 3、供应商 4,普通机构-->
+                                    <template v-if="pros.priceFlag==1">
+                                        <!--价格未公开-->
+                                        <div class="main_price_text">
+                                            <div class="price_text_tag">
+                                                <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                            </div>
+                                            <div class="main_price_unde">￥价格未公开</div>
+                                        </div>
+                                    </template>
+                                    <template v-else>
+                                        <!--可见价格-->
+                                        <template v-if="(pros.priceFlag==0 && pros.userIdentity!=3) || pros.userIdentity==2 || (pros.userIdentity==3 && pros.supplierId==GLOBAL_SHOP_ID)">
+                                            <div class="main_price_text">
+                                                <div class="price_text_tag">
+                                                    <p class="listTag" v-if="pros.actStatus==1">
+                                                        {{pros.promotions.name}}
+                                                        <span v-if="pros.priceFlag != 1">:￥{{pros.price | NumFormat}}</span>
+                                                    </p>
+                                                </div>
+                                                <div class="main_price_show" :class="PromotionsFormat(pros.promotions) ? 'none' : ''">
+                                                    ￥{{ (PromotionsFormat(pros.promotions) ? pros.originalPrice : pros.price ) | NumFormat  }}
+                                                </div>
+                                            </div>
+                                        </template>
+                                        <!--仅会员机构可见-->
+                                        <template v-else-if="pros.priceFlag==2 && pros.userIdentity==4">
+                                            <div class="main_price_text">
+                                                <div class="price_text_tag">
+                                                    <p class="listTag" v-if="pros.actStatus==1">{{pros.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.priceGrade"></i></em>
+                                                <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                            </div>
+                                        </template>
+                                    </template>
+                                </template>
+                                <template v-else>
+                                    <div class="main_price_none">
+                                        <em class="price_grade"><span>￥</span><i :class="'icon mIcon price_grade_'+pros.priceGrade"></i></em>
+                                        <p class="listTag" v-if="pros.actStatus==1">{{pros.promotions.name}}</p>
+                                    </div>
+                                </template>
+                            </div>
+                        </a>
+                    </div>
+                </template>
+            </div>
+        </div>
+        <div class="section_container_right">
+            <div class="search_hotlist_main clear">
+                <div class="title">大家都在搜</div>
+                <div class="search_hotlist_content clear">
+                    <a :href="item.keyword" class="search_hotlist_item" v-for="(item,index) in hotlist">
+                        <i class="icon mIcon" v-if="item.type === '1'"></i>
+                        <p>{{ item.name }}</p>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- 引入底部 -->
 <template th:replace="components/footer"></template>
 <template th:replace="components/foot-link"></template>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/product/produce.js(v=${version})}"></script>
+
 </body>