pay.php 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. <div class="row content-nav inline-page-box">
  2. <div class="col-xs-12">
  3. <ul>
  4. <li><a href="javascript:;"><i></i>&nbsp;微信管理</a></li>
  5. <li><a href="javascript:;">公众号</a></li>
  6. </ul>
  7. </div>
  8. </div>
  9. <section class="content">
  10. <div class="row">
  11. <div class="col-md-3 l-col-md-3">
  12. <div class="box box-solid">
  13. <div class="box-header with-border">
  14. <h3 class="box-title">菜单</h3>
  15. <div class="box-tools">
  16. <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
  17. </button>
  18. </div>
  19. </div>
  20. <div class="box-body no-padding">
  21. <ul class="nav nav-pills nav-stacked">
  22. {include file="wechat/common/wechat_menu"}
  23. </ul>
  24. </div>
  25. </div>
  26. </div>
  27. <div class="col-md-9 r-col-md-9">
  28. <section class="content clearfix" style="padding-top: 0;">
  29. <div class="layui-editor-box">
  30. <div style="margin-top: 0;" class="layui-tab layui-tab-brief layui-tab-bg layui-tab-content-box">
  31. <ul class="layui-tab-title">
  32. <li class="layui-this">基本信息</li>
  33. </ul>
  34. <form action="" class="layui-form layui-form-pane">
  35. <div class="layui-tab-content">
  36. <div class="layui-tab-item layui-show">
  37. <div class="layui-form-item">
  38. <label class="layui-form-label">MCH_ID</label>
  39. <div class="layui-input-block">
  40. <input type="text" name="mch_id" value="{$data.mch_id|default=''}" lay-reqtext="请填写微信商户编号" lay-verify="required" placeholder="请输入微信商户编号" autocomplete="off" class="layui-input">
  41. </div>
  42. </div>
  43. <div class="layui-form-item">
  44. <label class="layui-form-label">MCH_KEY</label>
  45. <div class="layui-input-block">
  46. <input type="text" name="mch_key" value="{$data.mch_key|default=''}" lay-reqtext="请填写微信商户密钥" lay-verify="required" placeholder="请输入微信商户密钥" autocomplete="off" class="layui-input">
  47. </div>
  48. </div>
  49. <div class="layui-form-item">
  50. <label class="layui-form-label">KEY证书</label>
  51. <div class="layui-input-block">
  52. <input type="text" id="key-input-text" name="key_url" value="{$data.key_url|default=''}" placeholder="请上传证书" readonly="readonly" autocomplete="off" class="layui-input">
  53. </div>
  54. </div>
  55. <div class="layui-form-item">
  56. <label class="layui-form-label">CERT证书</label>
  57. <div class="layui-input-block">
  58. <input type="text" id="cert-input-text" name="cert_url" value="{$data.cert_url|default=''}" placeholder="请上传证书" readonly="readonly" autocomplete="off" class="layui-input">
  59. </div>
  60. </div>
  61. <div class="layui-form-item">
  62. <label class="layui-form-label">上传证书</label>
  63. <div class="layui-input-block">
  64. <button type="button" class="layui-btn layui-bg-primary" id="key-upload-btn"><i class="layui-icon"></i>上传KEY证书</button>
  65. <button type="button" class="layui-btn layui-bg-primary" id="cert-upload-btn"><i class="layui-icon"></i>上传CERT证书</button>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. <div class="layui-form-item">
  71. <div class="layui-input-block">
  72. <button class="layui-btn layui-bg-light-blue" lay-filter="layui-submit-filter" lay-submit="">立即提交</button>
  73. <button class="layui-btn layui-btn-primary" type="reset">重置</button>
  74. </div>
  75. </div>
  76. </form>
  77. </div>
  78. </div>
  79. </section>
  80. </div>
  81. </div>
  82. </section>
  83. <script type="text/javascript">
  84. $(function () {
  85. layui.use(["form", "element",'layer','upload'], function () {
  86. var form = layui.form;
  87. var layer = layui.layer;
  88. var upload = layui.upload;
  89. upload.render({
  90. elem: '#key-upload-btn'
  91. ,url: '{:url("common.uploadfiy/file")}'
  92. ,multiple: false
  93. ,exts: 'pem'
  94. ,data: {
  95. module: function (){
  96. return "wechat";
  97. },
  98. method: function (){
  99. return "";
  100. }
  101. }
  102. ,done: function(res){
  103. if(!res.code){
  104. $("#key-input-text").val(res.data.src);
  105. }else{
  106. layer.msg(res.msg,{ icon : 2 });
  107. }
  108. }
  109. });
  110. upload.render({
  111. elem: '#cert-upload-btn'
  112. ,url: '{:url("common.uploadfiy/file")}'
  113. ,multiple: false
  114. ,exts: 'pem'
  115. ,data: {
  116. module: function (){
  117. return "wechat";
  118. },
  119. method: function (){
  120. return "";
  121. }
  122. }
  123. ,done: function(res){
  124. if(!res.code){
  125. $("#cert-input-text").val(res.data.src);
  126. }else{
  127. layer.msg(res.msg,{ icon : 2 });
  128. }
  129. }
  130. });
  131. form.on('submit(layui-submit-filter)', function (data) {
  132. var index = layer.load(1, { shade: [0.2,'#fff'] });
  133. $.post('{:createUrl("pay")}', data.field, function (result) {
  134. layer.close(index);
  135. if(result.code){
  136. layer.msg(result.msg, {
  137. time: 3000
  138. },function (){
  139. window.location.reload();
  140. });
  141. }else{
  142. layer.msg(result.msg,{ icon :2 });
  143. }
  144. }, "json");
  145. return false;
  146. });
  147. });
  148. });
  149. </script>