@@ -145,8 +145,8 @@ Page({ | |||
supportTransfer: res.data.supportTransfer || "" | |||
}) | |||
if (goGive) { | |||
if ((this.data.ownerUserId && this.data.eCardId) || e.detail.value.code) { | |||
if ((this.data.owned && this.data.owned == 1) || e.detail.value.code) { | |||
if ((this.data.ownerUserId && this.data.eCardId) || this.data.code) { | |||
if ((this.data.owned && this.data.owned == 1) || this.data.code) { | |||
if (this.data.supportTransfer == 1) { | |||
wx.navigateTo({ | |||
url: `/pages/ConsumeDetail/ConsumeDetail?cardId=${this.data.eCardId}`, | |||
@@ -13,8 +13,11 @@ Page({ | |||
myspeacialUrl: imgurl.myspeacial.url, | |||
teliconUrl: imgurl.telicon.url, | |||
wmhome: imgurl.wmhome.url, | |||
memberId:"000000", | |||
memberId: "000000", | |||
goHomeUrl: "", | |||
showCode: false, | |||
showTimeLine: true, | |||
expiredSeconds: 30 | |||
}, | |||
phone: function (e) { | |||
console.log(e) | |||
@@ -41,7 +44,7 @@ Page({ | |||
* 生命周期函数--监听页面显示 | |||
*/ | |||
onShow: function () { | |||
this.ifPhoneInfo() | |||
let that = this; | |||
that.setData({ | |||
@@ -52,25 +55,25 @@ Page({ | |||
url: config.api.getDiscountInfo, | |||
data: {} | |||
}) | |||
.then(res=>{ | |||
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=>{ | |||
if (file.discount != 100){ | |||
discountMerchantList.push(file); | |||
} | |||
.then(res => { | |||
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 => { | |||
if (file.discount != 100) { | |||
discountMerchantList.push(file); | |||
} | |||
}) | |||
that.setData({ | |||
discountMerchantList: discountMerchantList, | |||
}) | |||
}) | |||
that.setData({ | |||
discountMerchantList: discountMerchantList, | |||
}) | |||
}) | |||
}, | |||
goback: function () { | |||
@@ -82,7 +85,7 @@ Page({ | |||
/** | |||
* 二维码 | |||
*/ | |||
qrcode: function (memberId){ | |||
qrcode: function (memberId) { | |||
let that = this; | |||
var size = that.setCanvasSize(); | |||
let url = JSON.stringify({ | |||
@@ -95,7 +98,7 @@ Page({ | |||
createQrCode: function (url, canvasId, cavW, cavH) { | |||
//调用插件中的draw方法,绘制二维码图片 | |||
let that = this; | |||
QR.api.draw(url, canvasId, cavW, cavH,function(res){ | |||
QR.api.draw(url, canvasId, cavW, cavH, function (res) { | |||
that.setData({ | |||
tempFilePath: res | |||
}) | |||
@@ -119,5 +122,5 @@ Page({ | |||
} | |||
return size; | |||
}, | |||
}) |
@@ -1,14 +1,29 @@ | |||
<!-- <button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button> --> | |||
<navbar back home text="我的特权" background='#FD832D' color="#fff"></navbar> | |||
<view style="height:{{navigationBarHeight}} "></view> | |||
<view class='codeBox'> | |||
<view class='codeBox'> | |||
<view class='code' > | |||
<view class="canWrap"> | |||
<canvas canvas-id="mycanvas2" style="width: 1200rpx; height: 800rpx;" /> | |||
<view class='code'> | |||
<view wx:if="{{showCode}}"> | |||
<view class="canWrap"> | |||
<canvas canvas-id="mycanvas2" style="width: 1200rpx; height: 800rpx;" /> | |||
</view> | |||
<image src="{{tempFilePath}}" mode="aspectFit" /> | |||
</view> | |||
<view wx:else class="negatived"> | |||
<view class="canWrap"> | |||
<canvas canvas-id="mycanvas2" style="width: 1200rpx; height: 800rpx;" /> | |||
</view> | |||
<view class="refreshCode">点击刷新</view> | |||
<image src="../../assets/images/negatived.png" mode="aspectFit" /> | |||
</view> | |||
<image src="{{tempFilePath}}" mode="aspectFit" /> | |||
<view class='memCode'><text>会员码:</text><text class="memNum">{{memberId}}</text></view> | |||
<view class="coedTiem" wx:if="{{showTimeLine}}">二维码将在 | |||
<text style="color:red">{{expiredSeconds}}s</text> | |||
后失效 | |||
</view> | |||
<view class='memCode'><text>会员码:</text><text class="memNum">{{memberId}}</text></view> | |||
<view class='con'> | |||
<view class="title">会员等级为<text class='level'>[{{level}}]</text>对应门店的优惠折扣</view> | |||
</view> | |||
@@ -20,7 +35,8 @@ | |||
<text><i>></i></text> | |||
</view> | |||
<view class='discount'> | |||
<text style='display:inline-block;'>{{item.discount/10}}</text>折</view> | |||
<text style='display:inline-block;'>{{item.discount/10}}</text>折 | |||
</view> | |||
<text class='tit'>{{item.merchantName}}</text> | |||
<view class='clearfix footer'> | |||
<view class='fl' style='margin-top:-30rpx;margin-left:10rpx;'> | |||
@@ -38,4 +54,4 @@ | |||
此等级暂未开放折扣,敬请期待! | |||
</view> | |||
</view> | |||
</view> | |||
</view> |
@@ -1,12 +1,15 @@ | |||
@import "../../app.wxss"; | |||
page{ | |||
background:linear-gradient(180deg,#FD832D 0%,#FE4A16 100%); | |||
page { | |||
background: linear-gradient(180deg, #FD832D 0%, #FE4A16 100%); | |||
} | |||
.codeBox{ | |||
background:linear-gradient(180deg,#FD832D 0%,#FE4A16 100%); | |||
.codeBox { | |||
background: linear-gradient(180deg, #FD832D 0%, #FE4A16 100%); | |||
height: 100%; | |||
overflow: auto; | |||
} | |||
.none { | |||
font-size: 24rpx; | |||
text-align: center; | |||
@@ -15,6 +18,12 @@ page{ | |||
float: none !important; | |||
} | |||
.coedTiem { | |||
text-align: center; | |||
color: rgba(253, 131, 45, 1); | |||
margin-bottom: 10rpx; | |||
} | |||
.headerbg image { | |||
display: block; | |||
width: 100%; | |||
@@ -160,7 +169,7 @@ page{ | |||
.code { | |||
width: 690rpx; | |||
height: 800rpx; | |||
height: 900rpx; | |||
background: #fff; | |||
margin: 20rpx auto; | |||
border-radius: 10rpx; | |||
@@ -172,35 +181,53 @@ page{ | |||
height: 150rpx; | |||
margin: 0 auto 10rpx; | |||
} | |||
.canWrap{ | |||
.canWrap { | |||
width: 358rpx; | |||
height: 358rpx; | |||
} | |||
.negatived { | |||
position: relative; | |||
} | |||
.negatived .refreshCode { | |||
position: absolute; | |||
top: 350rpx; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
color: #7a7a7a; | |||
font-weight: 600; | |||
} | |||
.code image { | |||
width: 500rpx; | |||
height: 500rpx; | |||
display: block; | |||
margin:70rpx auto 60rpx; | |||
margin: 70rpx auto 60rpx; | |||
} | |||
.memCode{ | |||
.memCode { | |||
width: 562rpx; | |||
height: 88rpx; | |||
line-height: 88rpx; | |||
border-radius:16rpx; | |||
border:1px solid rgba(225,225,225,1); | |||
border-radius: 16rpx; | |||
border: 1px solid rgba(225, 225, 225, 1); | |||
margin: 36rpx auto 0; | |||
color: #666; | |||
display: block; | |||
font-size: 24rpx; | |||
text-align: center; | |||
} | |||
.memNum{ | |||
font-weight:600; | |||
.memNum { | |||
font-weight: 600; | |||
font-size: 32rpx; | |||
color: #3C3C3C; | |||
font-family:PingFangSC-Medium; | |||
font-family: PingFangSC-Medium; | |||
text-align: center; | |||
} | |||
.building{ | |||
.building { | |||
display: inline-block; | |||
} |