aibaidu
/
aisite


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>充值</title>
    <style></style>
  </head>
  <body>
    <div class="vip-container">
      <div class="vip-info">
        <div class="title">加入AI降临派VIP</div>
        <div class="desc">和我们一起探索AI的技术边界</div>
        <div class="date">
          <span class="oplist" @click="gotoOrderList" v-if="!isIOS">订单记录></span>
          <span v-if="isVIP">会员有效期至: {{ expireTime ? dateFormat(expireTime, 'yyyy-MM-dd') : '-'}}</span>
        </div>
      </div>
      <template v-if="isIOS">
        <div class="vip-info iosview">
          IOS用户若想加入AI降临派，请联系客服。
        </div>
        <div class="btnview">
          <button class="subbtn" open-type="contact" >在线客服</button>
        </div>
      </template>
      <template v-else> 
        <div class="vip-info vip-rights">
          <div class="title-view">
            <div class="tabitem" :class="{active: ctype == 1}" @click="ctype = 1">
              VIP会员权益
            </div>
            <div class="tabitem" :class="{active: ctype == 2}" @click="ctype = 2">
              AI能量包
            </div>
          </div>
          <div class="recharge-types">
            <div class="type-item" v-for="(item, index) in typelist" :class="{active: curIndex === index}" :key="index" @click="changeChargeType(index)">
              <div class="p1">{{ item.typename }}</div>
              <div class="p-now">{{ item.price }}</div>
              <div class="p-op">{{ item.op }}</div>
              <div class="p2" :class="{needScale: ctype == 1}">{{ item.desc }}</div>
            </div>
          </div>
          <div class="list" v-if="ctype == 1">
            <div class="list-item" v-for="(item, index) in list" :key="index">
              {{ item }}
            </div>
          </div>
          <div class="list" v-if="ctype == 2">
            <div class="list-item" v-for="(item, index) in list2" :key="index">
              {{ item }}
            </div>
          </div>
          
        </div>
        <div class="pay-view">
        <div class="pay-btn" @click="handlePay">
          支付
        </div>
      </div>
      
      </template>
    </div>

  </body>
  <script src="http://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
  <script>
    let appId = ""; //公众号ID，由商户传入
    let timeStamp = ""; //时间戳，自1970年以来的秒数
    let nonceStr = ""; //随机串
    let package = "";
    let signType = ""; //微信签名方式：
    let paySign = ""; //微信签名
    if (location.search) {
      ajax(
        "https://api.huiyaohuyu.com/pay/getOrder" + location.search,
        (res) => {
          let data = JSON.parse(res).data.pay_info;
          appId = data.appId;
          timeStamp = data.timeStamp;
          nonceStr = data.nonceStr;
          package = data.package;
          signType = data.signType;
          paySign = data.paySign;
          if (typeof WeixinJSBridge == "undefined") {
            if (document.addEventListener) {
              document.addEventListener(
                "WeixinJSBridgeReady",
                onBridgeReady,
                false
              );
            } else if (document.attachEvent) {
              document.attachEvent("WeixinJSBridgeReady", onBridgeReady);
              document.attachEvent("onWeixinJSBridgeReady", onBridgeReady);
            }
          } else {
            onBridgeReady();
          }
        }
      );
    }

    function init() {

    }
    

    function ajax(url, callback) {
      let xhr = new XMLHttpRequest();
      xhr.open("GET", url);
      xhr.onreadystatechange = function () {
        if (xhr.readyState == 4) {
          if (xhr.status == 200 || xhr.status == 304) {
            callback(xhr.responseText);
          } else {
            alert("支付失败");
            closePage();
          }
        }
      };
      xhr.send();
    }

    function onBridgeReady() {
      WeixinJSBridge.invoke(
        "getBrandWCPayRequest",
        {
          appId: appId, //公众号ID，由商户传入
          timeStamp: timeStamp, //时间戳，自1970年以来的秒数
          nonceStr: nonceStr, //随机串
          package: package,
          signType: signType, //微信签名方式：
          paySign: paySign, //微信签名
        },
        function (res) {
          if (res.err_msg == "get_brand_wcpay_request:ok") {
            // 使用以上方式判断前端返回,微信团队郑重提示：
            //res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
            alert("支付成功");
          }
          closePage();
        }
      );
    }

    function closePage() {
      var userAgent = navigator.userAgent;
      if (
        userAgent.indexOf("Firefox") != -1 ||
        userAgent.indexOf("Chrome") != -1
      ) {
        // Firefox或Chrome中关闭

        window.location.href = "about:blank";
      } else {
        window.opener = null;

        window.open("", "_self");

        window.close();
      }

      if (WeixinJSBridge) {
        // 微信中关闭
        wx.closeWindow();
      }
    }
  </script>
</html>