docs: 首次加载白屏添加loading

819527061@qq.com

2024-04-11 3c38598df86e697268b14865e68159d6ba989285

 src/components/page/IndexXTYH.vue

@@ -168,11 +168,13 @@
    }

    var url = window.location.href;
    url = decodeURIComponent(url)
    var count = url.split('?').length-1;
    if(count >1){  //获取用户信息后跳回来本页面
      let codeONE = this.getCodeFromUrl(url)
      let codeTWO = this.getCode2FromUrl(url)
      window.location.href = "http://hesuancj.cn/#/index2?code="+codeONE+"&state=STATE&code2="+codeTWO
      let data = this.getCodeFromUrl(url)
      // window.location.href = "http://192.168.0.8:8082/#/IndexXTYH39?code="+data.code+"&state=STATE&code2="+data.code2
      window.location.href = `http://hesuancj.cn/#/index2?code=${encodeURIComponent(data.code)}&state=STATE&code2=${encodeURIComponent(data.code2)}`
      return;
    }
    var cs = url.split('?')[1];
    var cs_arr = cs.split('&');
@@ -180,10 +182,12 @@
    for(var i=0;i<cs_arr.length;i++){
      cs[cs_arr[i].split('=')[0]] = cs_arr[i].split('=')[1]
    }
    // console.log(cs,'我是cs=====')
    // this.outParkId = cs.code;
    this.code2 = cs.code2;
    this.code = cs.code;

    // console.log(this.code2,'this.code2=====2')
    // console.log(this.code,'this.code=====1')
    //初始化跳转 39 服务器
    if(this.code2 == null || this.code2 == ''){
      // this.$message({
@@ -191,13 +195,13 @@
      //   type: 'success',
      //   duration:1000,
      // });
      window.location.href = "http://hesuancj.cn/#/index2?code2="+cs.code
      window.location.href = "http://hesuancj.cn/#/index2?code2="+cs.code  //正式
      // window.location.href = "http://192.168.0.8:8082/#/IndexXTYH39?code2="+cs.code   //测试用的
      // setTimeout(function(){window.location.href = "http://192.168.0.8:8082/#/IndexXTYH39?code2="+cs.code},1000);
      return;
    }
    if(this.code != null && this.code != '') {
      this.dialogVisible = true
      this.dialogVisible = true  //立即支付弹框
    }else {
      this.dialogVisible = false
    }
@@ -245,7 +249,7 @@
          }
        })
      } catch (err) {
        // this.dataLoading  = false
        this.dataLoading  = false
      }finally {
        // this.dataLoading  = false
      }
@@ -268,8 +272,8 @@
          if(res.data == 1) { //1 弹出弹框(已缴费提示)
            this.againDialogVisible = true
          }else {
            this.dialogVisible = true;  //立即支付的弹框
            // this.parkXT(this.outParkId)
            // this.dialogVisible = true;  //立即支付的弹框
            this.parkXT(this.outParkId)   //去获取微信信息
          }
          // this.getCode()
          // this.showFlag = false
@@ -285,11 +289,15 @@
    },
    againPay() {
      this.againDialogVisible = false
      this.dialogVisible = true  //打开立即支付弹框
      this.dataLoading = true  //页面loading打开
      this.parkXT(this.outParkId)  //获取微信用户信息

      // this.dialogVisible = true  //打开立即支付弹框
      // this.parkXT(this.outParkId)
    },
    parkXT(outParkId) {
      this.payNowFlag = true //立即支付loading
      this.dataLoading = false  //页面loading打开
      try{
        this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/parkXT', {id:outParkId}, res => {
          if(res.code === 0){
@@ -341,10 +349,28 @@
     * 解析微信redirect_uri地址中的code
     */
    getCodeFromUrl (cur_url) {

      console.log(cur_url,'cur_url-----iiiii')
      let index = cur_url.split('?')[1]
      let paramStr =index.split('&')[0];
      let code =paramStr.split('=')[1];
      return code
      let index2 = cur_url.split('?')[2]
      let code = null
      let code2 = null
      let data = {}
      console.log(index,'1111111111111111index')
      let paramStr =index.split('&');

      if(paramStr.length>1) {
        code = paramStr[0].split('=')[1]
        code2 = index2.split('=')[1]
      }else {
        code2 = paramStr[0].split('=')[1]
        code = index2.split('&')[0].split('=')[1]
      }
      console.log(code,'code=====')
      console.log(code2,'code2=====')
      data.code = code
      data.code2 = code2
      return data
    },
    /**
     * 解析微信redirect_uri地址中的code2
@@ -359,12 +385,12 @@
      if(this.type == 0 ){
        //微信，获取code
        if(this.code==null||this.code==""){
          // var url = encodeURIComponent("http://hesuancj.cn/#/index2?code2="+this.code2);
          var url = encodeURIComponent("http://hesuancj.cn/#/index2?code2="+this.code2);
          // window.location.href = `http://192.168.0.8:8082/#/Index2?code=${encodeURIComponent('123')}&state=STATE?code2=${encodeURIComponent(this.code2)}`
          // window.location.href =url;
          window.location.href ="https://open.weixin.qq.com/connect/oauth2/authorize?" +
              "appid=wx46e756aed958f895&redirect_uri="+url+"&response_type=code" +
              "&scope=snsapi_userinfo&state=STATE#wechat_redirect";
          //"&scope=SCOPE&state=STATE#wechat_redirect";
        }else{
          this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/getOpenId', {id:this.outParkId,code:this.code}, res => {
            if(res.code === 0){
@@ -515,7 +541,7 @@
    .el-button{
      width: 100%;
      background: rgba(74,76,89,1);
      padding: 1.056vh  /* 12/11.36 */ 1.761vh  /* 20/11.36 */;
      //padding: 1.056vh  /* 12/11.36 */ 1.761vh  /* 20/11.36 */;
    }
  }
}