Authored by 沈志敏

优惠券 优化

... ... @@ -21,7 +21,10 @@ const index = (req, res, next) => {
title: '优惠券',
pageFooter: true,
list: result,
used: req.body.status === '1' ? true : false,
localCss: true
};
req.body.page && (req.body.page !== '1' || req.body.status === '1') && (options.layout = false);
res.render('coupons', options);
}).catch(next);
... ...
... ... @@ -6,12 +6,8 @@ const api = global.yoho.API;
const couponData = (params) => {
return api.get('', params).then(result => {
if (result && result.data && result.data.info) {
for (let item of result.data.info) {
item.used = ((params.status === '1') ? true : false);
}
return result.data.info;
}
else {
} else {
return 0;
}
});
... ...
... ... @@ -10,7 +10,7 @@
<span>{{money}}</span>
<p class="coupon-name">{{coupon_name}}</p>
<p>有效期:{{couponValidity}}</p>
{{#if used}}
{{#if ./used}}
<i></i>
{{/if}}
</div>
... ... @@ -25,4 +25,5 @@
{{/if}}
</div>
<div id="employ2" class="coupon-list">
</div>
\ No newline at end of file
... ...
... ... @@ -359,6 +359,20 @@ const alipay = {
}
};
exports.user = function(req, res, next) {
let result = {
code: 403,
message: '未登录',
data: ''
}
if (req.user.uid) {
result.code = 200;
result.message = '已登录';
result.data = req.user.uid;
}
res.jsonp(result);
}
exports.common = common;
exports.local = local;
exports.wechat = wechat;
... ...
... ... @@ -50,6 +50,9 @@ router.get('/passport/sms_login/check.json',
smsLogin.check); // only ajax
router.post('/passport/sms_login/password.json', smsLogin.password);
// jsonp获取用户uid
router.get('/passport/login/user', login.user);
// 微信登录
router.get('/passport/login/wechat', login.common.beforeLogin, login.wechat.login);
router.get('/passport/login/wechat/callback', login.wechat.callback);
... ...
// 不要使用es6
'use strict';
require('home/_coupons.css');
var $ = require('yoho-jquery'),
Hammer = require('yoho-hammer'),
ellipsis = require('yoho-mlellipsis'),
loading = require('../plugin/loading');
fastclick = require('yoho-fastclick'),
ellipsis = require('yoho-mlellipsis');
var employ,
var $employ = $('#employ'),
$employ2 = $('#employ2'),
statu = 0,
page = 1,
dic = {},
AjaxFlag = 0; // 防止重复请求
require('../common');
ellipsis.init();
// 防止重复请求
AjaxFlag = 0;
dic[statu + '_' + page] = true;
fastclick.attach(document.body);
var couponAJAX = function(statu, page) {
if (AjaxFlag) {
if (AjaxFlag || dic[statu + '_' + page]) {
return;
}
var employDom = statu === 0 ? $employ : $employ2;
AjaxFlag = 1;
loading.showLoadingMask();
$.ajax({
type: 'POST',
url: '/home/coupons',
... ... @@ -28,55 +35,50 @@ var couponAJAX = function(statu, page) {
page: page
},
success: function(data) {
dic[statu + '_' + page] = true; // tab切换时,防止频繁请求
if ($(data).find('.null').html()) {
page === 1 && $('#employ').append($(data).find('.null'));
if (page === 1) {
employDom.append($(data).find('.null'));
}
AjaxFlag = 1;
window.rePosFooter();
loading.hideLoadingMask();
return;
}
if (!$(data).find('.employ-main').html()) {
AjaxFlag = 1;
window.rePosFooter();
loading.hideLoadingMask();
return;
}
$('#employ').append($(data).find('.employ-main'));
window.rePosFooter();
loading.hideLoadingMask();
employDom.append($(data).find('.employ-main'));
AjaxFlag = 0;
}
});
};
var scrollHandler = function() {
if ($(window).scrollTop() + $(window).height() > $('body').height() - 100) {
page++;
couponAJAX(statu, page);
return;
}
};
require('../common');
ellipsis.init();
$('.yoho-footer').css('border-top', '1px solid #e0e0e0');
$('.employ span').each(function(index) {
employ = new Hammer($('.employ span')[index]);
employ.on('tap', function(e) {
$('.employ span').each(function(index, el) {
$(el).on('click', function() {
$('.employ span').removeClass('active').eq(index).addClass('active');
$('#employ').html(' ');
if (index === 0) {
$employ.removeClass('hide');
$employ2.addClass('hide');
} else {
$employ.addClass('hide');
$employ2.removeClass('hide');
}
statu = index;
page = 1;
AjaxFlag = 0;
status === 1 && $('#employ').empty();
couponAJAX(statu, page);
window.rePosFooter();
});
});
var scrollHandler = function() {
if ($(window).scrollTop() + $(window).height() > $('body').height() - 100) {
page++;
couponAJAX(statu, page);
return;
}
};
$(window).scroll(function() {
window.requestAnimationFrame(scrollHandler);
});
... ...