| @@ -4,14 +4,22 @@ const config = require("../../../config/config.js"); | |||
| const Http = require("../../../utils/HttpBasics"); | |||
| let app = getApp(); | |||
| const imgurl = require("../../../utils/imgurl"); | |||
| const QR = require("../../../utils/memberqrcode.js"); | |||
| Page({ | |||
| // https://formall.oss-accelerate.aliyuncs.com/cimg/wm01.jpg | |||
| /** | |||
| * 页面的初始数据 | |||
| */ | |||
| data: { | |||
| navigationBarHeight, | |||
| data: {} | |||
| topLine: imgurl.topLine.url, | |||
| btomLine: imgurl.btomLine.url, | |||
| data: {}, | |||
| showIdFalg: false, | |||
| code: '', | |||
| codeS: '', | |||
| tempFilePath: '', | |||
| isShowQR: true | |||
| }, | |||
| cardDetail(couponOrderId) { | |||
| @@ -19,7 +27,7 @@ Page({ | |||
| Http.get({ | |||
| url: config.api.cardDetail, | |||
| data: { | |||
| couponOrderId: couponOrderId | |||
| couponOrderId: couponOrderId, | |||
| } | |||
| }) | |||
| .then(res => { | |||
| @@ -29,20 +37,28 @@ Page({ | |||
| that.setData({ | |||
| showPage: true, | |||
| data: res.data, | |||
| supportTransfer: res.data.supportTransfer | |||
| supportTransfer: res.data.supportTransfer, | |||
| code: res.data.id, | |||
| codeS: res.data.id.slice(0, 4) + `******` + res.data.id.slice(14), | |||
| }) | |||
| if (res.data.wxCardInfo.status) { | |||
| this.setData({ | |||
| isShowQR: false | |||
| }) | |||
| } else { | |||
| that.getQR(res.data.id, res.data.tenantId) | |||
| } | |||
| /** | |||
| * 若可转赠获取用户头像信息 | |||
| */ | |||
| if (res.data.supportTransfer) { | |||
| that.getUserInfo() | |||
| } | |||
| if (that.data.cardDetail.merchantVoList && that.data.cardDetail.merchantVoList.length <= 4) { | |||
| if (that.data.merchantVoList && that.data.merchantVoList.length <= 4) { | |||
| that.setData({ | |||
| height: that.data.cardDetail.merchantVoList.length * 140 + 'rpx', | |||
| height: that.data.merchantVoList.length * 140 + 'rpx', | |||
| showMore: false | |||
| }) | |||
| } else if (that.data.cardDetail.merchantVoList && that.data.cardDetail.merchantVoList.length > 4) { | |||
| } else if (that.data.merchantVoList && that.data.cardDetail.length > 4) { | |||
| that.setData({ | |||
| height: 4 * 140 + 'rpx' | |||
| }) | |||
| @@ -54,6 +70,124 @@ Page({ | |||
| }) | |||
| }, | |||
| showId() { | |||
| let this_ = this; | |||
| if (!this_.data.showIdFalg) { | |||
| wx.showModal({ | |||
| content: '是否查看完整券码', | |||
| success(res) { | |||
| if (res.confirm) { | |||
| this_.setData({ | |||
| showIdFalg: true | |||
| }) | |||
| } else if (res.cancel) { | |||
| console.log('用户点击取消') | |||
| } | |||
| } | |||
| }) | |||
| } else { | |||
| this.setData({ | |||
| showIdFalg: false | |||
| }) | |||
| } | |||
| }, | |||
| // 获取动态二维码 | |||
| getQR(cardId, cardTenantId) { | |||
| Http.get({ | |||
| url: `/couponOrder/cardDynamicId?cardId=${cardId}&cardTenantId=${cardTenantId}`, | |||
| }).then(res => { | |||
| console.log(res.data); | |||
| this.setData({ | |||
| expiredSeconds: res.data.expiredSeconds | |||
| }) | |||
| let url = JSON.stringify({ | |||
| END: "C", | |||
| TYPE: "card", | |||
| ID: res.data.dynamicRq, | |||
| TENANTID: res.data.cardTenantId | |||
| }) | |||
| this.createQrCode(url, "qrcode", 350, 350); | |||
| }).catch(err => { | |||
| wx.showToast({ | |||
| title: err.message, | |||
| icon: none | |||
| }) | |||
| }) | |||
| }, | |||
| goGive() { | |||
| wx.navigateTo({ | |||
| url: `/pages/ConsumeDetail/ConsumeDetail?cardId=${this.data.data.id}`, | |||
| }) | |||
| }, | |||
| // 扫一扫去支付 | |||
| gotoPay: function () { | |||
| app.globalData.previewFlag = true | |||
| let that = this; | |||
| console.log(that.data.data.id, that.data.data.remainingAmount / 100); | |||
| wx.scanCode({ | |||
| success: (res) => { | |||
| if (util.isJSON(res.result)) { | |||
| let value = JSON.parse(res.result); | |||
| if (value.END == 'B' && value.TYPE == 'merchant' && value.ID) { | |||
| Http.get({ | |||
| url: config.api.findByCode, | |||
| data: { | |||
| merchantCode: value.ID, | |||
| } | |||
| }) | |||
| .then(res => { | |||
| if (res.code == 200) { | |||
| let merChantDetail = JSON.stringify(res.data); | |||
| if (merChantDetail && that.data.data.id && that.data.data.remainingamount / 100) { | |||
| merChantDetail = encodeURIComponent(merChantDetail) | |||
| wx.navigateTo({ | |||
| url: `/pages/scanPay/scanPay?merChant=${merChantDetail}&cardid=${that.data.data.id}&remainingAmount=${that.data.data.remainingamount}`, | |||
| }) | |||
| } | |||
| } | |||
| }) | |||
| .catch(err => { | |||
| console.log(err) | |||
| }) | |||
| } else { | |||
| wx.showToast({ | |||
| title: "未识别到商户二维码", | |||
| icon: "none", | |||
| mask: false | |||
| }) | |||
| } | |||
| } else { | |||
| wx.showToast({ | |||
| title: "未识别到商户二维码", | |||
| icon: "none", | |||
| mask: false | |||
| }) | |||
| } | |||
| }, | |||
| fail: (res) => { | |||
| wx.showToast({ | |||
| title: "未识别到商户二维码", | |||
| icon: "none", | |||
| mask: false | |||
| }) | |||
| } | |||
| }) | |||
| }, | |||
| createQrCode: function (url, canvasId, cavW, cavH) { | |||
| console.log('createQrCode!'); | |||
| //调用插件中的draw方法,绘制二维码图片 | |||
| let that = this; | |||
| QR.api.draw(url, canvasId, cavW, cavH, function (res) { | |||
| that.setData({ | |||
| tempFilePath: res | |||
| }) | |||
| }); | |||
| }, | |||
| /** | |||
| * 生命周期函数--监听页面加载 | |||
| */ | |||
| @@ -10,9 +10,9 @@ | |||
| <text class="title">{{data.title}}</text> | |||
| <view class="time">{{data.subTitle}}</view> | |||
| <view class="money"> | |||
| <text wx:if="{{data.type == 8&&data.price == data.couponPrice}}">余额:<text style="color: red;">{{data.couponPrice/100}}</text>元</text> | |||
| <text wx:if="{{data.type == 8&&data.price != data.couponPrice}}">余额:<text style="color: red;">{{data.salePrice/100}}</text>元</text> | |||
| <text wx:if="{{data.type != 8}}">余额:<text style="color: red;">{{data.couponPrice/100}}</text>元</text> | |||
| <text wx:if="{{data.type == 8&&data.price == data.couponPrice}}">余额:<text style="color: red;">{{data.remainingAmount/100}}</text>元</text> | |||
| <text wx:if="{{data.type == 8&&data.price != data.remainingAmount/100}}">余额:<text style="color: red;">{{data.salePrice/100}}</text>元</text> | |||
| <text wx:if="{{data.type != 8}}">余额:<text style="color: red;">{{data.remainingAmount/100}}</text>元</text> | |||
| <!-- <del>¥{{data.price/100}}</del> --> | |||
| <text class="refund" wx:if="{{data.autoRefund == 1}}"> | |||
| <text>过期不退款</text> | |||
| @@ -20,9 +20,9 @@ | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class="timevalidity" wx:if="{{data.validStatus != 0}}"> | |||
| <view class="timevalidity" wx:if="{{!data.validStatus}}"> | |||
| <text>有效期至:</text> | |||
| <text>{{expiredTime}}</text> | |||
| <text>{{data.expiredTime}}</text> | |||
| </view> | |||
| <view class="timevalidity" wx:if="{{data.validStatus == 0}}"> | |||
| <text>有效期:</text> | |||
| @@ -39,14 +39,21 @@ | |||
| <image wx:if="{{data.couponOrderStatus==2}}" src="{{wm02Url}}" mode='widthFix'></image> | |||
| <image wx:if="{{data.couponOrderStatus==3}}" src="{{wm03Url}}" mode='widthFix'></image> | |||
| <image wx:if="{{data.couponOrderStatus==0&&data.validStatus==0}}" src="{{wm04Url}}" mode='widthFix'></image> | |||
| <view class="panel" wx:if="{{data.couponOrderStatus==0&&data.validStatus!=0}}"> | |||
| <view class="panel" wx:if="{{true}}"> | |||
| <!-- <view class="qrcode"> | |||
| <canvas canvas-id="qrcode" /> | |||
| </view> --> | |||
| <view class="canWrap"> | |||
| <view class="canWrap" wx:if="{{isShowQR}}"> | |||
| <canvas canvas-id="qrcode" style="width: 1200rpx; height: 800rpx;" /> | |||
| </view> | |||
| <image src="{{tempFilePath}}" mode="aspectFit" /> | |||
| <image wx:if="{{isShowQR}}" src="{{tempFilePath}}" mode="aspectFit" /> | |||
| <view class="canWrap" wx:if="{{!isShowQR}}"> | |||
| <canvas canvas-id="qrcode" style="width: 1200rpx; height: 800rpx;" /> | |||
| </view> | |||
| <image wx:if="{{!isShowQR}}" src="https://formall.oss-accelerate.aliyuncs.com/cimg/stoped.png" mode="aspectFit" /> | |||
| <view class="closeRq" wx:if="{{showhieRq}}" bindtap="setRq"> | |||
| <image class="updataRqCode" mode='widthFix' src="{{upDataRqUrlF}}"></image> | |||
| <view class="upDataRq">点一点刷新二维码</view> | |||
| @@ -87,7 +94,7 @@ | |||
| <view class='bottom' bindtap='more' wx:if="{{showMore}}">{{more}}</view> --> | |||
| <image class='line' mode="widthFix" src="{{btomLine}}"></image> | |||
| <view class='note'> | |||
| <!-- <view class='note'> | |||
| <view style='height:60rpx;line-height:60rpx;'> | |||
| <text class="shiji">实付金额:</text> | |||
| <text class='moneys'>{{data.couponPrice/100}}</text> | |||
| @@ -113,9 +120,9 @@ | |||
| <text>订单编号:</text> | |||
| <text>{{data.orderId}}</text> | |||
| </view> | |||
| <!-- <view><text>手机号</text><text>2018.05.25</text></view> --> | |||
| </view> | |||
| <view class='notes' style="border-bottom:0"> | |||
| <view><text>手机号</text><text>2018.05.25</text></view> | |||
| </view> --> | |||
| <!-- <view class='notes' style="border-bottom:0"> | |||
| <view> | |||
| <text>购买须知</text> | |||
| </view> | |||
| @@ -125,11 +132,17 @@ | |||
| <view wx:if="{{data.contentType==1}}"> | |||
| <rich-text nodes="{{curHtml}}"></rich-text> | |||
| </view> | |||
| </view> --> | |||
| <view class="bottomBtn"> | |||
| <button class="btn" bindtap="goGive">转送给微信好友</button> | |||
| <button class="btn" bindtap='gotoPay'>扫一扫付款</button> | |||
| </view> | |||
| </view> | |||
| <view class='game' bindtap="gotogame" wx-if="{{showIf}}"> | |||
| <view class='game-entry'> | |||
| <image src="{{newUrl}}" class='gameimg' mode='widthFix'></image> | |||
| </view> | |||
| </view> | |||
| <view class='game' bindtap="gotogame" wx-if="{{showIf}}"> | |||
| <view class='game-entry'> | |||
| <image src="{{newUrl}}" class='gameimg' mode='widthFix'></image> | |||
| </view> | |||
| </view> | |||
| @@ -368,4 +368,14 @@ page { | |||
| height: 40rpx; | |||
| float: left; | |||
| margin: 20rpx 0 0 20rpx !important; | |||
| } */ | |||
| } */ | |||
| .bottomBtn { | |||
| padding: 50rpx; | |||
| } | |||
| .bottomBtn .btn { | |||
| color: #fff; | |||
| font-weight: 600; | |||
| background-color: #ff7e2d; | |||
| margin-bottom: 20rpx; | |||
| } | |||
| @@ -35,8 +35,11 @@ | |||
| <text>{{item.title}}</text> | |||
| </view> | |||
| </view> | |||
| <!-- <view hover-class='active' bindtap='gotoPay' data-remainingAmount="{{item.remainingAmount/100}}" data-cardId="{{item.id}}" data-couponorderstatus="{{item.couponOrderStatus}}" wx:if="{{item.couponOrderStatus==4}}" class="btns" style='color:{{item.background}}!important'>扫一扫付款</view> --> | |||
| <!-- <view hover-class='active' bindtap='gotoPay' data-remainingAmount="{{item.remainingAmount/100}}" data-cardId="{{item.id}}" data-couponorderstatus="{{item.couponOrderStatus}}" wx:if="{{item.couponOrderStatus==4}}" class="btns">扫一扫付款</view> --> | |||
| <view hover-class='active' bindtap='gotoBuy' wx:if="{{item.couponOrderStatus!=4}}" style='color:rgba(179,180,181,1);bottom:20rpx' class="btns clearfix">再次购买</view> | |||
| <text class='txtstatus' wx:if="{{item.couponOrderStatus == 5}}">已过期</text> | |||
| <text class='txtstatus' wx:if="{{item.couponOrderStatus == 6}}">余额已用完</text> | |||
| @@ -147,6 +147,7 @@ Page({ | |||
| }); | |||
| }) | |||
| }, | |||
| showId() { | |||
| let this_ = this; | |||
| if (!this_.data.showIdFalg) { | |||
| @@ -167,7 +168,6 @@ Page({ | |||
| showIdFalg: false | |||
| }) | |||
| } | |||
| }, | |||
| onLoad: function (options) { | |||