支付接口

src/views/PersonalCenter/ExaminationPayment.vue

@@ -61,15 +61,9 @@
        <el-form-item label="拟报考点：">
          <el-input class="myinput" v-model="form.want_place_name" :disabled="true"></el-input>
        </el-form-item>
        <el-form-item label="缴费方式：">
          <el-select class="myinput"  v-model="form.year" placeholder="请选择">
            <el-option label="11" value="11"></el-option>
          </el-select>
        </el-form-item>
      </el-form>
        <div class="myfooter">
            <img src="../../assets/img/erweima.svg">
            <el-button type="primary" @click="printChange">已完成缴费</el-button>
          <el-button type="primary" @click="toPay" v-if="form.pay_state == '未缴费'">去缴费</el-button>
        </div>
    </div>
    
@@ -149,17 +143,58 @@ export default {
      this.showMain = true;
    },
    check(row) {
      this.showMain = false;
      for(let item in this.tableData){
        if(row.uuid == this.tableData[item].uuid){
          this.form = this.tableData[item]
        }
      }
    },
    toPay() {
      if(this.payState == 'true'){
        this.$message("考试缴费还未开启，请稍后操作");
      }else{
        this.showMain = false;
        for(let item in this.tableData){
          if(row.uuid == this.tableData[item].uuid){
            this.form = this.tableData[item]
        const serverBaseUrl = window.serverUrl.url;
        var xhr = new XMLHttpRequest();
        var url = serverBaseUrl+'/easypay/pay';
        xhr.open("post", url, true);
        xhr.setRequestHeader('content-type', 'application/json;charset=UTF-8')
        xhr.setRequestHeader('Authorization', 'Bearer 1');
        var data = {
            enroll_id:'0b716740f24544939d40685c02333ddb'
        };
        xhr.send(JSON.stringify(data));
        xhr.onreadystatechange = function () {
          if (xhr.readyState == XMLHttpRequest.DONE) {
            console.log('结果0：', xhr.responseText)
            try {
              if (xhr.responseText) {
                const response = JSON.parse(xhr.responseText);
                console.log('结果1：', response)
                if (xhr.status && xhr.status == 200) {
                  if (response.code == 500) {
                    //alert(response.msg);
                  } else if (response.code == 200) {
                    let url = response.data.redirectUrl;
                    window.open(url, '_blank').location;
                    let con;
                    con=confirm("是否已完成支付?"); //在页面上弹出对话框
                    if(con==true) window.location.reload();
                    else ;
                    // alert('信息显示为：是否已经完成支付? 已支付、未支付两个按钮!')
                    //TODO 点击"已支付"，刷新当前页面。  点击"未支付"，什么也不操作，弹框消失
                  }
                } else {
                    alert(response.msg);
                }
              }
            } catch (e) {
            }
          }
        }
        };
      }
      
    },
  }
}