@@ -81,40 +81,21 @@ Page({ | |||||
url: '/pages/spellGroup/spellGroup', | url: '/pages/spellGroup/spellGroup', | ||||
}) | }) | ||||
}, | }, | ||||
qrcode: function(e) { | |||||
qrcode: function() { | |||||
var that = this; | var that = this; | ||||
that.setData({ | |||||
showQrcode: true | |||||
}) | |||||
wx.showToast({ | |||||
title: '生成中...', | |||||
icon: 'loading', | |||||
duration: 2000 | |||||
}); | |||||
console.log(e) | |||||
var st = setTimeout(function() { | |||||
wx.hideToast() | |||||
var size = that.setCanvasSize(); | |||||
console.log(size) | |||||
var url = JSON.stringify({ | |||||
END: "C", | |||||
TYPE: "memberCode", | |||||
ID: that.data.memberId, | |||||
}); | |||||
console.log(url,777777777) | |||||
that.createQrCode(url, "mycanvas2", size.w, size.h); | |||||
that.setData({ | |||||
maskHidden: true | |||||
}); | |||||
clearTimeout(st); | |||||
}, 1000) | |||||
}, | |||||
hideQrcode: function() { | |||||
let that = this; | |||||
that.setData({ | |||||
showQrcode: false | |||||
}) | |||||
let memberId = that.data.memberId; | |||||
if (memberId){ | |||||
wx.navigateTo({ | |||||
url: '/pages/specialcourtesy/specialcourtesy' | |||||
}) | |||||
} | |||||
}, | }, | ||||
// hideQrcode: function() { | |||||
// let that = this; | |||||
// that.setData({ | |||||
// showQrcode: false | |||||
// }) | |||||
// }, | |||||
//跳往限时秒杀 | //跳往限时秒杀 | ||||
gotoRushBuy: function () { | gotoRushBuy: function () { | ||||
wx.navigateTo({ | wx.navigateTo({ | ||||
@@ -151,28 +132,11 @@ Page({ | |||||
url: '/pages/index/searchbar/index', | url: '/pages/index/searchbar/index', | ||||
}) | }) | ||||
}, | }, | ||||
//适配不同屏幕大小的canvas | |||||
setCanvasSize: function() { | |||||
var size = {}; | |||||
try { | |||||
var res = wx.getSystemInfoSync(); | |||||
var scale = 750 / 500; | |||||
//不同屏幕下canvas的适配比例;设计稿是750宽 | |||||
var width = res.windowWidth / scale; | |||||
var height = width; | |||||
//canvas画布为正方形 | |||||
size.w = width; | |||||
size.h = height; | |||||
} catch (e) { | |||||
// Do something when catch error | |||||
console.log("获取设备信息失败" + e); | |||||
} | |||||
return size; | |||||
}, | |||||
createQrCode: function(url, canvasId, cavW, cavH) { | |||||
//调用插件中的draw方法,绘制二维码图片 | |||||
QR.api.draw(url, canvasId, cavW, cavH); | |||||
}, | |||||
// createQrCode: function(url, canvasId, cavW, cavH) { | |||||
// //调用插件中的draw方法,绘制二维码图片 | |||||
// QR.api.draw(url, canvasId, cavW, cavH); | |||||
// }, | |||||
swiperChange: function(e) { | swiperChange: function(e) { | ||||
this.setData({ | this.setData({ | ||||
swiperCurrent: e.detail.current | swiperCurrent: e.detail.current | ||||
@@ -321,11 +285,11 @@ Page({ | |||||
ismember: true, | ismember: true, | ||||
memberId: res.data.id | memberId: res.data.id | ||||
}) | }) | ||||
var size = this.setCanvasSize(); | |||||
// var size = this.setCanvasSize(); | |||||
var initUrl = JSON.stringify({ | var initUrl = JSON.stringify({ | ||||
flagid: res.data.id | flagid: res.data.id | ||||
}); | }); | ||||
that.createQrCode(initUrl, "mycanvas1", size.w, size.h); | |||||
// that.createQrCode(initUrl, "mycanvas1", size.w, size.h); | |||||
} | } | ||||
}) | }) | ||||
.catch(err => { | .catch(err => { | ||||
@@ -51,13 +51,13 @@ | |||||
<c-coupons id="lists" bind:myevent="onGetCode" class="business" loadingtext="{{loadingtext}}" loading="{{loading}}" /> | <c-coupons id="lists" bind:myevent="onGetCode" class="business" loadingtext="{{loadingtext}}" loading="{{loading}}" /> | ||||
<g-entry id="listss" wx:if="{{showGame&&!played&&!havePlayEd}}" gamedata="{{gamedata}}" bind:myevent="" /> | <g-entry id="listss" wx:if="{{showGame&&!played&&!havePlayEd}}" gamedata="{{gamedata}}" bind:myevent="" /> | ||||
</view> | </view> | ||||
<view class='showQrcode' bindtap='hideQrcode' wx:if="{{showQrcode}}"> | |||||
<view class="canvas-box"> | |||||
<text class='memberIds' wx:if="{{levelName!='无'}}">{{levelName}}</text> | |||||
<canvas canvas-id="mycanvas2" id='mycanvas2' /> | |||||
<button class='button' bindtap='mySpecial'>特享礼遇</button> | |||||
</view> | |||||
</view> | |||||
<!-- <view class='showQrcode' bindtap='hideQrcode' wx:if="{{showQrcode}}"> | |||||
<view class="canvas-box"> | |||||
<text class='memberIds' wx:if="{{levelName!='无'}}">{{levelName}}</text> | |||||
<canvas canvas-id="mycanvas2" id='mycanvas2' /> | |||||
<button class='button' bindtap='mySpecial'>特享礼遇</button> | |||||
</view> | |||||
</view> --> | |||||
<!-- 顶部签到成长值 --> | <!-- 顶部签到成长值 --> | ||||
<view class='signin' wx:if="{{fistLogin}}" animation="{{alphaData}}"> | <view class='signin' wx:if="{{fistLogin}}" animation="{{alphaData}}"> | ||||
<open-data class="open" type="userAvatarUrl"></open-data> | <open-data class="open" type="userAvatarUrl"></open-data> | ||||
@@ -12,9 +12,7 @@ | |||||
line-height: 88rpx; | line-height: 88rpx; | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
#mycanvas2{ | |||||
height: 500rpx; | |||||
} | |||||
.red{ | .red{ | ||||
position:absolute; | position:absolute; | ||||
width:13rpx; | width:13rpx; | ||||
@@ -3,7 +3,6 @@ | |||||
display: inline-block; | display: inline-block; | ||||
box-shadow:0 0 10px 0 rgba(211,211,211,0.50); | box-shadow:0 0 10px 0 rgba(211,211,211,0.50); | ||||
border-radius:16rpx; | border-radius:16rpx; | ||||
} | } | ||||
.rushtobuyimgs{ | .rushtobuyimgs{ | ||||
padding: 0 30rpx; | padding: 0 30rpx; | ||||
@@ -1,7 +1,10 @@ | |||||
var config = require("../../config/config.js"); | var config = require("../../config/config.js"); | ||||
var app = getApp(); | var app = getApp(); | ||||
const Http = require("../../utils/HttpBasics"); | const Http = require("../../utils/HttpBasics"); | ||||
const QR = require("../../utils/memberqrcode.js"); | |||||
const BR = require("../../utils/barcode.js"); | |||||
const imgurl = require("../../utils/imgurl"); | const imgurl = require("../../utils/imgurl"); | ||||
const util = require("../../utils/util"); | |||||
Page({ | Page({ | ||||
/** | /** | ||||
* 页面的初始数据 | * 页面的初始数据 | ||||
@@ -9,6 +12,7 @@ Page({ | |||||
data: { | data: { | ||||
myspeacialUrl: imgurl.myspeacial.url, | myspeacialUrl: imgurl.myspeacial.url, | ||||
teliconUrl: imgurl.telicon.url, | teliconUrl: imgurl.telicon.url, | ||||
memberId:"000000" | |||||
}, | }, | ||||
phone: function (e) { | phone: function (e) { | ||||
console.log(e) | console.log(e) | ||||
@@ -30,6 +34,10 @@ Page({ | |||||
that.setData({ | that.setData({ | ||||
level: res.data.level ? res.data.level : '' | level: res.data.level ? res.data.level : '' | ||||
}) | }) | ||||
that.qrcode(res.data.id); | |||||
that.setData({ | |||||
memberId: res.data.id | |||||
}) | |||||
console.log(res.data.levelMerchantList) | console.log(res.data.levelMerchantList) | ||||
let discountMerchantList = []; | let discountMerchantList = []; | ||||
res.data.levelMerchantList.map(file=>{ | res.data.levelMerchantList.map(file=>{ | ||||
@@ -37,13 +45,47 @@ Page({ | |||||
discountMerchantList.push(file); | discountMerchantList.push(file); | ||||
} | } | ||||
}) | }) | ||||
console.log(discountMerchantList) | |||||
that.setData({ | that.setData({ | ||||
discountMerchantList: discountMerchantList, | discountMerchantList: discountMerchantList, | ||||
}) | }) | ||||
}) | }) | ||||
}, | }, | ||||
/** | |||||
* 二维码 | |||||
*/ | |||||
qrcode: function (memberId){ | |||||
let that = this; | |||||
var size = that.setCanvasSize(); | |||||
let url = JSON.stringify({ | |||||
END: "C", | |||||
TYPE: "memberCode", | |||||
ID: memberId, | |||||
}); | |||||
that.createQrCode(url, "mycanvas2", size.w, size.h); | |||||
// util.barcode('barcode',memberId, 600, 150); | |||||
}, | |||||
createQrCode: function (url, canvasId, cavW, cavH) { | |||||
//调用插件中的draw方法,绘制二维码图片 | |||||
QR.api.draw(url, canvasId, cavW, cavH); | |||||
}, | |||||
//适配不同屏幕大小的canvas | |||||
setCanvasSize: function () { | |||||
var size = {}; | |||||
try { | |||||
var res = wx.getSystemInfoSync(); | |||||
var scale = 750 / 300; | |||||
//不同屏幕下canvas的适配比例;设计稿是750宽 | |||||
var width = res.windowWidth / scale; | |||||
var height = width; | |||||
//canvas画布为正方形 | |||||
size.w = width; | |||||
size.h = height; | |||||
} catch (e) { | |||||
// Do something when catch error | |||||
console.log("获取设备信息失败" + e); | |||||
} | |||||
return size; | |||||
}, | |||||
/** | /** | ||||
* 生命周期函数--监听页面隐藏 | * 生命周期函数--监听页面隐藏 | ||||
*/ | */ | ||||
@@ -1,5 +1,8 @@ | |||||
<view class='headerbg'> | |||||
<image src="{{myspeacialUrl}}" mode='widthFix'></image> | |||||
<view class='code'> | |||||
<!-- <text style='margin-bottom:20rpx;'>会员码</text> --> | |||||
<!-- <canvas canvas-id="barcode" id='barcode' /> --> | |||||
<canvas canvas-id="mycanvas2" id='mycanvas2' /> | |||||
<text>会员码:{{memberId}}</text> | |||||
</view> | </view> | ||||
<view class='con'> | <view class='con'> | ||||
<view class="title">会员等级为<text class='level'>[{{level}}]</text>对应门店的优惠折扣</view> | <view class="title">会员等级为<text class='level'>[{{level}}]</text>对应门店的优惠折扣</view> | ||||
@@ -100,4 +100,27 @@ Page{ | |||||
} | } | ||||
.level{ | .level{ | ||||
color: yellow; | color: yellow; | ||||
} | |||||
#mycanvas2{ | |||||
height: 300rpx; | |||||
width: 300rpx; | |||||
margin: 40rpx auto 20rpx; | |||||
} | |||||
.code{ | |||||
width: 684rpx; | |||||
background: #fff; | |||||
margin: 0 auto; | |||||
border-radius:10rpx; | |||||
padding: 10rpx 0 40rpx; | |||||
} | |||||
.code text{ | |||||
color: #666; | |||||
display: block; | |||||
text-align: center; | |||||
font-size: 28rpx; | |||||
} | |||||
#barcode{ | |||||
width: 600rpx; | |||||
height: 150rpx; | |||||
margin: 0 auto 10rpx; | |||||
} | } |