单品日

@@ -21,18 +21,19 @@ const singleDay = (req, res) => {
 };
 };
 
 
 const getSingleData = (req, res) => {
 const getSingleData = (req, res) => {
-    Promise.all([singleDayModel.getResourceData(), singleDayModel.getProductData()]).then((result) => {
+    Promise.all([singleDayModel.getResourceData(), singleDayModel.getTabData()]).then((result) => {
         res.json(result);
         res.json(result);
     });
     });
 };
 };
 
 
-// const getProductData = (req, res) => {
-//    singleDayModel.getProductData().then(result => {
-//        res.json(result);
-//    });
-// };
+const getProductData = (req, res) => {
+    singleDayModel.getProductData(req.query.tab_name).then(result => {
+        res.json(result);
+    });
+};
 
 
 module.exports = {
 module.exports = {
     singleDay,
     singleDay,
-    getSingleData
+    getSingleData,
+    getProductData
 };
 };

@@ -25,9 +25,10 @@ const getResourceData = () => {
     });
     });
 };
 };
 
 
-const getProductData = () => {
+const getProductData = (tabName) => {
     return api.get('', {
     return api.get('', {
-        method: ''
+        method: '',
+        tab_name: tabName
     }, {
     }, {
         cache: true
         cache: true
     }).then((result) => {
     }).then((result) => {
@@ -40,7 +41,23 @@ const getProductData = () => {
     });
     });
 };
 };
 
 
+const getTabData = () => {
+    return api.get('', {
+        method: ''
+    }, {
+        cache: true
+    }).then((result) => {
+        if (result && result.code === 200) {
+            return result;
+        } else {
+            logger.error('get tab data code no 200');
+            return [];
+        }
+    });
+};
+
 module.exports = {
 module.exports = {
     getResourceData,
     getResourceData,
-    getProductData
+    getProductData,
+    getTabData
 };
 };

@@ -85,6 +85,7 @@ router.post('/vip-day/msg/save.json', vipDay.beforeIn, vipDay.saveMsg);
 router.get('/vip-day/msg/fetch.json', vipDay.fetchMsg);
 router.get('/vip-day/msg/fetch.json', vipDay.fetchMsg);
 router.get('/single-day', singleDay.singleDay);
 router.get('/single-day', singleDay.singleDay);
 router.get('/single-day/getSingleData', singleDay.getSingleData);
 router.get('/single-day/getSingleData', singleDay.getSingleData);
+router.get('/single-day/getProductData', singleDay.getProductData);
 
 
 
 
 module.exports = router;
 module.exports = router;

 <div class="single-day-page yoho-page">
 <div class="single-day-page yoho-page">
     <div class="banner"></div>
     <div class="banner"></div>
-    <div class="swiper-tab">
-        <ul class="swiper-wrapper">
-            <li class="swiper-slide">联名限定</li>
-            <li class="swiper-slide">首发</li>
-            <li class="swiper-slide">热卖</li>
-            <li class="swiper-slide">明星单品</li>
-        </ul>
-    </div>
+    <div class="swiper-tab"></div>
 
 
     <div class="product-list">
     <div class="product-list">
-        <ul>
-            <li>
-                <a href="">
-                    <img src=""/>
-                    <div class="product-info">
-                        <h3>AVIREX L-2 PATCH YING TIGERS男款上海别注夹克</h3>
-                        <p class="prompt-info">下单后25个工作日发货</p>
-                        <p class="price"><span class="sale-price">¥589</span><span class="market-price">¥1234</span></p>
-                        <p class="info-txt">#Yoho!Buy限定联名T恤#</p>
-                    </div>
-                </a>
-            </li>
-            <li>
-                <a href="">
-                    <img src=""/>
-                    <div class="product-info">
-                        <h3>AVIREX L-2 PATCH YING TIGERS男款上海别注夹克</h3>
-                        <p class="prompt-info">下单后25个工作日发货</p>
-                        <p class="price"><span class="sale-price">¥589</span><span class="market-price">¥1234</span></p>
-                        <p class="info-txt">#Yoho!Buy限定联名T恤#</p>
-                    </div>
-                </a>
-            </li>
-        </ul>
+        <!--<ul>-->
+            <!--<li>-->
+                <!--<a href="">-->
+                    <!--<img src=""/>-->
+                    <!--<div class="product-info">-->
+                        <!--<h3>AVIREX L-2 PATCH YING TIGERS男款上海别注夹克</h3>-->
+                        <!--<p class="prompt-info">下单后25个工作日发货</p>-->
+                        <!--<p class="price"><span class="sale-price">¥589</span><span class="market-price">¥1234</span></p>-->
+                        <!--<p class="info-txt">#Yoho!Buy限定联名T恤#</p>-->
+                    <!--</div>-->
+                <!--</a>-->
+            <!--</li>-->
+            <!--<li>-->
+                <!--<a href="">-->
+                    <!--<img src=""/>-->
+                    <!--<div class="product-info">-->
+                        <!--<h3>AVIREX L-2 PATCH YING TIGERS男款上海别注夹克</h3>-->
+                        <!--<p class="prompt-info">下单后25个工作日发货</p>-->
+                        <!--<p class="price"><span class="sale-price">¥589</span><span class="market-price">¥1234</span></p>-->
+                        <!--<p class="info-txt">#Yoho!Buy限定联名T恤#</p>-->
+                    <!--</div>-->
+                <!--</a>-->
+            <!--</li>-->
+        <!--</ul>-->
     </div>
     </div>
 </div>
 </div>

@@ -4,25 +4,57 @@
  * @date: 2016/10/17
  * @date: 2016/10/17
  */
  */
 var $ = require('yoho-jquery'),
 var $ = require('yoho-jquery'),
-    tip = require('../plugin/tip'),
     Swiper = require('yoho-swiper'),
     Swiper = require('yoho-swiper'),
-    share = require('../common/share'),
+    tip = require('../plugin/tip'),
+    loading = require('../plugin/loading'),
     banner = require('../../template/resources/banner-top.hbs'),
     banner = require('../../template/resources/banner-top.hbs'),
+    tab = require('../../template/activity/single-day/tab.hbs'),
     product = require('../../template/activity/single-day/product-list.hbs');
     product = require('../../template/activity/single-day/product-list.hbs');
 
 
 var hash = window.location.hash.replace('#', '');
 var hash = window.location.hash.replace('#', '');
+var $productList = $('.product-list');
+var getFlag = false;
 
 
-share({
-    title: '有货【会员日】潮集狂欢，限时六大福利，还不快参与起来？！',
-    link: location.href,
-    desc: '每月28日，尽情释放！',
-    imgUrl: 'http://img10.static.yhbimg.com/taobaocms/2016/09/23/18/010ccac2955e7e50ffb66b75110e73e3e1.png'
-});
+var getProductData = function(index, tabName) {
+    if (getFlag) {
+        return;
+    }
+    getFlag = true;
+    loading.showLoadingMask();
+    $.ajax({
+        type: 'GET',
+        url: '',
+        data: {
+            tab_name: tabName
+        },
+        success: function(data) {
+            if (data) {
+                $('.product-tab').eq(index).append(product(data));
+            }
 
 
-$.ajax({
+            getFlag = false;
+            loading.hideLoadingMask();
+        },
+        error: function() {
+            tip.show('网络断开连接了~');
+            loading.hideLoadingMask();
+            getFlag = false;
+        }
+    });
+};
+
+var tabName = function(index) {
+    return $('.swiper-tab li').eq(index).html();
+};
+
+var getInitData = function() {
+    $.ajax({
         type: 'GET',
         type: 'GET',
         url: '/activity/single-day/getSingleData',
         url: '/activity/single-day/getSingleData',
         success: function(data) {
         success: function(data) {
+            var i = 0;
+
+            data[1] = ['限定名额', '首发', '热卖', '明星单品'];
             if (data[0]) {
             if (data[0]) {
                 $('.banner').append(banner(data[0][0]));
                 $('.banner').append(banner(data[0][0]));
 
 
@@ -41,16 +73,41 @@ $.ajax({
             }
             }
 
 
             if (data[1]) {
             if (data[1]) {
-            $('.product-list').append(product(data[1]));
+                $('.swiper-tab').append(tab(data[1]));
+
+                new Swiper('.swiper-tab', {
+                    slidesPerView: 'auto'
+                });
+
+                for (i; i < data[1].length; i++) {
+                    $productList.append('<ul class="product-tab"></ul>');
+                }
+
+                getProductData(hash, tabName(hash));
+
+                $('.swiper-tab li')
+                    .eq(hash)
+                    .addClass('active')
+                    .on('click', function() {
+                        var index = $(this).index();
+
+                        if ($('.product-tab').eq(index).find('li').length > 0) {
+                            return false;
+                        } else {
+                            getProductData(index, tabName(index));
                         }
                         }
+                    });
+            }
+
+            loading.hideLoadingMask();
         },
         },
         error: function() {
         error: function() {
             tip.show('网络断开连接了~');
             tip.show('网络断开连接了~');
         }
         }
-});
-
-$('.swiper-tab li').eq(hash).addClass('active');
+    });
+};
 
 
-new Swiper('.swiper-tab', {
-    slidesPerView: 'auto'
+$(function() {
+    loading.showLoadingMask();
+    getInitData();
 });
 });

-<ul>
-    {{#each data}}
+{{#each data}}
     <li>
     <li>
         <a href="{{url}}">
         <a href="{{url}}">
             <img src="{{image src 274 368}}"/>
             <img src="{{image src 274 368}}"/>
@@ -11,5 +10,4 @@
             </div>
             </div>
         </a>
         </a>
     </li>
     </li>
-    {{/each}}
-</ul>
+{{/each}}

+<ul class="swiper-wrapper">
+    {{#each this}}
+        <li class="swiper-slide">{{.}}</li>
+    {{/each}}
+</ul>