国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

189 lines
8.7KB

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