<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试支付</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <script src="/layui/layui.js"></script>
    <script src="/js/qrcode.js"></script>
    <script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
    <script type="text/javascript">
        var $ = null;
        var form = null;
        var layer = null;
        var laydate = null;
        layui.use(["layer", "form"], function(){
            $ = layui.$;
            form = layui.form;
            layer = layui.layer;

            // var obj = new WxLogin({
            //     self_redirect:true,
            //     id: "qrcode", //要与你在那里生成二维码的div id 一致
            //     appid: "wx6eaf18acb6c3a2cd", //你申请的appid
            //     scope:"snsapi_login,snsapi_userinfo",//你的权限
            //     redirect_uri: encodeURIComponent("https://www.tuyatrip.com/supplier/wx/login/notify/code"),//url要进行encodeURIComponent编码
            //     state: "STATE",//微信官方接口为了防止跨域攻击要加的参数 可以自己定义
            //     style: "black",//样式
            //     href: ""//可以引入你自己的样式 注意这个只能是网络中的
            // });

            $.ajax({
                url: "/wxpay/qrcode",
                type: "get",
                data: {
                    "price": "0.01",
                    "attach": "6fd7eae9132e473e97bee7fa98492260"
                },
                headers: {"token": localStorage.getItem("token")},
                dataType: "json",
                success: (data) => {
                    console.log(data)
                    var qrcode = new QRCode(document.getElementById("qrcode"), {    // 显示二维码的元素或该元素的 ID
                        text: data.code_url,   // 内容可以是文字，链接，邮箱
                        width: 150,          //设置宽度
                        height: 150,        // 设置高度
                        colorDark : "#000",        // 设置前景色
                        colorLight : "#fff",        // 设置背景色
                        correctLevel : QRCode.CorrectLevel.L       // 设置容错级别，上面有介绍
                    });
                },
                error: () => {
                    layer.alert("服务器异常，请联系管理员", {icon: 2});
                    layer.closeAll("loading");
                }
            });
        })
    </script>
</head>
<body>
    <div id="qrcode" style="width: 500px;height: 500px;"></div>
</body>
</html>