setting.php 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. <div class="row content-nav">
  2. <div class="col-xs-12">
  3. <ul>
  4. <li><a href="javascript:;"><i></i>充值管理</a></li>
  5. <li><a href="javascript:;">充值设置</a></li>
  6. </ul>
  7. </div>
  8. </div>
  9. <section class="content clearfix">
  10. <div class="layui-editor-box">
  11. <div class="layui-tab layui-tab-brief layui-tab-bg layui-tab-content-box">
  12. <ul class="layui-tab-title">
  13. <li class="layui-this">基础设置</li>
  14. </ul>
  15. <form action="" class="layui-form layui-form-pane">
  16. <div class="layui-tab-content">
  17. <div class="layui-tab-item layui-show">
  18. <div class="layui-form-item">
  19. <button id="add-table-btn" type="button" class="layui-btn layui-bg-light-blue">添加</button>
  20. </div>
  21. <div>
  22. <table class="layui-table">
  23. <colgroup>
  24. <col>
  25. <col width="160">
  26. </colgroup>
  27. <thead>
  28. <tr>
  29. <th style="text-align:center">金额</th>
  30. <th style="text-align:center">操作</th>
  31. </tr>
  32. </thead>
  33. <tbody>
  34. {if !empty($data['list'])}
  35. {volist name="data['list']" id="item"}
  36. <tr>
  37. <td>
  38. <input type="text" name="list[num][]" value="{$item.num}" placeholder="请输入金额" autocomplete="off" class="layui-input">
  39. </td>
  40. <td>
  41. <div class="layui-btn-group">
  42. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm layui-button-up"><i class="layui-icon layui-icon-up"></i></button>
  43. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm layui-button-down"><i class="layui-icon layui-icon-down"></i></button>
  44. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm layui-button-remove"><i class="layui-icon layui-icon-delete"></i></button>
  45. </div>
  46. </td>
  47. </tr>
  48. {/volist}
  49. {/if}
  50. </tbody>
  51. </table>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="layui-form-item">
  56. <div class="layui-input-block">
  57. <button class="layui-btn layui-bg-light-blue" lay-filter="layui-submit-filter" lay-submit="">立即提交</button>
  58. <button class="layui-btn layui-btn-primary" type="reset">重置</button>
  59. </div>
  60. </div>
  61. </form>
  62. </div>
  63. </div>
  64. </section>
  65. <div id="template-box" style="display: none;">
  66. <table>
  67. <tr>
  68. <td>
  69. <input type="text" name="list[num][]" placeholder="请输入金额" autocomplete="off" class="layui-input">
  70. </td>
  71. <td>
  72. <div class="layui-btn-group">
  73. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm layui-button-up"><i class="layui-icon layui-icon-up"></i></button>
  74. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm layui-button-down"><i class="layui-icon layui-icon-down"></i></button>
  75. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm layui-button-remove"><i class="layui-icon layui-icon-delete"></i></button>
  76. </div>
  77. </td>
  78. </tr>
  79. </table>
  80. </div>
  81. <script type="text/javascript">
  82. $(function () {
  83. layui.use(["form", "element",'layer'], function () {
  84. var form = layui.form;
  85. var layer = layui.layer;
  86. $("#add-table-btn").on("click",function (){
  87. if($(".layui-table tbody tr").length + 1 > 7){
  88. return false;
  89. }
  90. var tr = $("#template-box tr:first").clone();
  91. $(".layui-table tbody").append(tr);
  92. form.render('select');
  93. });
  94. if($(".layui-table tbody tr").length == 0){
  95. $("#add-table-btn").trigger("click");
  96. }
  97. $(document).on("click",".layui-button-remove",function (){
  98. if($(".layui-table tbody tr").length > 1){
  99. $(this).parent().parent().parent().remove();
  100. }
  101. return false;
  102. });
  103. $(document).on("click", ".layui-button-down", function() {
  104. var current_tr = $(this).parent().parent().parent();
  105. current_tr.insertAfter(current_tr.next());
  106. });
  107. $(document).on("click", ".layui-button-up", function() {
  108. var current_tr = $(this).parent().parent().parent();
  109. if (current_tr.prev().html() != null) {
  110. current_tr.insertBefore(current_tr.prev());
  111. }
  112. });
  113. form.on('submit(layui-submit-filter)', function (data) {
  114. var index = layer.load(1, { shade: [0.2,'#fff'] });
  115. $.post('{:createUrl("setting")}', data.field, function (result) {
  116. layer.close(index);
  117. if(result.code){
  118. layer.msg(result.msg, {
  119. time: 0
  120. ,btn: ['继续编辑']
  121. ,yes: function(index){
  122. window.location.reload();
  123. }
  124. });
  125. }else{
  126. layer.msg(result.msg,{ icon :2 });
  127. }
  128. }, "json");
  129. return false;
  130. });
  131. });
  132. });
  133. </script>