|
|
@@ -37,12 +37,14 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 付款中 -->
|
|
|
- <!-- <view class="paying">
|
|
|
- <img src="../../assets/img/if-spinner@1x.png" alt="">
|
|
|
- <view class="">
|
|
|
- 付款中...
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
+ <view class="paying" v-if="isPaying">
|
|
|
+ <view class="loading-img">
|
|
|
+ <img src="../../assets/img/if-spinner@1x.png" alt="">
|
|
|
+ </view>
|
|
|
+ <view class="">
|
|
|
+ 付款中...
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<!-- 我的消费记录 -->
|
|
|
<view class="consumption-record" @click="gotoUrl('pages/mine/myMealCard')">
|
|
|
<view class="icon">
|
|
|
@@ -68,17 +70,47 @@
|
|
|
data() {
|
|
|
return {
|
|
|
userInfo: {},
|
|
|
- balance: ''
|
|
|
+ balance: '',
|
|
|
+ isPaying: false,
|
|
|
+ card: '',
|
|
|
+ time: ''
|
|
|
}
|
|
|
},
|
|
|
onReady() {
|
|
|
this.userInfo=this.carhelp.getPersonInfo();
|
|
|
|
|
|
this.getLoadCardData();
|
|
|
- this.getPayAmount();
|
|
|
- this.getQrcode();
|
|
|
+ this.getCardAndTime();
|
|
|
},
|
|
|
methods: {
|
|
|
+ getCardAndTime() {
|
|
|
+ uni.showLoading({
|
|
|
+ title: "加载中",
|
|
|
+ mask: true,
|
|
|
+ })
|
|
|
+ mineAPI.getCardInfo().then((response) => {
|
|
|
+ uni.hideLoading();
|
|
|
+ this.card = response.data.cardId;
|
|
|
+
|
|
|
+ var date = new Date();
|
|
|
+ var year = date.getFullYear();
|
|
|
+ var month = date.getMonth() + 1;
|
|
|
+ var day = date.getDate();
|
|
|
+ var hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
|
|
|
+ var minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
|
|
|
+ var second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
|
|
|
+ month >= 1 && month <= 9 ? (month = "0" + month) : "";
|
|
|
+ day >= 0 && day <= 9 ? (day = "0" + day) : "";
|
|
|
+ this.time = year + month + day + hour + minute + second;
|
|
|
+
|
|
|
+ this.getQrcode();
|
|
|
+ }).catch(error => {
|
|
|
+ uni.showToast({
|
|
|
+ title: error,
|
|
|
+ icon: "none"
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
getPayAmount() {
|
|
|
uni.showLoading({
|
|
|
title: "加载中",
|
|
|
@@ -113,7 +145,7 @@
|
|
|
let div = document.createElement('div');// 创建一个div,用来生成二维码
|
|
|
// 生成二维码
|
|
|
let qrcode = new QRCode(div, {
|
|
|
- text: '123456789', // 你的扫码内容,填网址
|
|
|
+ text: 'card='+this.card+'&time='+this.time, // 你的扫码内容,填网址
|
|
|
width: 200, // 二维码宽度
|
|
|
height: 200, // 二维码高度
|
|
|
colorDark: "#333333", //二维码颜色
|
|
|
@@ -147,6 +179,14 @@
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+ .loading-img{
|
|
|
+ animation: rotation 2s linear infinite;
|
|
|
+ }
|
|
|
+ @keyframes rotation{
|
|
|
+ from {transform: rotate(0deg)}
|
|
|
+ to {transform: rotate(360deg)}
|
|
|
+ }
|
|
|
+
|
|
|
page {
|
|
|
background-color: #2A8EFB;
|
|
|
font-family: 'PingFang Regular';
|
wkyy