// pages/cart/paymentPage/index.js
|
const app = getApp()
|
import { getPublicImage } from '../../../assets/js/middleGround/tool';
|
import drawQrcode from './js/weapp.qrcode'
|
Page({
|
|
/**
|
* 页面的初始数据
|
*/
|
data: {
|
orderNumber: null,
|
navBarHeight: '',
|
barHeight: '',
|
selectedIds: '',
|
purchasedIds: [],
|
productList: [],
|
payPrice: '',
|
drawQrcodeText: 'https://www.baidu.com/',
|
orderGoods: '',
|
|
|
confirmBtn: { content: '确定', variant: 'base' },
|
dialogKey: 'false',
|
|
},
|
|
/**
|
* 生命周期函数--监听页面加载
|
*/
|
onLoad(options) {
|
|
const systInfo = wx.getSystemInfoSync();
|
const menu = wx.getMenuButtonBoundingClientRect(); // 胶囊信息
|
const navBarHeight = (menu.top - systInfo.statusBarHeight) * 2 + menu.height; // 导航栏高度
|
this.setData({
|
orderNumber: options.orderNumber,
|
navBarHeight: navBarHeight,
|
barHeight: systInfo.statusBarHeight,
|
selectedIds: options.selectedIds
|
})
|
console.log('接收到的订单号:', this.data.orderNumber);
|
|
|
this.getOrderByOrderNum()
|
|
|
|
|
drawQrcode({
|
|
width: 200, // 必须，二维码宽度，与canvas的width保持一致
|
|
height: 200, // 必须，二维码高度，与canvas的height保持一致
|
|
canvasId: 'myQrcode',
|
|
background: '#ffffff', // 非必须，二维码背景颜色，默认值白色
|
|
foreground: '#2bb15e', // 非必须，二维码前景色，默认值黑色 '#000000'
|
|
// ctx: wx.createCanvasContext('myQrcode'), // 非必须，绘图上下文，可通过 wx.createCanvasContext('canvasId') 获取，v1.0.0+版本支持
|
|
text: this.data.drawQrcodeText, // 必须，二维码内容
|
// v1.0.0+版本支持在二维码上绘制图片
|
|
image: {
|
// imageResource: '../../images/icon.png', // 指定二维码小图标
|
dx: 70,
|
dy: 70,
|
dWidth: 60,
|
dHeight: 60
|
}
|
})
|
|
|
|
|
|
|
},
|
|
/**
|
* 生命周期函数--监听页面初次渲染完成
|
*/
|
onReady() {
|
|
},
|
|
/**
|
* 生命周期函数--监听页面显示
|
*/
|
onShow() {
|
|
},
|
|
/**
|
* 生命周期函数--监听页面隐藏
|
*/
|
onHide() {
|
|
},
|
|
/**
|
* 生命周期函数--监听页面卸载
|
*/
|
onUnload() {
|
|
},
|
|
/**
|
* 页面相关事件处理函数--监听用户下拉动作
|
*/
|
onPullDownRefresh() {
|
|
},
|
|
/**
|
* 页面上拉触底事件的处理函数
|
*/
|
onReachBottom() {
|
|
},
|
|
/**
|
* 用户点击右上角分享
|
*/
|
onShareAppMessage() {
|
|
},
|
goBack() {
|
wx.navigateBack();
|
},
|
|
|
getOrderByOrderNum() {
|
let query = {
|
orderNum: this.data.orderNumber,
|
fields: {
|
content: [],
|
subtitle: [],
|
|
|
}
|
}
|
app.MG.store.getOrderByOrderNum(query).then(res => {
|
this.setData({
|
orderGoods: res.orderNumber
|
})
|
console.log(this.data.orderGoods, 'res.orderNumber');
|
|
console.log(res.payPrice);
|
this.setData({
|
payPrice: res.payPrice.toFixed(2)
|
})
|
res.saleMethodLinks.forEach(item => {
|
|
item.paymentIcon = getPublicImage(item.orderSaleMethod.product.icon)
|
|
|
this.setData({
|
productList: res.saleMethodLinks
|
})
|
|
})
|
})
|
},
|
confirmOrderGet() {
|
let query = {
|
orderNum: this.data.orderGoods
|
}
|
app.MG.store.confirmOrder(query).then(res => {
|
this.makeWeChatQrPayGet()
|
})
|
// 调取微信二维码支付
|
|
},
|
// 调取微信二维码支付
|
makeWeChatQrPayGet() {
|
let query = {
|
orderNum: this.data.orderGoods
|
}
|
app.MG.store.makeWeChatQrPay(query).then((res) => {
|
|
this.setData({
|
drawQrcodeText: res
|
})
|
this.data.dialogKey = true
|
console.log(this.data.drawQrcodeText, 'drawQrcodeText');
|
})
|
},
|
showDialog(e) {
|
const { key } = e.currentTarget.dataset;
|
this.setData({ [key]: true, dialogKey: key });
|
},
|
closeDialog() {
|
const { dialogKey } = this.data;
|
this.setData({ [dialogKey]: false });
|
},
|
|
})
|
