no message
Showing
17 changed files
with
386 additions
and
127 deletions
| 1 | { | 1 | { |
| 2 | "pages": [ | 2 | "pages": [ |
| 3 | "pages/index/index", | ||
| 3 | "pages/user-center/user-center", | 4 | "pages/user-center/user-center", |
| 4 | "pages/gift-shop/gift-shop", | 5 | "pages/gift-shop/gift-shop", |
| 5 | "pages/index/index", | ||
| 6 | "pages/gift-detail/gift-detail", | 6 | "pages/gift-detail/gift-detail", |
| 7 | "pages/scan-result/scan-result", | 7 | "pages/scan-result/scan-result", |
| 8 | "pages/contact/contact", | 8 | "pages/contact/contact", | ... | ... |
| ... | @@ -6,7 +6,7 @@ Component({ | ... | @@ -6,7 +6,7 @@ Component({ |
| 6 | // 这里定义了innerText属性,属性值可以在组件使用时指定 | 6 | // 这里定义了innerText属性,属性值可以在组件使用时指定 |
| 7 | innerText: { | 7 | innerText: { |
| 8 | type: String, | 8 | type: String, |
| 9 | value: 'default value', | 9 | value: '这里空空如也~', |
| 10 | }, | 10 | }, |
| 11 | emptyVisible: { | 11 | emptyVisible: { |
| 12 | type: Boolean, | 12 | type: Boolean, | ... | ... |
| 1 | <view class="empty-tips" > | 1 | <view class="empty-tips" > |
| 2 | <view class="tips"> | 2 | <view class="tips"> |
| 3 | <span class="iconfont iconempty"></span> | 3 | <span class="iconfont iconempty"></span> |
| 4 | <view class="tips">这里空空如也~</view> | 4 | <view class="tips">{{innerText}}</view> |
| 5 | </view> | 5 | </view> |
| 6 | </view> | 6 | </view> | ... | ... |
| ... | @@ -2,16 +2,16 @@ | ... | @@ -2,16 +2,16 @@ |
| 2 | <view class="cspace"></view> | 2 | <view class="cspace"></view> |
| 3 | <view class="cont"> | 3 | <view class="cont"> |
| 4 | <view class="tit tit1">在190701-190714周期中</view> | 4 | <view class="tit tit1">在190701-190714周期中</view> |
| 5 | <view class="tit tit2">推广积分排行第一名</view> | 5 | <view class="tit tit2">{{item.activityName}}</view> |
| 6 | <view class="tit tit3">恭喜获得88元现金红包</view> | 6 | <view class="tit tit3">{{item.prizeName}}</view> |
| 7 | <!-- 红包 --> | 7 | <!-- 红包 --> |
| 8 | <!-- <block> | 8 | <block wx:if="{{item.prizeType == 'packet'}}"> |
| 9 | <image class="prize" mode="aspectFit" src="../../image/prize/prize-red-package.png" /> | 9 | <image class="prize" mode="aspectFit" src="../../image/prize/prize-red-package.png" /> |
| 10 | <view></view> | 10 | <view></view> |
| 11 | <text class="tips">经后台审核通过后,红包将通过公众号消息或微信服务消息发放,届时请及时领取!</text> | 11 | <text class="tips">经后台审核通过后,红包将通过公众号消息或微信服务消息发放,届时请及时领取!</text> |
| 12 | </block> --> | 12 | </block> |
| 13 | <!-- 积分 --> | 13 | <!-- 积分 --> |
| 14 | <block> | 14 | <block wx:else> |
| 15 | <image class="prize" mode="aspectFit" src="../../image/prize/prize-integral.png" /> | 15 | <image class="prize" mode="aspectFit" src="../../image/prize/prize-integral.png" /> |
| 16 | <view></view> | 16 | <view></view> |
| 17 | <text class="tips">后台审核通过后,积分将会直接派送到您的账户上,可在积分明细中查看!</text> | 17 | <text class="tips">后台审核通过后,积分将会直接派送到您的账户上,可在积分明细中查看!</text> | ... | ... |
| ... | @@ -43,7 +43,7 @@ | ... | @@ -43,7 +43,7 @@ |
| 43 | <view class="border focus"> | 43 | <view class="border focus"> |
| 44 | <image bindtap="onPreviewImageHandler" class="qrcode" mode="widthFix" src="{{qrcodeUrl}}" /> | 44 | <image bindtap="onPreviewImageHandler" class="qrcode" mode="widthFix" src="{{qrcodeUrl}}" /> |
| 45 | <view class="tips">更多讯息,欢迎关注我们的公众号</view> | 45 | <view class="tips">更多讯息,欢迎关注我们的公众号</view> |
| 46 | <view bindtap="onPreviewImageHandler" class="btn">一键关注</view> | 46 | <!-- <view bindtap="onPreviewImageHandler" class="btn">一键关注</view> --> |
| 47 | </view> | 47 | </view> |
| 48 | </view> | 48 | </view> |
| 49 | </view> | 49 | </view> |
| ... | @@ -51,3 +51,4 @@ | ... | @@ -51,3 +51,4 @@ |
| 51 | <van-popup show="{{ authorizeVisible }}"> | 51 | <van-popup show="{{ authorizeVisible }}"> |
| 52 | <authorize-comp bind:evtcomp="evtcomp"></authorize-comp> | 52 | <authorize-comp bind:evtcomp="evtcomp"></authorize-comp> |
| 53 | </van-popup> | 53 | </van-popup> |
| 54 | ... | ... |
| ... | @@ -100,21 +100,24 @@ Page({ | ... | @@ -100,21 +100,24 @@ Page({ |
| 100 | success(res) { | 100 | success(res) { |
| 101 | // 扫码结果 | 101 | // 扫码结果 |
| 102 | let result = res.result; | 102 | let result = res.result; |
| 103 | console.log("res:", res); | 103 | let { |
| 104 | wx.showToast({ | 104 | qrCodeCode, |
| 105 | title: "res:" + res.result, | 105 | memberCode |
| 106 | icon: "none" | 106 | } = result; |
| 107 | }) | 107 | // wx.showToast({ |
| 108 | // title: "res:" + res.result, | ||
| 109 | // icon: "none" | ||
| 110 | // }) | ||
| 108 | }, | 111 | }, |
| 109 | fail(err) { | 112 | fail(err) { |
| 110 | console.log("err:", err); | 113 | console.log("err:", err); |
| 111 | wx.showToast({ | ||
| 112 | title: "err:" + res.result, | ||
| 113 | icon: "none" | ||
| 114 | }) | ||
| 115 | } | 114 | } |
| 116 | }) | 115 | }) |
| 117 | }, | 116 | }, |
| 117 | |||
| 118 | // | ||
| 119 | |||
| 120 | |||
| 118 | hideMask() { | 121 | hideMask() { |
| 119 | this.setData({ | 122 | this.setData({ |
| 120 | productDetailVisible: false | 123 | productDetailVisible: false | ... | ... |
| ... | @@ -95,6 +95,7 @@ | ... | @@ -95,6 +95,7 @@ |
| 95 | </view> | 95 | </view> |
| 96 | </view> | 96 | </view> |
| 97 | <empty-tips wx:if="{{dataList.length <= 0}}"></empty-tips> | 97 | <empty-tips wx:if="{{dataList.length <= 0}}"></empty-tips> |
| 98 | |||
| 98 | </view> | 99 | </view> |
| 99 | </view> | 100 | </view> |
| 100 | <van-popup show="{{ authorizeVisible }}"> | 101 | <van-popup show="{{ authorizeVisible }}"> | ... | ... |
| ... | @@ -18,6 +18,7 @@ Page({ | ... | @@ -18,6 +18,7 @@ Page({ |
| 18 | }, | 18 | }, |
| 19 | initData() { | 19 | initData() { |
| 20 | this.queryMember().then((result) => { | 20 | this.queryMember().then((result) => { |
| 21 | |||
| 21 | }); | 22 | }); |
| 22 | }, | 23 | }, |
| 23 | /** | 24 | /** |
| ... | @@ -29,13 +30,15 @@ Page({ | ... | @@ -29,13 +30,15 @@ Page({ |
| 29 | url: app.api.member, | 30 | url: app.api.member, |
| 30 | data: {} | 31 | data: {} |
| 31 | }).then((result) => { | 32 | }).then((result) => { |
| 33 | let userInfo = result | ||
| 32 | this.setData({ | 34 | this.setData({ |
| 33 | userInfo: result | 35 | userInfo |
| 34 | }) | 36 | }) |
| 35 | 37 | ||
| 38 | let tlMemberCode = userInfo.memberCode; | ||
| 36 | // 设置二维码 | 39 | // 设置二维码 |
| 37 | let qrSize = this.setCanvasSize(440); | 40 | let qrSize = this.setCanvasSize(440); |
| 38 | let codeContent = "xxx"; | 41 | let codeContent = `tlMemberCode=${tlMemberCode}` |
| 39 | this.createQrCode(codeContent, 'qrcanvas', qrSize.w, qrSize.h); | 42 | this.createQrCode(codeContent, 'qrcanvas', qrSize.w, qrSize.h); |
| 40 | 43 | ||
| 41 | resolve(); | 44 | resolve(); | ... | ... |
| ... | @@ -9,7 +9,7 @@ | ... | @@ -9,7 +9,7 @@ |
| 9 | <view class="nickname">{{userInfo.nickname}}</view> | 9 | <view class="nickname">{{userInfo.nickname}}</view> |
| 10 | <!-- <image class="qrcode" mode="widthFix" src="../../image/icon/icon-default-qrcode.png" /> --> | 10 | <!-- <image class="qrcode" mode="widthFix" src="../../image/icon/icon-default-qrcode.png" /> --> |
| 11 | <image wx:if="{{qrImagePath}}" class="qrcode" mode="widthFix" src="{{qrImagePath}}" /> | 11 | <image wx:if="{{qrImagePath}}" class="qrcode" mode="widthFix" src="{{qrImagePath}}" /> |
| 12 | <canvas wx:else class="qrcode" canvas-id="qrcanvas" /> | 12 | <canvas wx:else class="qrcode" style="visibility: hidden;" canvas-id="qrcanvas" /> |
| 13 | <view class="t1">深士照明</view> | 13 | <view class="t1">深士照明</view> |
| 14 | <view class="t1 t2">扫码即获专属积分,兑换超值奖品</view> | 14 | <view class="t1 t2">扫码即获专属积分,兑换超值奖品</view> |
| 15 | </view> | 15 | </view> | ... | ... |
| 1 | import { | ||
| 2 | getBindtapData | ||
| 3 | } from '../../utils/util'; | ||
| 4 | |||
| 1 | let app = getApp(); | 5 | let app = getApp(); |
| 2 | Page({ | 6 | Page({ |
| 3 | data: { | 7 | data: { |
| 4 | authorizeVisible: false, | 8 | authorizeVisible: false, |
| 5 | giftRankTipsCompVisible: true, | 9 | giftRankTipsCompVisible: false, |
| 10 | total: 0, | ||
| 11 | page: 1, | ||
| 12 | size: 10, | ||
| 13 | dataList: [], | ||
| 14 | item: {} | ||
| 6 | }, | 15 | }, |
| 7 | onShareAppMessage() {}, | 16 | onShareAppMessage() {}, |
| 8 | showAuth() { | 17 | showAuth() { |
| ... | @@ -10,7 +19,78 @@ Page({ | ... | @@ -10,7 +19,78 @@ Page({ |
| 10 | authorizeVisible: true | 19 | authorizeVisible: true |
| 11 | }) | 20 | }) |
| 12 | }, | 21 | }, |
| 13 | onLoad(options) {}, | 22 | onLoad(options) { |
| 23 | this.initData(); | ||
| 24 | }, | ||
| 25 | |||
| 26 | initData() { | ||
| 27 | this.queryActivityPrize(); | ||
| 28 | }, | ||
| 29 | |||
| 30 | // 到达底部 | ||
| 31 | onReachBottom() { | ||
| 32 | if (this.data.dataList.length < this.data.total) { | ||
| 33 | this.setData({ | ||
| 34 | page: this.data.page + 1 | ||
| 35 | }); | ||
| 36 | this.queryOrder(); | ||
| 37 | } | ||
| 38 | }, | ||
| 39 | |||
| 40 | // 重置页面列表 点击搜索条件时需要 | ||
| 41 | resetPage() { | ||
| 42 | this.setData({ | ||
| 43 | page: 1, | ||
| 44 | dataList: [] | ||
| 45 | }) | ||
| 46 | }, | ||
| 47 | |||
| 48 | /** | ||
| 49 | * 排行奖励明细 | ||
| 50 | */ | ||
| 51 | queryActivityPrize() { | ||
| 52 | return new Promise((resolve, reject) => { | ||
| 53 | app.post({ | ||
| 54 | url: app.api.activityPrize, | ||
| 55 | data: { | ||
| 56 | page: this.data.page, | ||
| 57 | size: this.data.size, | ||
| 58 | } | ||
| 59 | }).then((result) => { | ||
| 60 | let dataList = result.list; | ||
| 61 | dataList = this.data.dataList.concat(dataList); | ||
| 62 | this.setData({ | ||
| 63 | dataList: dataList, | ||
| 64 | total: result.total | ||
| 65 | }) | ||
| 66 | resolve(); | ||
| 67 | }) | ||
| 68 | }); | ||
| 69 | }, | ||
| 70 | |||
| 71 | /** | ||
| 72 | * 领取奖励 | ||
| 73 | * @param {*} evt | ||
| 74 | */ | ||
| 75 | onReceiveHandler(evt) { | ||
| 76 | let curData = getBindtapData(evt); | ||
| 77 | let curIndex = getBindtapData(evt, "index"); | ||
| 78 | let dataList = this.data.dataList; | ||
| 79 | app.post({ | ||
| 80 | url: app.api.activityPrizeGet, | ||
| 81 | data: { | ||
| 82 | activityCode: curData.activityCode | ||
| 83 | } | ||
| 84 | }).then((result) => { | ||
| 85 | dataList[curIndex].acceptType = 1; | ||
| 86 | this.setData({ | ||
| 87 | dataList: dataList, | ||
| 88 | item: curData, | ||
| 89 | giftRankTipsCompVisible: true | ||
| 90 | }) | ||
| 91 | }) | ||
| 92 | }, | ||
| 93 | |||
| 14 | // 隐藏蒙层 | 94 | // 隐藏蒙层 |
| 15 | hideMask() { | 95 | hideMask() { |
| 16 | this.setData({ | 96 | this.setData({ | ... | ... |
| ... | @@ -5,7 +5,20 @@ | ... | @@ -5,7 +5,20 @@ |
| 5 | <view class="top-space"></view> | 5 | <view class="top-space"></view> |
| 6 | <view class="content"> | 6 | <view class="content"> |
| 7 | <view class="gift"> | 7 | <view class="gift"> |
| 8 | <view class="border gift-item"> | 8 | <view wx:for="{{dataList}}" wx:key="{{index}}" class="border gift-item"> |
| 9 | <view class="prize"> | ||
| 10 | <image wx:if="{{item.prizeType == 'packet'}}" class="image" mode="aspectFit" src="../../image/icon/icon-gift-red-package.png" /> | ||
| 11 | <image wx:else class="image" mode="aspectFit" src="../../image/icon/icon-gift-integral.png" /> | ||
| 12 | </view> | ||
| 13 | <view class="cont"> | ||
| 14 | <view class="t1">{{item.prizeName}}</view> | ||
| 15 | <view class="t1 t2">190701-190714</view> | ||
| 16 | <view class="t1 t3">{{item.activityName}}</view> | ||
| 17 | </view> | ||
| 18 | <view bindtap="onReceiveHandler" wx:if="{{item.acceptType == 0}}" data-data="{{item}}" data-index="{{index}}" class="btn">领取</view> | ||
| 19 | <view wx:if="{{item.acceptType == 1}}" class="btn">已领取</view> | ||
| 20 | </view> | ||
| 21 | <!-- <view class="border gift-item"> | ||
| 9 | <view class="prize"> | 22 | <view class="prize"> |
| 10 | <image class="image" mode="aspectFit" src="../../image/icon/icon-gift-red-package.png" /> | 23 | <image class="image" mode="aspectFit" src="../../image/icon/icon-gift-red-package.png" /> |
| 11 | </view> | 24 | </view> |
| ... | @@ -25,15 +38,16 @@ | ... | @@ -25,15 +38,16 @@ |
| 25 | <view class="t1 t2">190701-190714</view> | 38 | <view class="t1 t2">190701-190714</view> |
| 26 | <view class="t1 t3">推广积分排行第一名</view> | 39 | <view class="t1 t3">推广积分排行第一名</view> |
| 27 | </view> | 40 | </view> |
| 28 | <view class="btn">领取</view> | 41 | <view class="btn disable">已领取</view> |
| 29 | </view> | 42 | </view> --> |
| 30 | </view> | 43 | </view> |
| 31 | </view> | 44 | </view> |
| 45 | <empty-tips inner-text="还没活动奖励哦~" wx:if="{{dataList.length <= 0}}"></empty-tips> | ||
| 32 | </view> | 46 | </view> |
| 33 | </view> | 47 | </view> |
| 34 | <van-popup show="{{ authorizeVisible }}"> | 48 | <van-popup show="{{ authorizeVisible }}"> |
| 35 | <authorize-comp bind:evtcomp="evtcomp"></authorize-comp> | 49 | <authorize-comp bind:evtcomp="evtcomp"></authorize-comp> |
| 36 | </van-popup> | 50 | </van-popup> |
| 37 | <van-popup show="{{ giftRankTipsCompVisible }}"> | 51 | <van-popup show="{{ giftRankTipsCompVisible }}"> |
| 38 | <gift-rank-tips-comp bind:evtcomp="evtcomp"></gift-rank-tips-comp> | 52 | <gift-rank-tips-comp bind:evtcomp="evtcomp" item="{{item}}"></gift-rank-tips-comp> |
| 39 | </van-popup> | 53 | </van-popup> | ... | ... |
| ... | @@ -7,6 +7,12 @@ Page({ | ... | @@ -7,6 +7,12 @@ Page({ |
| 7 | data: { | 7 | data: { |
| 8 | authorizeVisible: false, | 8 | authorizeVisible: false, |
| 9 | navIndex: 0, | 9 | navIndex: 0, |
| 10 | status: "promotion", | ||
| 11 | turnsIndex: 0, //轮次 0:本轮 1:历史 | ||
| 12 | rankInfo: {}, | ||
| 13 | |||
| 14 | historyRankInfoList: [], | ||
| 15 | historyIndex: 0, | ||
| 10 | }, | 16 | }, |
| 11 | onShareAppMessage() {}, | 17 | onShareAppMessage() {}, |
| 12 | showAuth() { | 18 | showAuth() { |
| ... | @@ -14,9 +20,100 @@ Page({ | ... | @@ -14,9 +20,100 @@ Page({ |
| 14 | authorizeVisible: true | 20 | authorizeVisible: true |
| 15 | }) | 21 | }) |
| 16 | }, | 22 | }, |
| 17 | onLoad(options) {}, | 23 | onLoad(options) { |
| 24 | this.initData(); | ||
| 25 | }, | ||
| 18 | initData() { | 26 | initData() { |
| 27 | this.refreshStatus(); | ||
| 28 | }, | ||
| 29 | |||
| 30 | /** | ||
| 31 | * 推广积分排行 | ||
| 32 | */ | ||
| 33 | queryActivity() { | ||
| 34 | return new Promise((resolve, reject) => { | ||
| 35 | this.setData({ | ||
| 36 | rankInfo: {} | ||
| 37 | }) | ||
| 38 | let status = this.data.status; | ||
| 39 | app.post({ | ||
| 40 | url: app.api.activity, | ||
| 41 | data: { | ||
| 42 | key: status | ||
| 43 | } | ||
| 44 | }).then((result) => { | ||
| 45 | let rankInfo = this.formatRankInfo(result, status); | ||
| 46 | this.setData({ | ||
| 47 | rankInfo: rankInfo | ||
| 48 | }) | ||
| 49 | resolve(); | ||
| 50 | }) | ||
| 51 | }); | ||
| 52 | }, | ||
| 53 | |||
| 54 | /** | ||
| 55 | * 推广积分排行 | ||
| 56 | */ | ||
| 57 | queryActivityHistory() { | ||
| 58 | return new Promise((resolve, reject) => { | ||
| 59 | this.setData({ | ||
| 60 | rankInfo: {} | ||
| 61 | }) | ||
| 62 | let status = this.data.status; | ||
| 63 | app.post({ | ||
| 64 | url: app.api.activityHistory, | ||
| 65 | data: { | ||
| 66 | page: 1, | ||
| 67 | size: 999999, | ||
| 68 | key: this.data.status | ||
| 69 | } | ||
| 70 | }).then((result) => { | ||
| 71 | let historyRankInfoList = result.list; | ||
| 72 | this.setData({ | ||
| 73 | historyRankInfoList: historyRankInfoList | ||
| 74 | }) | ||
| 75 | console.log("historyRankInfoList:", historyRankInfoList); | ||
| 76 | this.setHistory(); | ||
| 77 | resolve(); | ||
| 78 | }) | ||
| 79 | }); | ||
| 80 | }, | ||
| 81 | |||
| 82 | /** | ||
| 83 | * 格式化 | ||
| 84 | */ | ||
| 85 | formatRankInfo(val, status) { | ||
| 86 | let rankInfo = val; | ||
| 87 | if (status == "promotion") { | ||
| 88 | rankInfo.myMember.rank = rankInfo.myMember.promotionNo; | ||
| 89 | rankInfo.myMember.points = rankInfo.myMember.promotionPoints; | ||
| 90 | rankInfo.memberList.forEach(element => { | ||
| 91 | element.rank = element.promotionNo; | ||
| 92 | element.points = element.promotionPoints; | ||
| 93 | }); | ||
| 94 | } else { | ||
| 95 | rankInfo.myMember.rank = rankInfo.myMember.rankNo; | ||
| 96 | rankInfo.myMember.points = rankInfo.myMember.rankPoints; | ||
| 97 | rankInfo.memberList.forEach(element => { | ||
| 98 | element.rank = element.rankNo; | ||
| 99 | element.points = element.rankPoints; | ||
| 100 | }); | ||
| 101 | } | ||
| 102 | return rankInfo; | ||
| 103 | }, | ||
| 19 | 104 | ||
| 105 | /** | ||
| 106 | * 设置 | ||
| 107 | */ | ||
| 108 | setHistory() { | ||
| 109 | let index = this.data.historyIndex; | ||
| 110 | let status = this.data.status; | ||
| 111 | let historyRankInfoList = this.data.historyRankInfoList | ||
| 112 | let rankInfo = this.formatRankInfo(historyRankInfoList[index], status); | ||
| 113 | this.setData({ | ||
| 114 | rankInfo | ||
| 115 | }) | ||
| 116 | console.log("rankInfo:", rankInfo); | ||
| 20 | }, | 117 | }, |
| 21 | 118 | ||
| 22 | /** | 119 | /** |
| ... | @@ -28,11 +125,66 @@ Page({ | ... | @@ -28,11 +125,66 @@ Page({ |
| 28 | let curIndex = getBindtapData(evt, "index"); | 125 | let curIndex = getBindtapData(evt, "index"); |
| 29 | if (navIndex != curIndex) { | 126 | if (navIndex != curIndex) { |
| 30 | this.setData({ | 127 | this.setData({ |
| 31 | navIndex: curIndex | 128 | navIndex: curIndex, |
| 129 | turnsIndex: 0, | ||
| 130 | historyIndex: 0, | ||
| 32 | }) | 131 | }) |
| 33 | } | 132 | } |
| 133 | this.refreshStatus(); | ||
| 134 | }, | ||
| 135 | |||
| 136 | // 选择轮次 历史/本轮 | ||
| 137 | onChangeTurnsHandler(evt) { | ||
| 138 | let turnsIndex = this.data.turnsIndex; | ||
| 139 | let curIndex = getBindtapData(evt, "index"); | ||
| 140 | if (turnsIndex != curIndex) { | ||
| 141 | this.setData({ | ||
| 142 | turnsIndex: curIndex | ||
| 143 | }); | ||
| 144 | this.queryActivityHistory(); | ||
| 145 | } | ||
| 146 | |||
| 147 | }, | ||
| 148 | |||
| 149 | /** | ||
| 150 | * 拾取历史活动 | ||
| 151 | */ | ||
| 152 | bindHistoryChange(e) { | ||
| 153 | let index = e.detail.value; | ||
| 154 | this.setData({ | ||
| 155 | historyIndex: index, | ||
| 156 | }) | ||
| 157 | this.setHistory() | ||
| 158 | }, | ||
| 159 | |||
| 160 | /** | ||
| 161 | * 刷新状态重新请求 | ||
| 162 | */ | ||
| 163 | refreshStatus() { | ||
| 164 | let status = ""; | ||
| 165 | let navIndex = this.data.navIndex + ""; | ||
| 166 | switch (navIndex) { | ||
| 167 | // 全部 | ||
| 168 | case "0": | ||
| 169 | status = "promotion"; | ||
| 170 | break; | ||
| 171 | |||
| 172 | // 购买积分 | ||
| 173 | case "1": | ||
| 174 | status = "rank"; | ||
| 175 | break; | ||
| 176 | |||
| 177 | default: | ||
| 178 | break; | ||
| 179 | } | ||
| 180 | this.setData({ | ||
| 181 | status: status | ||
| 182 | }) | ||
| 183 | // this.resetPage(); | ||
| 184 | this.queryActivity(); | ||
| 34 | }, | 185 | }, |
| 35 | 186 | ||
| 187 | |||
| 36 | /** | 188 | /** |
| 37 | * 排行榜奖励 | 189 | * 排行榜奖励 |
| 38 | * @param {*} evt | 190 | * @param {*} evt | ... | ... |
| ... | @@ -79,29 +79,53 @@ $contentWidth:690px; | ... | @@ -79,29 +79,53 @@ $contentWidth:690px; |
| 79 | &-item { | 79 | &-item { |
| 80 | width: 50%; | 80 | width: 50%; |
| 81 | 81 | ||
| 82 | // .pubish { | 82 | // 本轮排行 |
| 83 | display: flex; | 83 | .pubish { |
| 84 | align-items: center; | 84 | display: flex; |
| 85 | flex-wrap: wrap; | 85 | align-items: center; |
| 86 | 86 | flex-wrap: wrap; | |
| 87 | .t1 { | 87 | |
| 88 | color: #666666; | 88 | .func { |
| 89 | font-size: 24px; | 89 | @extend .fcc; |
| 90 | padding: 5px 0; | 90 | height: 80px; |
| 91 | } | 91 | font-size: 32px; |
| 92 | 92 | color: #3680EB; | |
| 93 | .t2 {} | 93 | background: #F5F8FE; |
| 94 | border-radius: 8px; | ||
| 95 | @extend .bb; | ||
| 96 | padding: 0 12px; | ||
| 97 | |||
| 98 | .icon { | ||
| 99 | width: 32px; | ||
| 100 | height: 32px; | ||
| 101 | margin: 0 8px; | ||
| 102 | } | ||
| 103 | |||
| 104 | .arrow { | ||
| 105 | width: 12px; | ||
| 106 | height: 8px; | ||
| 107 | margin: 0 8px; | ||
| 108 | } | ||
| 109 | } | ||
| 110 | |||
| 111 | .t1 { | ||
| 112 | color: #666666; | ||
| 113 | font-size: 24px; | ||
| 114 | padding: 5px 0; | ||
| 115 | } | ||
| 116 | |||
| 117 | .t2 {} | ||
| 118 | |||
| 119 | .c1 { | ||
| 120 | color: #FF7900; | ||
| 121 | } | ||
| 122 | |||
| 123 | .c2 { | ||
| 124 | color: #3680EB; | ||
| 125 | } | ||
| 94 | 126 | ||
| 95 | .c1 { | ||
| 96 | color: #FF7900; | ||
| 97 | } | 127 | } |
| 98 | 128 | ||
| 99 | .c2 { | ||
| 100 | color: #3680EB; | ||
| 101 | } | ||
| 102 | |||
| 103 | // } | ||
| 104 | |||
| 105 | .mode { | 129 | .mode { |
| 106 | width: 220px; | 130 | width: 220px; |
| 107 | height: 56px; | 131 | height: 56px; |
| ... | @@ -136,7 +160,7 @@ $contentWidth:690px; | ... | @@ -136,7 +160,7 @@ $contentWidth:690px; |
| 136 | } | 160 | } |
| 137 | 161 | ||
| 138 | .t2 { | 162 | .t2 { |
| 139 | margin-left: 172px; | 163 | margin-left: 150px; |
| 140 | } | 164 | } |
| 141 | 165 | ||
| 142 | .t3 { | 166 | .t3 { |
| ... | @@ -178,7 +202,7 @@ $contentWidth:690px; | ... | @@ -178,7 +202,7 @@ $contentWidth:690px; |
| 178 | 202 | ||
| 179 | .no { | 203 | .no { |
| 180 | width: 72px; | 204 | width: 72px; |
| 181 | padding-right: 76px; | 205 | padding-right: 54px; |
| 182 | @extend .fcc; | 206 | @extend .fcc; |
| 183 | // text-align: center; | 207 | // text-align: center; |
| 184 | // height: $itemHeight; | 208 | // height: $itemHeight; |
| ... | @@ -191,15 +215,19 @@ $contentWidth:690px; | ... | @@ -191,15 +215,19 @@ $contentWidth:690px; |
| 191 | } | 215 | } |
| 192 | 216 | ||
| 193 | .user { | 217 | .user { |
| 194 | flex: 1; | ||
| 195 | display: flex; | 218 | display: flex; |
| 196 | align-items: center; | 219 | align-items: center; |
| 197 | font-size: 32px; | 220 | font-size: 32px; |
| 221 | width: 300px; | ||
| 222 | // background-color: wheat; | ||
| 223 | @include no-wrap(); | ||
| 224 | overflow-x: hidden; | ||
| 198 | 225 | ||
| 199 | .avatar { | 226 | .avatar { |
| 200 | width: 72px; | 227 | width: 72px; |
| 201 | height: 72px; | 228 | height: 72px; |
| 202 | margin-right: 12px; | 229 | margin-right: 12px; |
| 230 | border-radius: 36px; | ||
| 203 | } | 231 | } |
| 204 | } | 232 | } |
| 205 | 233 | ||
| ... | @@ -225,7 +253,7 @@ $contentWidth:690px; | ... | @@ -225,7 +253,7 @@ $contentWidth:690px; |
| 225 | // 按钮容器 | 253 | // 按钮容器 |
| 226 | .btn-wrap { | 254 | .btn-wrap { |
| 227 | position: relative; | 255 | position: relative; |
| 228 | margin: 20px auto 0; | 256 | margin: 36px auto 0; |
| 229 | 257 | ||
| 230 | .btn { | 258 | .btn { |
| 231 | position: relative; | 259 | position: relative; | ... | ... |
| 1 | <view class="page"> | 1 | <view class="page"> |
| 2 | <view class="app__bgc bgc"></view> | 2 | <view class="app__bgc bgc"></view> |
| 3 | <!-- <view class="app__bg bg"></view> --> | ||
| 4 | <image class="bg" mode="widthFix" src="../../image/rank/rank-c1.png" /> | 3 | <image class="bg" mode="widthFix" src="../../image/rank/rank-c1.png" /> |
| 5 | <view class="app__content main"> | 4 | <view class="app__content main"> |
| 6 | <view class="top-space"></view> | 5 | <view class="top-space"></view> |
| ... | @@ -11,7 +10,7 @@ | ... | @@ -11,7 +10,7 @@ |
| 11 | <view class="tit">推广积分排行</view> | 10 | <view class="tit">推广积分排行</view> |
| 12 | <view class="line"></view> | 11 | <view class="line"></view> |
| 13 | </view> | 12 | </view> |
| 14 | <view bindtap="onNavSelectHandler" data-index="1" class="nav-item {{navIndex == 1 ? 'nav-item-act':''}}"> | 13 | <view bindtap="onNavSelectHandler" data-index="1" class="nav-item {{navIndex == 1 ? 'nav-item-act':''}}"> |
| 15 | <view class="tit">总积分排行</view> | 14 | <view class="tit">总积分排行</view> |
| 16 | <view class="line"></view> | 15 | <view class="line"></view> |
| 17 | </view> | 16 | </view> |
| ... | @@ -21,24 +20,39 @@ | ... | @@ -21,24 +20,39 @@ |
| 21 | <!-- 功能区 --> | 20 | <!-- 功能区 --> |
| 22 | <view class="rank-func"> | 21 | <view class="rank-func"> |
| 23 | <view class="rank-func-item"> | 22 | <view class="rank-func-item"> |
| 24 | <view class="pubish"> | 23 | <view wx:if="{{turnsIndex == 0}}" class="pubish"> |
| 25 | <view class="t1"> | 24 | <view class="t1"> |
| 26 | 本轮周期: | 25 | 本轮周期: |
| 27 | <span>7.1-7.14</span> | 26 | <span>{{rankInfo.activityName}}</span> |
| 28 | </view> | 27 | </view> |
| 29 | <!-- <view class="t1 t2"> | 28 | <view wx:if="{{status == 'promotion'}}" class="t1 t2"> |
| 30 | 本轮奖品: | 29 | 本轮奖品: |
| 31 | <span class="c1">88元红包</span> | 30 | <span class="c1">{{rankInfo.prizeName}}</span> |
| 32 | </view> --> | 31 | </view> |
| 33 | <view class="t1 t2"> | 32 | <view wx:if="{{status == 'rank'}}" class="t1 t2"> |
| 34 | 我的名次: | 33 | 我的名次: |
| 35 | <span class="c2">12</span> | 34 | <span class="c2">{{rankInfo.myMember.rank || '-'}}</span> |
| 36 | 名 | 35 | 名 |
| 37 | </view> | 36 | </view> |
| 38 | </view> | 37 | </view> |
| 38 | <view wx:else class="pubish"> | ||
| 39 | <picker value="{{historyIndex}}" range="{{historyRankInfoList}}" range-key="activityName" bindchange="bindHistoryChange"> | ||
| 40 | <view class="func"> | ||
| 41 | <image class="icon" mode="aspectFit" src="../../image/icon/icon-sign-record.png" /> | ||
| 42 | {{rankInfo.activityName}} | ||
| 43 | <image class="arrow" mode="aspectFit" src="../../image/icon/icon-filter-down-on.png" /> | ||
| 44 | {{dateStart}} | ||
| 45 | </view> | ||
| 46 | </picker> | ||
| 47 | </view> | ||
| 39 | </view> | 48 | </view> |
| 40 | <view class="rank-func-item pubish fje"> | 49 | <view class="rank-func-item pubish fje"> |
| 41 | <view class="mode">查看历史排行</view> | 50 | <view wx:if="{{turnsIndex == 0}}" data-index="1" bindtap="onChangeTurnsHandler" class="mode"> |
| 51 | 查看历史排行 | ||
| 52 | </view> | ||
| 53 | <view wx:if="{{turnsIndex == 1}}" data-index="0" bindtap="onChangeTurnsHandler" class="mode"> | ||
| 54 | 返回本轮排行 | ||
| 55 | </view> | ||
| 42 | </view> | 56 | </view> |
| 43 | </view> | 57 | </view> |
| 44 | <!-- 标题 --> | 58 | <!-- 标题 --> |
| ... | @@ -49,63 +63,16 @@ | ... | @@ -49,63 +63,16 @@ |
| 49 | </view> | 63 | </view> |
| 50 | <!-- 排行item --> | 64 | <!-- 排行item --> |
| 51 | <scroll-view bindscrolltolower="onRankScrolltolower" scroll-y="{{true}}" class="item-wrap"> | 65 | <scroll-view bindscrolltolower="onRankScrolltolower" scroll-y="{{true}}" class="item-wrap"> |
| 52 | <view class="rank-item rank-item-first"> | 66 | <view wx:for="{{rankInfo.memberList}}" wx:key="{{index}}" class="rank-item {{item.rank == '1' ? 'rank-item-first':''}}"> |
| 53 | <view class="no"> | 67 | <view class="no"> |
| 54 | <image class="medal" mode="aspectFit" src="../../image/icon/icon-medal.png" /> | 68 | <image wx:if="{{item.rank == '1'}}" class="medal" mode="aspectFit" src="../../image/icon/icon-medal.png" /> |
| 55 | </view> | 69 | <span wx:else>{{item.rank}}</span> |
| 56 | <view class="user"> | ||
| 57 | <image class="avatar" mode="widthFix" src="../../image/icon/icon-default-avatar.png" /> | ||
| 58 | nickname | ||
| 59 | </view> | ||
| 60 | <view class="integral">1000</view> | ||
| 61 | </view> | ||
| 62 | <view class="rank-item"> | ||
| 63 | <view class="no">2</view> | ||
| 64 | <view class="user"> | ||
| 65 | <image class="avatar" mode="widthFix" src="../../image/icon/icon-default-avatar.png" /> | ||
| 66 | nickname | ||
| 67 | </view> | ||
| 68 | <view class="integral">1000</view> | ||
| 69 | </view> | ||
| 70 | <view class="rank-item"> | ||
| 71 | <view class="no">2</view> | ||
| 72 | <view class="user"> | ||
| 73 | <image class="avatar" mode="widthFix" src="../../image/icon/icon-default-avatar.png" /> | ||
| 74 | nickname | ||
| 75 | </view> | 70 | </view> |
| 76 | <view class="integral">1000</view> | ||
| 77 | </view> | ||
| 78 | <view class="rank-item"> | ||
| 79 | <view class="no">2</view> | ||
| 80 | <view class="user"> | ||
| 81 | <image class="avatar" mode="widthFix" src="../../image/icon/icon-default-avatar.png" /> | ||
| 82 | nickname | ||
| 83 | </view> | ||
| 84 | <view class="integral">1000</view> | ||
| 85 | </view> | ||
| 86 | <view class="rank-item"> | ||
| 87 | <view class="no">2</view> | ||
| 88 | <view class="user"> | ||
| 89 | <image class="avatar" mode="widthFix" src="../../image/icon/icon-default-avatar.png" /> | ||
| 90 | nickname | ||
| 91 | </view> | ||
| 92 | <view class="integral">1000</view> | ||
| 93 | </view> | ||
| 94 | <view class="rank-item"> | ||
| 95 | <view class="no">2</view> | ||
| 96 | <view class="user"> | ||
| 97 | <image class="avatar" mode="widthFix" src="../../image/icon/icon-default-avatar.png" /> | ||
| 98 | nickname | ||
| 99 | </view> | ||
| 100 | <view class="integral">1000</view> | ||
| 101 | </view> | ||
| 102 | <view class="rank-item"> | ||
| 103 | <view class="no">2</view> | ||
| 104 | <view class="user"> | 71 | <view class="user"> |
| 105 | <image class="avatar" mode="widthFix" src="../../image/icon/icon-default-avatar.png" /> | 72 | <image class="avatar" mode="widthFix" src="{{item.avatar}}" /> |
| 106 | nickname | 73 | {{item.nickname}} |
| 107 | </view> | 74 | </view> |
| 108 | <view class="integral">1000</view> | 75 | <view class="integral">{{item.points}}</view> |
| 109 | </view> | 76 | </view> |
| 110 | </scroll-view> | 77 | </scroll-view> |
| 111 | <!-- 省略号 --> | 78 | <!-- 省略号 --> |
| ... | @@ -114,19 +81,19 @@ | ... | @@ -114,19 +81,19 @@ |
| 114 | <view class="my-rank"> | 81 | <view class="my-rank"> |
| 115 | <view class="rank-item"> | 82 | <view class="rank-item"> |
| 116 | <view class="no"> | 83 | <view class="no"> |
| 117 | 1 | 84 | <image wx:if="{{rankInfo.myMember.rank == 1}}" class="medal" mode="aspectFit" src="../../image/icon/icon-medal.png" /> |
| 118 | <!-- <image class="medal" mode="aspectFit" src="../../image/icon/icon-medal.png" /> --> | 85 | <span wx:else>{{rankInfo.myMember.rank || '-'}}</span> |
| 119 | </view> | 86 | </view> |
| 120 | <view class="user"> | 87 | <view class="user"> |
| 121 | <image class="avatar" mode="widthFix" src="../../image/icon/icon-default-avatar.png" /> | 88 | <image class="avatar" mode="widthFix" src="{{rankInfo.myMember.avatar}}" /> |
| 122 | nickname | 89 | {{rankInfo.myMember.nickname}} |
| 123 | </view> | 90 | </view> |
| 124 | <view class="integral">300</view> | 91 | <view class="integral">{{rankInfo.myMember.points}}</view> |
| 125 | </view> | 92 | </view> |
| 126 | </view> | 93 | </view> |
| 127 | </view> | 94 | </view> |
| 128 | <!-- 我的奖励按钮 --> | 95 | <!-- 我的奖励按钮 --> |
| 129 | <view class="btn-wrap"> | 96 | <view wx:if="{{status == 'promotion'}}" class="btn-wrap"> |
| 130 | <view bindtap="onRankGiftHandler" class="btn"> | 97 | <view bindtap="onRankGiftHandler" class="btn"> |
| 131 | <image class="integral" mode="aspectFit" src="../../image/icon/icon-rank-rewrad.png" /> | 98 | <image class="integral" mode="aspectFit" src="../../image/icon/icon-rank-rewrad.png" /> |
| 132 | 我的奖励 | 99 | 我的奖励 | ... | ... |
| ... | @@ -45,11 +45,13 @@ Page({ | ... | @@ -45,11 +45,13 @@ Page({ |
| 45 | toast: false, | 45 | toast: false, |
| 46 | url: app.api.sign, | 46 | url: app.api.sign, |
| 47 | }).then((result) => { | 47 | }).then((result) => { |
| 48 | this.querySignInfo().then((result2) => { | 48 | this.queryMember().then((result) => { |
| 49 | // 签到成功 | 49 | this.querySignInfo().then((result2) => { |
| 50 | this.setData({ | 50 | // 签到成功 |
| 51 | signPrize: result2, | 51 | this.setData({ |
| 52 | giftSignTipsCompVisible: true | 52 | signPrize: result2, |
| 53 | giftSignTipsCompVisible: true | ||
| 54 | }) | ||
| 53 | }) | 55 | }) |
| 54 | }) | 56 | }) |
| 55 | }).catch((err) => { | 57 | }).catch((err) => { | ... | ... |
-
Please register or sign in to post a comment