首页新品轮播、新品橱窗优化、我的商品新品展示状态修改

src/main/resources/static/css/supplier-center/shop/release.css

@@ -147,11 +147,11 @@ input::placeholder{color: #9aa5b5}
 
 @media screen and (max-width:768px) {
 .container .release-stepbox{height: 17.6vw;}
-.container .release-stepbox>div{float: left;    width: 25%;text-align: center;top: 9.3vw;position: relative;}
+.container .release-stepbox>div{float: left;    width: 20%;text-align: center;top: 9.3vw;position: relative;}
 .release-stepbox .stepSpan p{color: #9aa5b5}
 .release-stepbox .stepSpan.active p {color: #E15616;}
 .release-stepbox .stepSpan.active p span {background: #E15616;}
-.release-stepbox .stepSpan p span{display: inline-block;width: 5.3vw;height: 5.3vw;font-size: 3.2vw;text-align: center;line-height: 5.3vw;background: #9aa5b5;color: #FFFFFF;border-radius: 10.6vw;position: absolute;top: -6.4vw;right: 10vw}
+.release-stepbox .stepSpan p span{display: inline-block;width: 5.3vw;height: 5.3vw;font-size: 3.2vw;text-align: center;line-height: 5.3vw;background: #9aa5b5;color: #FFFFFF;border-radius: 10.6vw;position: absolute;top: -6.4vw;right: 7vw}
 .release-container{background: #fff;padding: 3.3vw;}
 .release-from .release-label{height:8.3vw;color: #627386;}
 .release-from .release-label span {color: #FF0000;}

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

@@ -192,15 +192,26 @@ var homeData = new Vue({
                         scroll:5,
                         vis:5
                     });
-                    $('.swiper-container-floor').slide({
-                        mainCell:".recommendBox-wrapperHot",
-                        titCell:".swiper-pagination-floor span",
-                        effect: "leftLoop",
-                        autoPlay: true,
-                        interTime:8000,
-                        scroll:5,
-                        vis:5
-                    });
+                    // var swiper = new Swiper(".swiper-container-floor", {
+                    //     slidesPerView: 5,
+                    //     spaceBetween: 20,
+                    //     slidesPerGroup: 5,
+                    //     autoplay:false,
+                    //     loop: true,
+                    //     loopFillGroupWithBlank: true,
+                    //     pagination: {
+                    //         el: ".swiper-pagination"
+                    //     }
+                    // });
+                    // $('.swiper-container-floor').slide({
+                    //     mainCell:".recommendBox-wrapperHot",
+                    //     titCell:".swiper-pagination-floor span",
+                    //     effect: "leftLoop",
+                    //     autoPlay: true,
+                    //     interTime:8000,
+                    //     scroll:5,
+                    //     vis:5
+                    // });
                 } else {
                     var swiper = new Swiper('#recommendBox', {
                         slidesPerView: 2,

src/main/resources/static/js/product/product-hot.js

@@ -118,9 +118,6 @@ var productList = new Vue({
                 if(response.code === 0){
                     var data = response.data
                     _self.listData = _self.listData.concat(data.results);
-                    setTimeout(function(){
-                        $("img[data-original]").lazyload();
-                    },500);
                     if( _self.listData.length>0){
                         _self.isListEmpty = false;
                     }else{
@@ -253,8 +250,10 @@ var productList = new Vue({
         handleConfirmScreen:function(){
             this.listQuery.pageNum = 1;
             this.listData = [];
-            this.isShowAllBrands = false;
-            this.isShowAllBrandsButton = false;
+            if(!isPC){
+                this.isShowAllBrands = false;
+                this.isShowAllBrandsButton = false;
+            }
             this.GetHomeNewFloorList();
         }
     },

src/main/resources/static/js/supplier-center/shop/goods.js

@@ -40,6 +40,7 @@ var myGoods = new Vue({
         newvalidFlagFilters: function(value) {
             //新品展示状态
             const map = {
+                0: '待审核',
                 1: '已展示',
                 2: '展示过期',
                 3: '未展示',

src/main/resources/templates/index.html

@@ -139,10 +139,10 @@
                             <p>{{ floor.detail }}</p>
                             <a class="section_page_btn" href="/product/hot.html" target="_blank"></a>
                         </div>
-                        <div class="swiper-container-floor hotList" id="recommendBox">
-                            <div class="section_page_main type_08 swiper-wrapper recommendBox-wrapper recommendBox-wrapperHot clear mfw section_8 max">
+                        <div class="swiper-container-floor hotList recommendBoxHot" id="recommendBox">
+                            <div class="swiper-wrapper section_page_main type_08 recommendBox-wrapper recommendBox-wrapperHot clear mfw section_8 max">
                                 <!-- 商品/图片 列表 -->
-                                <a :href="'/product-'+pros.product.productId+'.html'" class="page_main_item hot ad_04 swiper-slide" target="_blank" v-for="pros in floor.floorImageList4">
+                                <a :href="'/product-'+pros.product.productId+'.html'" class="swiper-slide page_main_item hot ad_04" target="_blank" v-for="pros in floor.floorImageList4">
                                     <img class="page_main_image" src="/img/base/placeholder.png" :data-original="pros.product.image" :alt="pros.name">
                                     <div class="page_main_type" v-if="pros && pros.product.productType && pros.product.productType === 2">医疗器械</div>
                                     <div class="page_main_text">
@@ -234,7 +234,7 @@
                                  :id="floor.floorContent.templateType == 8 ? 'recommendBox' : ''"
                             >
                                 <div :class="floor.floorContent.templateType == 8 ?
-                                    'section_page_main type_08 swiper-wrapper recommendBox-wrapper clear mfw section_'+floor.floorContent.templateType :
+                                    'swiper-wrapper section_page_main type_08 recommendBox-wrapper clear mfw section_'+floor.floorContent.templateType :
                                     'section_page_main clear mfw section_'+floor.floorContent.templateType"
                                 >
                                     <!-- 广告图 -->
@@ -386,7 +386,7 @@
                             <p th:text="${floor.get('detail')}"></p>
                             <a class="section_page_btn" href="/product/hot.html" target="_blank"></a>
                         </div>
-                        <div class="hotList swiper-container-floor" id="recommendBox">
+                        <div class="hotList swiper-container-floor recommendBoxHot" id="recommendBox">
                             <div class="section_page_main type_08 swiper-wrapper recommendBox-wrapper recommendBox-wrapperHot clear mfw section_8">
                                 <!-- 商品/图片 列表 -->
                                 <th:block th:each="pros : ${floor.get('floorImageList4')}"  th:object="${pros}">

src/main/resources/templates/product/product-hot.html

@@ -131,7 +131,7 @@
           <li class="productItem " v-for="p in listData">
             <div class="page_main_type" v-if="p.productType === 2">医疗器械</div>
             <a class="image" :href="'/product-'+p.productId+'.html'">
-              <img src="/img/base/placeholder.png" :data-original="p.image" :alt="p.name">
+              <img :src="p.image" :alt="p.name">
               <p class="name" v-html="addhtml + p.name" v-if="p.beautyActFlag==1"></p>
               <p class="name" v-html="p.name" v-else></p>
               <div class="price">

src/main/resources/templates/supplier-center/shop/goods.html

@@ -236,7 +236,7 @@
                                     </div>
                                     <div class="good-right">
                                         <span>新品展示：</span>
-                                        <p class="status">
+                                        <p class="status" :style="{color: showFlagColorFn(product.showFlag)}">
                                             {{ product.showFlag | newvalidFlagFilters }}</p>
                                     </div>
                                     <div class="good-right">

src/main/resources/templates/supplier-center/shop/release.html

@@ -265,7 +265,6 @@
                                 <div class="release-label"><span class="star">*</span>市场价:</div>
                                 <div class="release-input" id="normalPrice">
                                     <input class="input price" v-model="releaseParams.normalPrice" maxlength="40" type="number" placeholder="请输入商品市场价" @input="input_normalPrice">
-                                    <span class="unit">{{releaseParams.unit}}</span>
                                     <span class="yang">￥</span>
                                 </div>
                                 <div class="release-tips" v-show="vShow_NormalPrice">{{fromMessage}}</div>
@@ -274,7 +273,6 @@
                                 <div class="release-label"><span class="star">*</span>售价:</div>
                                 <div class="release-input">
                                     <input class="input price" v-model="releaseParams.price" maxlength="40" type="number" placeholder="请输入商品售价" @input="input_price">
-                                    <span class="unit">{{releaseParams.unit}}</span>
                                     <span class="yang">￥</span>
                                 </div>
                                 <div class="release-tips" v-show="vShow_price">{{fromMessage}}</div>
@@ -334,7 +332,6 @@
                                 <div class="release-label rightTxt">结算价:</div>
                                 <div class="release-input">
                                     <input class="input price" v-model="releaseParams.costPrice" maxlength="40" type="number" placeholder="请输入商品结算价">
-                                    <span class="unit">{{releaseParams.unit}}</span>
                                     <span class="yang">￥</span>
                                 </div>
                             </div>