<!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>
        document.write('<link href="/static/css/html5/pay/pay.css?v=' + Math.random() + '" rel="stylesheet" type="text/css"/>');
    </script>
    <style>
        [v-cloak]{
            display: none;
        }
    </style>
<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 class="container" v-cloak>
        <div  th:include="html5/common::common-integral"></div>
        <div th:include="html5/common::common-conMusic"></div>
        <input type="hidden" id="objType" th:value="${objType}" />
        <input type="hidden" id="objId" th:value="${objId}" />
        <input type="hidden" id="objCount" th:value="${objCount}" />
        <input type="hidden" id="orderId" th:value="${orderId}" />
        <div style="display: none;">
            <input id="appId" th:value="${appId}" />
            <input id="timeStamp" th:value="${timeStamp}" />
            <input id="nonceStr" th:value="${nonceStr}" />
            <input id="packages" th:value="${packages}" />
            <input id="signType" th:value="${signType}" />
            <input id="paySign" th:value="${paySign}" />
        </div>
       <div class="top">
           <div class="list">
                <div class="list-item float">
                    <div class="left">
                        <img :src="objInfo.objCoverImg">
                    </div>
                    <div class="right">
                        <div class="title">{{objInfo.objTitle}}</div>
                        <div class="money" v-if="objInfo.objPointFlag==1 && objInfo.objPoint>0">{{objInfo.objPoint*objCount}}积分</div>
                        <div class="money" v-else-if="objInfo.price>0"><span>¥</span>{{objInfo.objPrice*objCount}}</div>
                    </div>
                </div>
           </div>
       </div>
       <div class="info">支付方式</div>
       <div class="pay-item">
           <div class="wx-pay-item" v-if="objInfo.objPrice>0">
               <img src="http://files.qkyxzx.com/html5/weixinzhifu22.png" alt="">
               <div>微信支付</div>
               <input type="radio" name="payType" @click="payTypeChange(1)" :checked="payTypes[0]">
               <div class="pay-money">{{objInfo.objPrice*objCount}}元</div>
           </div>
           <div class="jf-pay-item" v-if="objInfo.objPointFlag==1 && objInfo.objPoint>0">
                <img src="http://files.qkyxzx.com/html5/zhifubao2.png" alt="">
                <div class="jf">积分兑换<span>剩余{{objInfo.memResidualPoints}}积分</span></div>
                <input type="radio" name="payType" @click="payTypeChange(2)" :checked="payTypes[1]">
                <div class="pay-money">{{objInfo.objPoint*objCount}}积分</div>
           </div>
       </div>
        <el-alert
                v-if="(showPoint||showPointYs)"
                title="进行实名认证和医师认证可获得积分"
                type="warning"
                center
        >
        </el-alert>
       <div class="info">购买须知</div>
       <div class="buy-info">
           <div>1、您将购买的课程为虚拟内容服务，购买后不支持退订，转让，退还，请斟酌确认。</div>
           <div>2、购买后可在“购买记录”页面查看使用</div>
       </div>
       <div class="footer">
           <button @click="toPay()">立即支付</button>
           <p id="bottomInfo">全科在线提供技术支持</p>
       </div>
    </div>
</body>
<script src="/static/js/vue.js"></script>
<!--引入 element-ui 的样式，-->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 必须先引入vue，  后使用element-ui -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
<!-- 引入element 的组件库-->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script src="/static/js/ucenter.js"></script>
<script>
    document.write('<script src="/static/js/h5/pay.js?t=' + Math.random() + '"><\/script\>');
</script>
<script src="/static/js/jweixin-1.0.0.js"></script>
<script src="/static/js/wxshare.js"></script>
</html>
