index.html 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252
  1. <!DOCTYPE html>
  2. <!-- 哈哈哈 我是个天才 -->
  3. <html xmlns:th="http://www.thymeleaf.org">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
  6. <link rel="stylesheet" th:href="@{/alipay/css/alipay.css}" />
  7. <title>支付宝电脑网站支付</title>
  8. </head>
  9. <body text=#000000 bgColor="#ffffff" leftMargin=0 topMargin=5>
  10. <header class="am-header">
  11. <h1>支付宝电脑网站支付体验入口页</h1>
  12. </header>
  13. <div id="main">
  14. <div id="tabhead" class="tab-head">
  15. <h2 id="tab1" class="selected" name="tab">付 款</h2>
  16. <h2 id="tab2" name="tab">交 易 查 询</h2>
  17. <h2 id="tab3" name="tab">退 款</h2>
  18. <h2 id="tab4" name="tab">退 款 查 询</h2>
  19. <h2 id="tab5" name="tab">交 易 关 闭</h2>
  20. <h2 id="tab6" name="tab">扫码支付</h2>
  21. </div>
  22. <form name=alipayment action=pcPay method=post
  23. target="_blank">
  24. <div id="body1" class="show" name="divcontent">
  25. <dl class="content">
  26. <dt>商户订单号 :</dt>
  27. <dd>
  28. <input id="WIDout_trade_no" name="outTradeNo" />
  29. </dd>
  30. <hr class="one_line">
  31. <dt>订单名称 :</dt>
  32. <dd>
  33. <input id="WIDsubject" name="subject" />
  34. </dd>
  35. <hr class="one_line">
  36. <dt>付款金额 :</dt>
  37. <dd>
  38. <input id="WIDtotal_amount" name="totalFee" />
  39. </dd>
  40. <hr class="one_line">
  41. <dt>商品描述:</dt>
  42. <dd>
  43. <input id="WIDbody" name="body" />
  44. </dd>
  45. <hr class="one_line">
  46. <dt></dt>
  47. <dd id="btn-dd">
  48. <span class="new-btn-login-sp">
  49. <button class="new-btn-login" type="submit"
  50. style="text-align: center;">付 款</button>
  51. </span> <span class="note-help">如果您点击“付款”按钮,即表示您同意该次的执行操作。</span>
  52. </dd>
  53. </dl>
  54. </div>
  55. </form>
  56. <form name=tradequery action=alipay.trade.query.jsp method=post
  57. target="_blank">
  58. <div id="body2" class="tab-content" name="divcontent">
  59. <dl class="content">
  60. <dt>商户订单号 :</dt>
  61. <dd>
  62. <input id="WIDTQout_trade_no" name="WIDTQout_trade_no" />
  63. </dd>
  64. <hr class="one_line">
  65. <dt>支付宝交易号 :</dt>
  66. <dd>
  67. <input id="WIDTQtrade_no" name="WIDTQtrade_no" />
  68. </dd>
  69. <hr class="one_line">
  70. <dt></dt>
  71. <dd id="btn-dd">
  72. <span class="new-btn-login-sp">
  73. <button class="new-btn-login" type="submit"
  74. style="text-align: center;">交 易 查 询</button>
  75. </span> <span class="note-help">商户订单号与支付宝交易号二选一,如果您点击“交易查询”按钮,即表示您同意该次的执行操作。</span>
  76. </dd>
  77. </dl>
  78. </div>
  79. </form>
  80. <form name=traderefund action=alipay.trade.refund.jsp method=post
  81. target="_blank">
  82. <div id="body3" class="tab-content" name="divcontent">
  83. <dl class="content">
  84. <dt>商户订单号 :</dt>
  85. <dd>
  86. <input id="WIDTRout_trade_no" name="WIDTRout_trade_no" />
  87. </dd>
  88. <hr class="one_line">
  89. <dt>支付宝交易号 :</dt>
  90. <dd>
  91. <input id="WIDTRtrade_no" name="WIDTRtrade_no" />
  92. </dd>
  93. <hr class="one_line">
  94. <dt>退款金额 :</dt>
  95. <dd>
  96. <input id="WIDTRrefund_amount" name="WIDTRrefund_amount" />
  97. </dd>
  98. <hr class="one_line">
  99. <dt>退款原因 :</dt>
  100. <dd>
  101. <input id="WIDTRrefund_reason" name="WIDTRrefund_reason" />
  102. </dd>
  103. <hr class="one_line">
  104. <dt>退款请求号 :</dt>
  105. <dd>
  106. <input id="WIDTRout_request_no" name="WIDTRout_request_no" />
  107. </dd>
  108. <hr class="one_line">
  109. <dt></dt>
  110. <dd id="btn-dd">
  111. <span class="new-btn-login-sp">
  112. <button class="new-btn-login" type="submit"
  113. style="text-align: center;">退 款</button>
  114. </span> <span class="note-help">商户订单号与支付宝交易号二选一,如果您点击“退款”按钮,即表示您同意该次的执行操作。</span>
  115. </dd>
  116. </dl>
  117. </div>
  118. </form>
  119. <form name=traderefundquery
  120. action=alipay.trade.fastpay.refund.query.jsp method=post
  121. target="_blank">
  122. <div id="body4" class="tab-content" name="divcontent">
  123. <dl class="content">
  124. <dt>商户订单号 :</dt>
  125. <dd>
  126. <input id="WIDRQout_trade_no" name="WIDRQout_trade_no" />
  127. </dd>
  128. <hr class="one_line">
  129. <dt>支付宝交易号 :</dt>
  130. <dd>
  131. <input id="WIDRQtrade_no" name="WIDRQtrade_no" />
  132. </dd>
  133. <hr class="one_line">
  134. <dt>退款请求号 :</dt>
  135. <dd>
  136. <input id="WIDRQout_request_no" name="WIDRQout_request_no" />
  137. </dd>
  138. <hr class="one_line">
  139. <dt></dt>
  140. <dd id="btn-dd">
  141. <span class="new-btn-login-sp">
  142. <button class="new-btn-login" type="submit"
  143. style="text-align: center;">退 款 查 询</button>
  144. </span> <span class="note-help">商户订单号与支付宝交易号二选一,如果您点击“退款查询”按钮,即表示您同意该次的执行操作。</span>
  145. </dd>
  146. </dl>
  147. </div>
  148. </form>
  149. <form name=tradeclose action=alipay.trade.close.jsp method=post
  150. target="_blank">
  151. <div id="body5" class="tab-content" name="divcontent">
  152. <dl class="content">
  153. <dt>商户订单号 :</dt>
  154. <dd>
  155. <input id="WIDTCout_trade_no" name="WIDTCout_trade_no" />
  156. </dd>
  157. <hr class="one_line">
  158. <dt>支付宝交易号 :</dt>
  159. <dd>
  160. <input id="WIDTCtrade_no" name="WIDTCtrade_no" />
  161. </dd>
  162. <hr class="one_line">
  163. <dt></dt>
  164. <dd id="btn-dd">
  165. <span class="new-btn-login-sp">
  166. <button class="new-btn-login" type="submit"
  167. style="text-align: center;">交 易 关 闭</button>
  168. </span> <span class="note-help">商户订单号与支付宝交易号二选一,如果您点击“交易关闭”按钮,即表示您同意该次的执行操作。</span>
  169. </dd>
  170. </dl>
  171. </div>
  172. </form>
  173. <form name=alipayqc method=post
  174. target="_blank">
  175. <div id="body6" class="tab-content" name="divcontent">
  176. <dl class="content">
  177. <dt>商户订单号 :</dt>
  178. <dd>
  179. <input id="WIDout_trade_no" name="outTradeNo" />
  180. </dd>
  181. <hr class="one_line">
  182. <dt>订单名称 :</dt>
  183. <dd>
  184. <input id="WIDsubject" name="subject" />
  185. </dd>
  186. <hr class="one_line">
  187. <dt>付款金额 :</dt>
  188. <dd>
  189. <input id="WIDtotal_amount" name="totalFee" />
  190. </dd>
  191. <hr class="one_line">
  192. <dt>商品描述:</dt>
  193. <dd>
  194. <input id="WIDbody" name="body" />
  195. </dd>
  196. <hr class="one_line">
  197. <dt></dt>
  198. <dd id="btn-dd">
  199. <span class="new-btn-login-sp">
  200. <button class="new-btn-login" type="submit"
  201. style="text-align: center;">付 款</button>
  202. </span> <span class="note-help">如果您点击“付款”按钮,即表示您同意该次的执行操作。</span>
  203. </dd>
  204. </dl>
  205. </div>
  206. </form>
  207. <div id="foot">
  208. <ul class="foot-ul">
  209. <li>支付宝版权所有 2015-2018 ALIPAY.COM</li>
  210. </ul>
  211. </div>
  212. </div>
  213. </body>
  214. <script language="javascript">
  215. var tabs = document.getElementsByName('tab');
  216. var contents = document.getElementsByName('divcontent');
  217. (function changeTab(tab) {
  218. for(var i = 0, len = tabs.length; i < len; i++) {
  219. tabs[i].onmouseover = showTab;
  220. }
  221. })();
  222. function showTab() {
  223. for(var i = 0, len = tabs.length; i < len; i++) {
  224. if(tabs[i] === this) {
  225. tabs[i].className = 'selected';
  226. contents[i].className = 'show';
  227. } else {
  228. tabs[i].className = '';
  229. contents[i].className = 'tab-content';
  230. }
  231. }
  232. }
  233. function GetDateNow() {
  234. var vNow = new Date();
  235. var sNow = "";
  236. sNow += String(vNow.getFullYear());
  237. sNow += String(vNow.getMonth() + 1);
  238. sNow += String(vNow.getDate());
  239. sNow += String(vNow.getHours());
  240. sNow += String(vNow.getMinutes());
  241. sNow += String(vNow.getSeconds());
  242. sNow += String(vNow.getMilliseconds());
  243. document.getElementById("WIDout_trade_no").value = sNow;
  244. document.getElementById("WIDsubject").value = "科帮网测试支付";
  245. document.getElementById("WIDtotal_amount").value = "100";
  246. }
  247. GetDateNow();
  248. </script>
  249. </html>