123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252 |
- <!DOCTYPE html>
- <!-- 哈哈哈 我是个天才 -->
- <html xmlns:th="http://www.thymeleaf.org">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
- <link rel="stylesheet" th:href="@{/alipay/css/alipay.css}" />
- <title>支付宝电脑网站支付</title>
- </head>
- <body text=#000000 bgColor="#ffffff" leftMargin=0 topMargin=5>
- <header class="am-header">
- <h1>支付宝电脑网站支付体验入口页</h1>
- </header>
- <div id="main">
- <div id="tabhead" class="tab-head">
- <h2 id="tab1" class="selected" name="tab">付 款</h2>
- <h2 id="tab2" name="tab">交 易 查 询</h2>
- <h2 id="tab3" name="tab">退 款</h2>
- <h2 id="tab4" name="tab">退 款 查 询</h2>
- <h2 id="tab5" name="tab">交 易 关 闭</h2>
- <h2 id="tab6" name="tab">扫码支付</h2>
- </div>
- <form name=alipayment action=pcPay method=post
- target="_blank">
- <div id="body1" class="show" name="divcontent">
- <dl class="content">
- <dt>商户订单号 :</dt>
- <dd>
- <input id="WIDout_trade_no" name="outTradeNo" />
- </dd>
- <hr class="one_line">
- <dt>订单名称 :</dt>
- <dd>
- <input id="WIDsubject" name="subject" />
- </dd>
- <hr class="one_line">
- <dt>付款金额 :</dt>
- <dd>
- <input id="WIDtotal_amount" name="totalFee" />
- </dd>
- <hr class="one_line">
- <dt>商品描述:</dt>
- <dd>
- <input id="WIDbody" name="body" />
- </dd>
- <hr class="one_line">
- <dt></dt>
- <dd id="btn-dd">
- <span class="new-btn-login-sp">
- <button class="new-btn-login" type="submit"
- style="text-align: center;">付 款</button>
- </span> <span class="note-help">如果您点击“付款”按钮,即表示您同意该次的执行操作。</span>
- </dd>
- </dl>
- </div>
- </form>
- <form name=tradequery action=alipay.trade.query.jsp method=post
- target="_blank">
- <div id="body2" class="tab-content" name="divcontent">
- <dl class="content">
- <dt>商户订单号 :</dt>
- <dd>
- <input id="WIDTQout_trade_no" name="WIDTQout_trade_no" />
- </dd>
- <hr class="one_line">
- <dt>支付宝交易号 :</dt>
- <dd>
- <input id="WIDTQtrade_no" name="WIDTQtrade_no" />
- </dd>
- <hr class="one_line">
- <dt></dt>
- <dd id="btn-dd">
- <span class="new-btn-login-sp">
- <button class="new-btn-login" type="submit"
- style="text-align: center;">交 易 查 询</button>
- </span> <span class="note-help">商户订单号与支付宝交易号二选一,如果您点击“交易查询”按钮,即表示您同意该次的执行操作。</span>
- </dd>
- </dl>
- </div>
- </form>
- <form name=traderefund action=alipay.trade.refund.jsp method=post
- target="_blank">
- <div id="body3" class="tab-content" name="divcontent">
- <dl class="content">
- <dt>商户订单号 :</dt>
- <dd>
- <input id="WIDTRout_trade_no" name="WIDTRout_trade_no" />
- </dd>
- <hr class="one_line">
- <dt>支付宝交易号 :</dt>
- <dd>
- <input id="WIDTRtrade_no" name="WIDTRtrade_no" />
- </dd>
- <hr class="one_line">
- <dt>退款金额 :</dt>
- <dd>
- <input id="WIDTRrefund_amount" name="WIDTRrefund_amount" />
- </dd>
- <hr class="one_line">
- <dt>退款原因 :</dt>
- <dd>
- <input id="WIDTRrefund_reason" name="WIDTRrefund_reason" />
- </dd>
- <hr class="one_line">
- <dt>退款请求号 :</dt>
- <dd>
- <input id="WIDTRout_request_no" name="WIDTRout_request_no" />
- </dd>
- <hr class="one_line">
- <dt></dt>
- <dd id="btn-dd">
- <span class="new-btn-login-sp">
- <button class="new-btn-login" type="submit"
- style="text-align: center;">退 款</button>
- </span> <span class="note-help">商户订单号与支付宝交易号二选一,如果您点击“退款”按钮,即表示您同意该次的执行操作。</span>
- </dd>
- </dl>
- </div>
- </form>
- <form name=traderefundquery
- action=alipay.trade.fastpay.refund.query.jsp method=post
- target="_blank">
- <div id="body4" class="tab-content" name="divcontent">
- <dl class="content">
- <dt>商户订单号 :</dt>
- <dd>
- <input id="WIDRQout_trade_no" name="WIDRQout_trade_no" />
- </dd>
- <hr class="one_line">
- <dt>支付宝交易号 :</dt>
- <dd>
- <input id="WIDRQtrade_no" name="WIDRQtrade_no" />
- </dd>
- <hr class="one_line">
- <dt>退款请求号 :</dt>
- <dd>
- <input id="WIDRQout_request_no" name="WIDRQout_request_no" />
- </dd>
- <hr class="one_line">
- <dt></dt>
- <dd id="btn-dd">
- <span class="new-btn-login-sp">
- <button class="new-btn-login" type="submit"
- style="text-align: center;">退 款 查 询</button>
- </span> <span class="note-help">商户订单号与支付宝交易号二选一,如果您点击“退款查询”按钮,即表示您同意该次的执行操作。</span>
- </dd>
- </dl>
- </div>
- </form>
- <form name=tradeclose action=alipay.trade.close.jsp method=post
- target="_blank">
- <div id="body5" class="tab-content" name="divcontent">
- <dl class="content">
- <dt>商户订单号 :</dt>
- <dd>
- <input id="WIDTCout_trade_no" name="WIDTCout_trade_no" />
- </dd>
- <hr class="one_line">
- <dt>支付宝交易号 :</dt>
- <dd>
- <input id="WIDTCtrade_no" name="WIDTCtrade_no" />
- </dd>
- <hr class="one_line">
- <dt></dt>
- <dd id="btn-dd">
- <span class="new-btn-login-sp">
- <button class="new-btn-login" type="submit"
- style="text-align: center;">交 易 关 闭</button>
- </span> <span class="note-help">商户订单号与支付宝交易号二选一,如果您点击“交易关闭”按钮,即表示您同意该次的执行操作。</span>
- </dd>
- </dl>
- </div>
- </form>
- <form name=alipayqc method=post
- target="_blank">
- <div id="body6" class="tab-content" name="divcontent">
- <dl class="content">
- <dt>商户订单号 :</dt>
- <dd>
- <input id="WIDout_trade_no" name="outTradeNo" />
- </dd>
- <hr class="one_line">
- <dt>订单名称 :</dt>
- <dd>
- <input id="WIDsubject" name="subject" />
- </dd>
- <hr class="one_line">
- <dt>付款金额 :</dt>
- <dd>
- <input id="WIDtotal_amount" name="totalFee" />
- </dd>
- <hr class="one_line">
- <dt>商品描述:</dt>
- <dd>
- <input id="WIDbody" name="body" />
- </dd>
- <hr class="one_line">
- <dt></dt>
- <dd id="btn-dd">
- <span class="new-btn-login-sp">
- <button class="new-btn-login" type="submit"
- style="text-align: center;">付 款</button>
- </span> <span class="note-help">如果您点击“付款”按钮,即表示您同意该次的执行操作。</span>
- </dd>
- </dl>
- </div>
- </form>
- <div id="foot">
- <ul class="foot-ul">
- <li>支付宝版权所有 2015-2018 ALIPAY.COM</li>
- </ul>
- </div>
- </div>
- </body>
- <script language="javascript">
- var tabs = document.getElementsByName('tab');
- var contents = document.getElementsByName('divcontent');
-
- (function changeTab(tab) {
- for(var i = 0, len = tabs.length; i < len; i++) {
- tabs[i].onmouseover = showTab;
- }
- })();
-
- function showTab() {
- for(var i = 0, len = tabs.length; i < len; i++) {
- if(tabs[i] === this) {
- tabs[i].className = 'selected';
- contents[i].className = 'show';
- } else {
- tabs[i].className = '';
- contents[i].className = 'tab-content';
- }
- }
- }
-
- function GetDateNow() {
- var vNow = new Date();
- var sNow = "";
- sNow += String(vNow.getFullYear());
- sNow += String(vNow.getMonth() + 1);
- sNow += String(vNow.getDate());
- sNow += String(vNow.getHours());
- sNow += String(vNow.getMinutes());
- sNow += String(vNow.getSeconds());
- sNow += String(vNow.getMilliseconds());
- document.getElementById("WIDout_trade_no").value = sNow;
- document.getElementById("WIDsubject").value = "科帮网测试支付";
- document.getElementById("WIDtotal_amount").value = "100";
- }
- GetDateNow();
- </script>
- </html>
|