<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="UTF-8">
    <title>支付</title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=0.5, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <script src="/static/js/jquery-3.5.1.min.js?v=" +Math.random()></script>
    <script src="/static/js/common.js?v=" +Math.random()></script>
    <script src="/static/web/js/common.js"></script>
    <script src="/static/web/js/layer.js"></script>
    <script>
        document.write('<link href="/static/css/web/pay/prepaid.css?v=' + Math.random() + '" rel="stylesheet" type="text/css"/>');
    </script>

    <link href="/web/css/common.css" rel="stylesheet">
    <script src="/static/web/js/jquery.qrcode.min.js?v=1.0.1" type="text/javascript"></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?0305f34866fc4fe377f1bec6dc84d92f";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>
</head>

<body>

<!--<div th:include="web/common::common-header-web"></div>-->

<div class="wizardmain">

    <div v-if="!ifSuccess" class="pay">
        <div class="title">微信扫描支付</div>
        <div class="payBox">
            <div id="wxcode" class="code"></div>
            <div class="img">
                <img src="/web/img/scanPhone.jpg"></div>
        </div>
    </div>
    <div v-else class="pay">
        <div class="paySuccess">
            <img src="/web/img/success.png">
            <div>
                <div class="word">支付成功~</div>
                <div class="wordSmall"><span class="number">{{number}}</span>s后跳转</div>
                <!--                user/buyRecord?from=web-->
            </div>

        </div>
        <div style="display: flex;justify-content: center">
            <button @click="back()" class="back">返回</button>
            <button @click="lookOrder()" class="lookOrder">查看订单</button>
        </div>
    </div>
    <!--<div style="text-align: center; padding:20px;"><button class="btn-lg btn btn-primary" type="button"-->
    <!--onclick="FP_goToURL(/*href*/'publishFailed.html')">支付完成</button>-->
    <!--</div>-->
</div>
<div th:include="web/common::common-bottom-web"></div>
<!--返回顶部-->
<div th:include="web/common::common-back-web"></div>
</body>
<script src="/static/js/vue.js"></script>
<script>
    document.write('<script src="/static/web/js/prepaidPay.js?t=' + Math.random() + '"><\/script\>');
</script>
<script th:inline="javascript">
    //<![CDATA[

    var wxcode = [[${wxInfo.code_url}]];
    var out_trade_no = [[${out_trade_no}]];

    $('#wxcode').qrcode(wxcode);

    //]]>
</script>
</html>