完善列表页分页

@@ -3,46 +3,9 @@
 
 const _ = require('lodash');
 const Search = require('../models/list');
+const BrandData = require('../models/brand-service');
 const camelCase = global.yoho.camelCase;
-
-function brandLetters() {
-    let letters = [];
-
-    letters.push({
-        letter: '0-9',
-        selected: false
-    });
-
-    for (let i = 'A'.charCodeAt(0); i <= 'Z'.charCodeAt(0); i++) {
-        letters.push({
-            letter: String.fromCharCode(i),
-            selected: false
-        });
-    }
-
-    return letters;
-}
-
-function peopleChoose() {
-    return [
-        {
-            name: '男士',
-            value: '1,3'
-        }, {
-            name: '女士',
-            value: '2,3'
-        }];
-}
-
-function colorConver(colors) {
-    return colors.map(c => {
-        return {
-            id: c.colorId,
-            title: c.colorName,
-            rgb: c.colorValue || '#' + c.colorCode
-        };
-    });
-}
+const DateHelper = require('../models/helpers');
 
 function newFilter(key, value, name) {
     return {
@@ -52,89 +15,27 @@ function newFilter(key, value, name) {
     };
 }
 
-function getNav(channel, sort, sorts) {
-    let nav = [{
-        link: '#',
-        pathTitle: '',
-        name: 'MEN首页'
-    }];
-
-    if (sort) {
-        sorts.forEach(s => {
-            if (s.relationParameter.sort === sort) {
-                nav.push({
-                    link: '#',
-                    pathTitle: '',
-                    name: s.categoryName
-                });
-            } else if (s.sub) {
-                s.sub.forEach(m => {
-                    if (m.relationParameter.sort === sort) {
-                        nav.push({
-                            link: '#',
-                            pathTitle: '',
-                            name: s.categoryName
-                        });
-                        nav.push({
-                            link: '#',
-                            pathTitle: '',
-                            name: m.categoryName
-                        });
-                    }
-                });
-            }
-        });
-    }
-    return nav;
-}
-
-const list = {
-    index: (req, res, next) => {
-        let page = req.query.page || 1;
-        let brand = req.query.brand || 0;
-        let sort = req.query.sort || '';
-        let gender = req.query.gender || '';
-        let price = req.query.price || '';
-        let size = req.query.size || '';
-        let color = req.query.color || '';
-        let order = req.query.order || '';
-
-        Search.queryProduct({
-            page: page,
-            brand: brand,
-            sort: sort,
-            gender: gender,
-            size: size,
-            price: price,
-            color: color,
-            order: order
-        }).then(result => {
-
-            if (result && result.code === 200 && result.data) {
-                let data = camelCase(result.data);
-                let ret = {};
-
-                if (data.filter) {
-                    let priceRange = data.filter.priceRange;
-                    let sizeInfo = data.filter.size;
-                    let genders = peopleChoose(gender);
-                    let brands = data.filter.brand;
-                    let colors = colorConver(data.filter.color);
-                    let sorts = data.filter.groupSort;
+function filterHandle(filter, q) {
+    let priceRange = filter.priceRange;
+    let sizeInfo = filter.size;
+    let genders = DateHelper.genders();
+    let brands = filter.brand;
+    let colors = DateHelper.colorConver(filter.color);
+    let sorts = filter.groupSort;
     let filters = [];
 
     genders.forEach(g => {
-                        if (g.value === gender) {
+        if (g.value === q.gender) {
             g.checked = true;
-                            filters.push(newFilter('gender', gender, g.name));
+            filters.push(newFilter('gender', q.gender, g.name));
         }
     });
 
     priceRange = Object.keys(priceRange).map((k) => {
         let prices = k.split(',');
 
-                        if (k === price) {
-                            filters.push(newFilter('price', price, `¥${prices[0]}－¥${prices[1]}`));
+        if (k === q.price) {
+            filters.push(newFilter('price', q.price, `¥${prices[0]}－¥${prices[1]}`));
         }
         return {
             lower: prices[0],
@@ -149,30 +50,30 @@ const list = {
         sizeInfo = [sizeInfo];
     }
 
-                    if (size) {
+    if (q.size) {
         sizeInfo.forEach(s => {
-                            if (s.sizeId === parseInt(size)) {
-                                filters.push(newFilter('size', size, s.sizeName));
+            if (s.sizeId === parseInt(q.size, 10)) {
+                filters.push(newFilter('size', q.size, s.sizeName));
             }
         });
     }
 
-                    if (brand) {
+    if (q.brand) {
         let brandNames = brands.filter(b => {
-                            return (',' + brand + ',').indexOf(',' + b.id + ',') >= 0;
+            return (',' + q.brand + ',').indexOf(',' + b.id + ',') >= 0;
         }).map(b => {
             return b.brandName;
         }).join('、');
 
-                        filters.push(newFilter('brand', brand, brandNames));
+        filters.push(newFilter('brand', q.brand, brandNames));
     }
 
-                    if (color) {
+    if (q.color) {
         colors.forEach(c => {
-                            if (c.id === parseInt(color)) {
+            if (c.id === parseInt(q.color, 10)) {
                 c.cur = true;
 
-                                let fi = newFilter('color', color, c.title);
+                let fi = newFilter('color', q.color, c.title);
 
                 fi.color = c;
                 filters.push(fi);
@@ -180,7 +81,7 @@ const list = {
         });
     }
 
-                    ret = {
+    return {
         people: genders,
         sortData: sorts,
         brandData: brands,
@@ -189,31 +90,64 @@ const list = {
         priceRange: priceRange,
         filters: filters,
         showFilters: filters.length > 0,
+        letters: DateHelper.brandLetters(),
         navPath: {
-                            nav: getNav('', sort, sorts)
+            nav: DateHelper.getNav('', q.sort, sorts)
         }
     };
+}
+
+const list = {
+    index: (req, res, next) => {
+        let page = req.query.page || 1;
+        let brand = req.query.brand || 0;
+        let sort = req.query.sort || '';
+        let gender = req.query.gender || '';
+        let price = req.query.price || '';
+        let size = req.query.size || '';
+        let color = req.query.color || '';
+        let order = req.query.order || '';
+
+        let retDate = {
+            module: 'product',
+            page: 'list',
+            title: '列表'
+        };
+
+        if (brand) {
+            BrandData.getBannerInfoAsync(brand).then(brandInfo => {
+                console.log(brandInfo);
+            });
         }
 
-                let pagination = {
+        Search.queryProduct({
             page: page,
-                    limit: data.limit || 45,
-                    total: data.total
-                };
+            brand: brand,
+            sort: sort,
+            gender: gender,
+            size: size,
+            price: price,
+            color: color,
+            order: order
+        }).then(result => {
 
-                console.log(pagination);
+            if (result && result.code === 200 && result.data) {
+                let data = camelCase(result.data);
+
+                if (data.filter) {
+                    retDate.filter = filterHandle(data.filter, req.query);
+                }
 
-                res.display('list', _.assign(ret, {
-                    letters: brandLetters(),
+                retDate.paginationData = {
+                    page: page,
+                    limit: data.limit || 45,
                     total: data.total,
                     pageTotal: data.pageTotal,
-                    pageNo: data.page,
+                    queryParams: req.query
+                };
+                res.display('list', _.assign(retDate, {
                     products: data.productList,
-                    pagination: pagination,
-                    order: order,
-                    module: 'product',
-                    page: 'list',
-                    title: '列表'
+                    order: order
                 }));
             } else {
                 return Promise.reject('query product error');

+/**
+ * @author: jiangfeng<jeff.jiang@yoho.cn>
+ */
+
+'use strict';
+
+const api = global.yoho.API;
+
+const getBannerInfoAsync = bid => {
+    return api.get('', {
+        method: 'web.brand.banner',
+        brand_id: bid
+    });
+
+};
+
+const getBrandLogoByDomainAsync = domain => {
+    return api.get('', {
+        domain: domain,
+        method: 'web.brand.byDomain'
+    });
+};
+
+module.exports = {
+    getBannerInfoAsync,
+    getBrandLogoByDomainAsync
+};

+/**
+ * Created by TaoHuang on 2016/6/14.
+ */
+'use strict';
+
+const Promise = require('bluebird');
+const co = Promise.coroutine;
+const api = require('./brand-api');
+const camelCase = global.yoho.camelCase;
+
+const getBrandByDomainAsync = domain => {
+    return co(function*() {
+        let brandInfo = yield api.getBrandLogoByDomainAsync(domain);
+
+        if (!brandInfo.data || brandInfo.code !== 200) {
+            return {};
+        }
+
+        return camelCase(brandInfo.data);
+    })();
+};
+
+const getBannerInfoAsync = bid => {
+    return co(function*() {
+        let brandInfo = yield api.getBannerInfoAsync(bid);
+
+        if (!brandInfo.data || brandInfo.code !== 200) {
+            return {};
+        }
+
+        return camelCase(brandInfo.data);
+    })();
+};
+
+module.exports = {
+    getBrandByDomainAsync,
+    getBannerInfoAsync: getBannerInfoAsync
+};

+'use strict';
+
+const helpers = {
+    brandLetters() {
+        let letters = [];
+
+        letters.push({
+            letter: '0-9',
+            selected: false
+        });
+
+        for (let i = 'A'.charCodeAt(0); i <= 'Z'.charCodeAt(0); i++) {
+            letters.push({
+                letter: String.fromCharCode(i),
+                selected: false
+            });
+        }
+
+        return letters;
+    },
+
+    genders() {
+        return [
+            {
+                name: '男士',
+                value: '1,3'
+            }, {
+                name: '女士',
+                value: '2,3'
+            }];
+    },
+
+    colorConver(colors) {
+        return colors.map(c => {
+            return {
+                id: c.colorId,
+                title: c.colorName,
+                rgb: c.colorValue || '#' + c.colorCode
+            };
+        });
+    },
+
+    getNav(channel, sort, sorts) {
+        let nav = [{
+            link: '#',
+            pathTitle: '',
+            name: 'MEN首页'
+        }];
+
+        if (sort) {
+            sorts.forEach(s => {
+                if (s.relationParameter.sort === sort) {
+                    nav.push({
+                        link: '#',
+                        pathTitle: '',
+                        name: s.categoryName
+                    });
+                } else if (s.sub) {
+                    s.sub.forEach(m => {
+                        if (m.relationParameter.sort === sort) {
+                            nav.push({
+                                link: '#',
+                                pathTitle: '',
+                                name: s.categoryName
+                            });
+                            nav.push({
+                                link: '#',
+                                pathTitle: '',
+                                name: m.categoryName
+                            });
+                        }
+                    });
+                }
+            });
+        }
+        return nav;
+    }
+};
+
+module.exports = helpers;

 <div class="blk-page yoho-product-list">
     <div class="center-content">
-        {{# navPath}}
+        {{# filter.navPath}}
             {{> path-nav}}
-        {{/ navPath}}
+        {{/ filter.navPath}}
     </div>
     <div class="center-content clearfix">
         <div class="left">
             {{!-- 筛选区域 --}}
+            {{#filter}}
             {{> list/filter}}
+            {{/filter}}
         </div>
         <div class="right">
             {{!-- 已选中条件 --}}
+            {{#filter}}
             {{> list/filter-area}}
+            {{/filter}}
             {{!-- 排序 --}}
             {{> list/order-area}}
             {{!-- 商品列表 --}}
             {{> list/goods-box}}
             {{!-- 分页 --}}
-            {{{ pagination pagination }}}
+            {{{ pagination paginationData }}}
         </div>
     </div>
 </div>
\ No newline at end of file

@@ -7,20 +7,22 @@
         <span class="iconfont down s_p_desc {{#isEqual order 's_p_desc'}}selected{{/isEqual}}">&#xe616;</span>
     </div>
 
+    {{#paginationData}}
     <div class="right">
         <label>
             共<span>{{total}}</span>件商品
         </label>
-        <label class="page-info"><span class="cur-page">{{pageNo}}</span>/<span class="total-page">{{pageTotal}}</span></label>
-        {{#isEqual pageNo 1}}
+        <label class="page-info"><span class="cur-page">{{page}}</span>/<span class="total-page">{{pageTotal}}</span></label>
+        {{#isEqual page 1}}
         <span class="iconfont page disable page-pre">&#xe607;</span>
         {{^}}
         <span class="iconfont page page-pre">&#xe607;</span>
         {{/isEqual}}
-        {{#isEqual pageNo pageTotal}}
+        {{#isEqual page pageTotal}}
         <span class="iconfont page disable page-next">&#xe61e;</span>
         {{^}}
         <span class="iconfont page page-next">&#xe61e;</span>
         {{/isEqual}}
     </div>
+    {{/paginationData}}
 </div>
\ No newline at end of file

@@ -19,7 +19,7 @@ module.exports = {
     },
     cookieDomain: 'yohoblk.com',
     domains: {
-        api: 'http://api.yoho.yohoops.org/', // devapi.yoho.cn:58078 testapi.yoho.cn:28078 devapi.yoho.cn:58078
+        api: 'http://devapi.yoho.cn:58078/', // devapi.yoho.cn:58078 testapi.yoho.cn:28078 devapi.yoho.cn:58078
         service: 'http://devservice.yoho.cn:28077/', // testservice.yoho.cn:28077 devservice.yoho.cn:58077
         search: 'http://192.168.102.216:8080/yohosearch/'
     },

@@ -15,4 +15,5 @@ module.exports = app => {
     app.use('/', require('./apps/channel')); // 频道页
     app.use('/me', require('./apps/me'));    // 个人中心
     app.use('/editorial', require('./apps/editorial')); // 资讯
+    app.use('/product', require('./apps/product'));
 };