@@ -81,40 +81,21 @@ Page({ | |||
url: '/pages/spellGroup/spellGroup', | |||
}) | |||
}, | |||
qrcode: function(e) { | |||
qrcode: function() { | |||
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 () { | |||
wx.navigateTo({ | |||
@@ -151,28 +132,11 @@ Page({ | |||
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) { | |||
this.setData({ | |||
swiperCurrent: e.detail.current | |||
@@ -321,11 +285,11 @@ Page({ | |||
ismember: true, | |||
memberId: res.data.id | |||
}) | |||
var size = this.setCanvasSize(); | |||
// var size = this.setCanvasSize(); | |||
var initUrl = JSON.stringify({ | |||
flagid: res.data.id | |||
}); | |||
that.createQrCode(initUrl, "mycanvas1", size.w, size.h); | |||
// that.createQrCode(initUrl, "mycanvas1", size.w, size.h); | |||
} | |||
}) | |||
.catch(err => { | |||
@@ -51,13 +51,13 @@ | |||
<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="" /> | |||
</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}}"> | |||
<open-data class="open" type="userAvatarUrl"></open-data> | |||
@@ -12,9 +12,7 @@ | |||
line-height: 88rpx; | |||
overflow: hidden; | |||
} | |||
#mycanvas2{ | |||
height: 500rpx; | |||
} | |||
.red{ | |||
position:absolute; | |||
width:13rpx; | |||
@@ -3,7 +3,6 @@ | |||
display: inline-block; | |||
box-shadow:0 0 10px 0 rgba(211,211,211,0.50); | |||
border-radius:16rpx; | |||
} | |||
.rushtobuyimgs{ | |||
padding: 0 30rpx; | |||
@@ -1,7 +1,10 @@ | |||
var config = require("../../config/config.js"); | |||
var app = getApp(); | |||
const Http = require("../../utils/HttpBasics"); | |||
const QR = require("../../utils/memberqrcode.js"); | |||
const BR = require("../../utils/barcode.js"); | |||
const imgurl = require("../../utils/imgurl"); | |||
const util = require("../../utils/util"); | |||
Page({ | |||
/** | |||
* 页面的初始数据 | |||
@@ -9,6 +12,7 @@ Page({ | |||
data: { | |||
myspeacialUrl: imgurl.myspeacial.url, | |||
teliconUrl: imgurl.telicon.url, | |||
memberId:"000000" | |||
}, | |||
phone: function (e) { | |||
console.log(e) | |||
@@ -30,6 +34,10 @@ Page({ | |||
that.setData({ | |||
level: res.data.level ? res.data.level : '' | |||
}) | |||
that.qrcode(res.data.id); | |||
that.setData({ | |||
memberId: res.data.id | |||
}) | |||
console.log(res.data.levelMerchantList) | |||
let discountMerchantList = []; | |||
res.data.levelMerchantList.map(file=>{ | |||
@@ -37,13 +45,47 @@ Page({ | |||
discountMerchantList.push(file); | |||
} | |||
}) | |||
console.log(discountMerchantList) | |||
that.setData({ | |||
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 class='con'> | |||
<view class="title">会员等级为<text class='level'>[{{level}}]</text>对应门店的优惠折扣</view> | |||
@@ -100,4 +100,27 @@ Page{ | |||
} | |||
.level{ | |||
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; | |||
} |