vue+elementui微信支付状态问题

vue+elementui微信支付状态问题

常见的支付也就微信支付宝和银行卡等支付方式，近期项目中有用到支付，主要是pc端一个业务包需要顾客去支付，支付成功之后就可以使用相关服务。
顾客选择相关类型的业务，然后计算出总价格生成二维码，微信扫码完成支付，跳转到指定页面，即可享受相关业务功能。

1，微信调用配置参考：

微信开放文档

2，后端处理

后端处理参考

3，前端调用

  erweiList: any = []; // 二维码返回数据
  //生成微信二维码
  erwei() {
    const orderCode = this.inserOrderList.orderCode;
    QRCodeUnifiedOrder({ orderCode }, (res) => {
      const { data, msg, status } = res;
      if (status == 200) {
        this.erweiList = data;
        this.isShow = true;
         this.time = setInterval(() => {
         //定时刷新订单状态
         this.payment();
         }, 50000);
      }
    });
  }

4，根据订单状态判断跳转页面

  time: any = null;
  // 查询微信支付
  payment() {
    const payCode = this.erweiList.payOrderCode;
    checkIsPayByCode({ payCode }, (res) => {
      const { data, status } = res;
      if (status == 200) {
       //未支付到支付失败页面
        this.isStatus = 4;
        clearInterval(this.time);
      }
       else{
       //未支付到支付失败页面
          this.isStatus = 5
      }
    }
    );
  }

5，效果