国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

218 行
8.8KB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  6. <title>支付接口设置</title>
  7. <link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
  8. <link rel="stylesheet" href="../static/web/css/bootstrap.min.css">
  9. <link rel="stylesheet" href="../static/web/css/admin.css">
  10. <script src="../static/web/js/jquery.min.js"></script>
  11. <script src="../static/web/js/bootstrap.min.js"></script>
  12. </head>
  13. <body>
  14. <table cellpadding="3" cellspacing="1" align="center" class="table maintable my-3">
  15. <tr>
  16. <td bgcolor="#f5f5f5" colspan="4">
  17. <table cellspacing="0" cellpadding="0" class="table table-borderless w-100">
  18. <tr>
  19. <td>支付接口设置</td>
  20. <td align="right"><span><a href="https://www.dedebiz.com/help" target="_blank"
  21. class="btn btn-success btn-sm">更多接口</a></span></td>
  22. </tr>
  23. </table>
  24. </td>
  25. </tr>
  26. <tr>
  27. <td colspan="4">
  28. <ul class="nav nav-tabs" id="myTab" role="tablist">
  29. <li class="nav-item" role="presentation">
  30. <button class="nav-link active" id="wechat-tab" data-toggle="tab" data-target="#wechat"
  31. type="button" role="tab" aria-controls="wechat" aria-selected="true">微信支付</button>
  32. </li>
  33. <li class="nav-item" role="presentation">
  34. <button class="nav-link" id="alipay-tab" data-toggle="tab" data-target="#alipay" type="button"
  35. role="tab" aria-controls="alipay" aria-selected="false">支付宝</button>
  36. </li>
  37. <li class="nav-item" role="presentation">
  38. <button class="nav-link" id="bank-tab" data-toggle="tab" data-target="#bank" type="button"
  39. role="tab" aria-controls="bank" aria-selected="false">银行转帐</button>
  40. </li>
  41. <li class="nav-item" role="presentation">
  42. <button class="nav-link" id="balance-tab" data-toggle="tab" data-target="#balance" type="button"
  43. role="tab" aria-controls="balance" aria-selected="false">余额支付</button>
  44. </li>
  45. <li class="nav-item" role="presentation">
  46. <button class="nav-link" id="cod-tab" data-toggle="tab" data-target="#cod" type="button"
  47. role="tab" aria-controls="cod" aria-selected="false">货到付款</button>
  48. </li>
  49. </ul>
  50. <div class="tab-content py-3" id="myTabContent">
  51. <div class="tab-pane fade show active" id="wechat" role="tabpanel" aria-labelledby="wechat-tab">
  52. <form>
  53. <div class="form-group">
  54. <label>描述</label>
  55. <p>
  56. 微信支付是腾讯公司的支付业务品牌,微信支付商户平台支持线下场所、公众号、小程序、PC网站、APP、企业微信等经营场景快速接入微信支付。微信支付全面打通O2O生活消费领域,提供专业的互联网+行业解决方案,微信支付支持微信红包和微信理财通,是移动支付的首选。
  57. </p>
  58. </div>
  59. <div class="form-group">
  60. <label for="iptWechatAppID">AppID</label>
  61. <input type="text" class="form-control" id="iptWechatAppID">
  62. </div>
  63. <div class="form-group">
  64. <label for="iptWechatAppSecret">AppSecret</label>
  65. <input type="text" class="form-control" id="iptWechatAppSecret">
  66. </div>
  67. <div class="form-group">
  68. <label for="iptWechatMchID">商户号</label>
  69. <input type="text" class="form-control" id="iptWechatMchID">
  70. </div>
  71. <div class="form-group">
  72. <label for="iptWechatAPIV3Key">APIv3秘钥</label>
  73. <input type="text" class="form-control" id="iptWechatAPIV3Key">
  74. </div>
  75. <div class="form-group">
  76. <label for="iptWechatSerialNo">商户证书序列号</label>
  77. <input type="appid" class="form-control" id="iptWechatSerialNo">
  78. </div>
  79. <div class="form-group">
  80. <label>商户证书文件</label>
  81. <div class="custom-file">
  82. <input type="file" class="custom-file-input" id="iptWechatPrivateKey">
  83. <label class="custom-file-label" data-browse="选择"
  84. for="iptWechatPrivateKey">选择商户证书文件...</label>
  85. </div>
  86. </div>
  87. <div class="form-group form-check">
  88. <input type="checkbox" class="form-check-input" id="WechatEnabled">
  89. <label class="form-check-label" for="WechatEnabled">是否启用</label>
  90. </div>
  91. </form>
  92. </div>
  93. <div class="tab-pane fade" id="alipay" role="tabpanel" aria-labelledby="alipay-tab">
  94. <form>
  95. <div class="form-group">
  96. <label for="iptAppID">描述</label>
  97. <p>
  98. 支付宝,全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA收款等生活服务应用。
  99. </p>
  100. </div>
  101. <div class="form-group">
  102. <label for="iptAlipayAPPID">APPID</label>
  103. <input type="text" class="form-control" id="iptAlipayAPPID">
  104. </div>
  105. <div class="form-group">
  106. <label for="iptAlipayPrivateKey">应用私钥</label>
  107. <input type="text" class="form-control" id="iptAlipayPrivateKey">
  108. </div>
  109. <div class="form-group">
  110. <label>应用公钥证书</label>
  111. <div class="custom-file">
  112. <input type="file" class="custom-file-input" id="iptAlipayAppCertPublicKey">
  113. <label class="custom-file-label" data-browse="选择"
  114. for="iptAlipayAppCertPublicKey">选择应用公钥证书文件...</label>
  115. </div>
  116. </div>
  117. <div class="form-group">
  118. <label>支付宝公钥证书</label>
  119. <div class="custom-file">
  120. <input type="file" class="custom-file-input" id="iptAlipayCertPublicKey">
  121. <label class="custom-file-label" data-browse="选择"
  122. for="iptAlipayCertPublicKey">选择支付宝公钥证书文件...</label>
  123. </div>
  124. </div>
  125. <div class="form-group">
  126. <label>支付宝根证书</label>
  127. <div class="custom-file">
  128. <input type="file" class="custom-file-input" id="iptAlipayRootCert">
  129. <label class="custom-file-label" data-browse="选择"
  130. for="iptAlipayRootCert">选择支付宝根证书文件...</label>
  131. </div>
  132. </div>
  133. <div class="form-group">
  134. <label for="iptAlipaySignType">签名类型</label>
  135. <input type="text" class="form-control" id="iptAlipaySignType" value="RSA2" disabled>
  136. </div>
  137. <div class="form-group form-check">
  138. <input type="checkbox" class="form-check-input" id="AlipayEnabled">
  139. <label class="form-check-label" for="AlipayEnabled">是否启用</label>
  140. </div>
  141. </form>
  142. </div>
  143. <div class="tab-pane fade" id="bank" role="tabpanel" aria-labelledby="bank-tab">
  144. <form>
  145. <div class="form-group">
  146. <label>描述</label>
  147. <p>
  148. 用户支付到商户指定银行卡账号,手动确认订单收款。
  149. </p>
  150. </div>
  151. <div class="form-group">
  152. <label for="iptBankAccountName">账户名</label>
  153. <input type="appid" class="form-control" id="iptBankAccountName">
  154. </div>
  155. <div class="form-group">
  156. <label for="iptBankAccountNO">账号</label>
  157. <input type="appid" class="form-control" id="iptBankAccountNO">
  158. </div>
  159. <div class="form-group">
  160. <label for="iptBankName">开户行</label>
  161. <input type="appid" class="form-control" id="iptBankName">
  162. </div>
  163. <div class="form-group form-check">
  164. <input type="checkbox" class="form-check-input" id="BankEnabled">
  165. <label class="form-check-label" for="BankEnabled">是否启用</label>
  166. </div>
  167. </form>
  168. </div>
  169. <div class="tab-pane fade" id="balance" role="tabpanel" aria-labelledby="balance-tab">
  170. <form>
  171. <div class="form-group">
  172. <label>描述</label>
  173. <p>
  174. 支持采用积分进行支付。
  175. </p>
  176. </div>
  177. <div class="form-group form-check">
  178. <input type="checkbox" class="form-check-input" id="BalanceEnabled">
  179. <label class="form-check-label" for="BalanceEnabled">是否启用</label>
  180. </div>
  181. </form>
  182. </div>
  183. <div class="tab-pane fade" id="cod" role="tabpanel" aria-labelledby="cod-tab">
  184. <form>
  185. <div class="form-group">
  186. <label>描述</label>
  187. <p>
  188. 购买后直接发货,到货后再进行支付。
  189. </p>
  190. </div>
  191. <div class="form-group form-check">
  192. <input type="checkbox" class="form-check-input" id="CodEnabled">
  193. <label class="form-check-label" for="CodEnabled">是否启用</label>
  194. </div>
  195. </form>
  196. </div>
  197. <button type="submit" class="btn btn-success">保存</button>
  198. </div>
  199. </td>
  200. </tr>
  201. </table>
  202. <script>
  203. $('.custom-file-input').on('change', function () {
  204. let fileName = $(this).val().split('\\').pop();
  205. $(this).siblings('.custom-file-label').addClass("selected").html(fileName);
  206. });
  207. </script>
  208. </body>
  209. </html>