printCard.vue
3.09 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<template>
<view>
<uni-section :title="`${cardRuleName}(${cardTypeName})`" type="line">
<uni-card padding="0" spacing="0">
<uni-list>
<uni-list-item title="适应车场" :rightText="plName">
<text></text>
</uni-list-item>
<uni-list-item :title="`价格：¥${price}/张`" :rightText="`商户库存：${cardNum}张`"></uni-list-item>
</uni-list>
</uni-card>
</uni-section>
<view class=" uni-card text-center" style="padding: 10px 0">
<image :src="qrUrl"></image>
</view>
<view class=" uni-card" style="padding: 10px 15px">
二维码有效期：（自打印时间算起）
<uni-number-box @change="changeValue" min="1"/>
</view>
<view class="uni-padding-wrap uni-common-mt">
<!--<button type="primary" style="margin-bottom: 15px">停止自动发放</button>-->
<button type="warn" @click="changeTime">立即打印</button>
</view>
</view>
</template>
<script>
import uQRCode from '../../common/uqrcode.js' //引入uqrcode.js
export default {
data() {
return {
cardTypeName: '',// 卡类型名称
cardRuleName: '',// 卡名称
plName: '', // 停车场
price: '', // 卡价格
cardNum: '', // 库存
cardRelParkNo: '',//商券规则关联车场和商户编码
numberValue: '1',
hour: '9999999999999999999999',
qrUrl: '', // 图片地址
}
},
onLoad(params) {
wx.showShareMenu({
withShareTicket: true
})
console.log(params)
let option = params
this.cardRelParkNo = option.cardRelParkNo
this.cardTypeName = option.cardTypeName
this.cardRuleName = option.cardRuleName
this.plName = option.plName
this.price = option.price
this.cardNum = option.cardNum
this.getCouponStaticQR()
},
onShow() {
var me = this;
},
computed: {},
methods: {
changeValue(value) {
this.numberValue = value
},
getCouponStaticQR() {
let that = this
let paramsData = {
cardRelParkNo: this.cardRelParkNo,
codeType: '2',
hour: this.hour
}
// 首页信息获取 接口
that.$myRequest({
url: that.$common.getCouponStaticQR,
method: 'POST',
data: that.$common.requestSign(paramsData)
}).then(res => {
console.log(res)
that.qrUrl = res.data.qrUrl
console.log(that.qrUrl)
})
},
//**生成二维码**//
qrFun: function (text) {
this.qrShow = true
uQRCode.make({
canvasId: 'qrcode',
componentInstance: this,
text: text,
size: 150,
margin: 0,
backgroundColor: '#ffffff',
foregroundColor: '#000000',
fileType: 'jpg',
errorCorrectLevel: uQRCode.errorCorrectLevel.H,
success: res => {
}
})
},
changeTime: function () {
this.hour = this.numberValue
this.getCouponStaticQR()
}
}
}
</script>
<style lang="scss" scoped>
</style>