Authored by zhangxiaoru

邀请JS

'use strict';
// const expandModel = require('../models/expand-new'),
const headerModel = require('../../../doraemon/models/header');
exports.promotion = (req, res) => {
// let uid = req.user.uid,
let isApp = req.yoho.isApp;
res.render('expand-new/my-promotion', {
pageHeader: headerModel.setNav({
navTitle: '我的邀请码'
}),
isApp: isApp,
width750: true,
localCss: true,
title: '我的邀请码',
page: 'my-promotion'
});
const expandModel = require('../models/expand-new'),
headerModel = require('../../../doraemon/models/header');
exports.promotion = (req, res, next) => {
let uid = req.user.uid,
isApp = req.yoho.isApp;
req.ctx(expandModel).promotionData(uid).then(result => {
res.render('expand-new/my-promotion', {
pageHeader: headerModel.setNav({
navTitle: '我的邀请码'
}),
isApp: isApp,
width750: true,
localCss: true,
title: '我的邀请码',
page: 'my-promotion',
promotionData: result
});
}).catch(next);
};
exports.rewardList = (req, res) => {
... ...
const api = global.yoho.API;
// const _ = require('lodash');
// const helpers = global.yoho.helpers;
// const service = global.yoho.ServiceAPI;
module.exports = class extends global.yoho.BaseModel {
constructor(ctx) {
super(ctx);
}
/**
* 我的邀请码页
*/
promotionData(uid) {
return api.get('', {
method: 'method=app.invitecode.my',
uid: uid
}, {
code: 200
}).then((result) => {
// result = {
// alg: "SALT_MD5",
// code: 200,
// data:
// {
// inviteCode: "246557",
// shareMainTitle: "我在YOHO!BUY有货,送你199元新人礼,友达快来~",
// shareSubTitle: "下载有货APP,新人立享199元优惠券!有货1400+潮流品牌每日上新!",
// uid: "50001678",
// url: "http://w.url.cn/s/AnCSput",
// sharePic: "http://img12.static.yhbimg.com/couponImage/2017/06/23/11/02bad797264d56f2689a0dd91d91b4d73b.png"
// },
// md5: "a428c87a5286560b931f5848f5fcd1e5",
// message: "操作成功"
// }
if (result && result.code === 200 && result.data) {
return result.data;
} else {
return {};
}
});
}
};
... ...
... ... @@ -262,8 +262,8 @@ router.get('/share-buy/my-rebeat', update('5.7.0'), auth, shareBuy.myRebeat); //
router.get('/user-recommend', userRecommend.index); // 广点通投放落地页
router.get('/user-recommend/moreGoods', userRecommend.moreGoods); // 获取商品分页
router.get('/my-promotion', expand.promotion); // 拓展新客 我的邀请码页
router.get('/my-reward', expand.rewardList); // 拓展新客 我的奖励列表页
router.get('/reward-detail', expand.rewardDetail); // 拓展新客 我的奖励详情页
router.get('/my-promotion', auth, expand.promotion); // 拓展新客 我的邀请码页
router.get('/my-reward', auth, expand.rewardList); // 拓展新客 我的奖励列表页
router.get('/reward-detail', auth, expand.rewardDetail); // 拓展新客 我的奖励详情页
module.exports = router;
... ...
<div class="my-promotion-page yoho-page">
{{# promotionData}}
<div class="my-code">
<div class="code-qr" qr-data="123455"></div>
<div class="code-outer">
<div class="code-qr" qr-data="{{url}}"></div>
</div>
</div>
<div class="invite-code invitation">
<div class="title"></div>
<div class="code-content">
<div class="invite-content">
<span class="code">123345</span>
<span class="copy">复制</span>
<span class="code">{{inviteCode}}</span>
{{#if isApp}}
<a class="copy" href='//m.yohobuy.com/?openby:yohobuy={"action":"go.copy","params":{"text":"{{inviteCode}}","message":"复制成功"}}' class="copy">复制</a>
{{else}}
<span class="copy">复制</span>
{{/if}}
</div>
<p class="info">1.复制您的邀请码 2.粘贴给您的朋友</p>
</div>
... ... @@ -16,13 +23,25 @@
<div class="title"></div>
<div class="code-content">
<div class="invite-content">
<span class="code">http://m.yohobuy.com</span>
<span class="copy">复制</span>
<span class="code">{{url}}</span>
{{#if isApp}}
<a class="copy" href='//m.yohobuy.com/?openby:yohobuy={"action":"go.copy","params":{"text":"{{url}}","message":"复制成功"}}' class="copy">复制</a>
{{else}}
<span class="copy">复制</span>
{{/if}}
</div>
<p class="link-info">
<span class="info">1.复制您的邀请链接 2.选择您的社交平台 3.粘贴给您的朋友</span>
{{# isApp}}
<span class="share">分享</span>
{{/ isApp}}
</p>
</div>
</div>
<input id="shareLink" type="hidden" value="{{url}}">
<input id="shareImg" type="hidden" value="{{sharePic}}">
<input id="shareTitle" type="hidden" value="{{shareMainTitle}}">
<input id="shareDesc" type="hidden" value="{{shareSubTitle}}">
{{/ promotionData}}
</div>
... ...
'use strict';
require('activity/my-promotion.page.css');
let $ = require('yoho-jquery'),
yoho = require('yoho-app');
let shareData = {
title: $('#shareTitle').val(),
link: $('#shareLink').val(),
desc: $('#shareDesc').val(),
imgUrl: $('#shareImg').val(),
};
require('yoho-jquery-qrcode');
require('common');
require('common/share')(shareData);
// 生成二维码
setTimeout(function() {
let text = $('.code-qr').attr('qr-data'),
width = $('.code-qr').css('width');
$('.code-qr').qrcode({
render: 'canvas', // 显示方式,canvas,image和div
text: text, // 二维码的内容
size: parseInt(width, 10), // 大小
ecLevel: 'H', // 纠错级别
background: '#fff'
});
}, 0);
$('.share').click(function() {
if (yoho && yoho.isApp) {
yoho.invokeMethod('go.showShareAlert', shareData);
}
});
... ...
... ... @@ -6,11 +6,18 @@
background-size: 100%;
background-repeat: no-repeat;
.code-qr {
.code-outer {
width: 180px;
height: 180px;
border: 2px solid #000;
margin: 200px auto;
padding: 8px;
background-color: #fff;
}
.code-qr {
width: 160px;
height: 160px;
}
}
... ...