1.实现思路
1.点击购买时调取后端下单的接口 拿取订单信息 即里面也会包含二维码 的form数据
2.使用周期性定时器调用获取订单详情接口 每个1秒查询订单的状态 成功之后跳转相应的界面 或者进入相应的逻辑2.使用周期性定时器调用获取订单详情接口 每个1秒查询订单的状态 成功之后跳转相应的界面 或者进入相应的逻辑
2.代码实现
1.用iframe把form的数据展现出来
2.倒计时的实现
mounted() {
this.countdown();
},
methods:{
countdown(){
const end = Date.parse(new Date(订单结束时间));
const now = Date.parse(new Date());
const msec = end - now;
if(msec < 0 ) return;
let day = parseInt(msec / 1000 /60 /60 /24);
let hr= parseInt((msec / 1000 /60 /60) % 24);
let min= parseInt((msec / 1000 /60) % 60);
let sec= parseInt((msec / 1000 ) % 60);
this.zeroize(hr);
this.zeroize(min)
this.zeroize(sec);
if (min >= 0 && sec >= 0) {
//倒计时结束关闭订单
if (min == 0 && sec == 0) {
return;
}
setTimeout(() => {
this.countdown();
}, 1000);
}
}
zeroize(index){
if(index > 9){
return index;
}else{
return index = "0" + index;
}
}
}