sign.php 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  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. <label class="layui-form-label">签到状态</label>
  20. <div class="layui-input-block">
  21. <select name="status">
  22. <option value="0" {if isset($data['status']) && $data['status'] == 0}selected{/if}>关闭</option>
  23. <option value="1" {if isset($data['status']) && $data['status'] == 1}selected{/if}>开启</option>
  24. </select>
  25. </div>
  26. </div>
  27. <div class="layui-form-item">
  28. <button id="add-table-btn" type="button" class="layui-btn layui-bg-light-blue">添加</button>
  29. </div>
  30. <div>
  31. <table class="layui-table">
  32. <colgroup>
  33. <col>
  34. <col>
  35. <col width="160">
  36. </colgroup>
  37. <thead>
  38. <tr>
  39. <th style="text-align:center">名称</th>
  40. <th style="text-align:center">积分</th>
  41. <th style="text-align:center">操作</th>
  42. </tr>
  43. </thead>
  44. <tbody>
  45. {if !empty($data['list'])}
  46. {volist name="data['list']" id="item"}
  47. <tr>
  48. <td>
  49. <input type="text" name="list[name][]" value="{$item.name}" placeholder="请输入名称" autocomplete="off" class="layui-input">
  50. </td>
  51. <td>
  52. <input type="text" name="list[point][]" value="{$item.point}" placeholder="请输入积分" autocomplete="off" class="layui-input">
  53. </td>
  54. <td>
  55. <div class="layui-btn-group">
  56. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm layui-button-up"><i class="layui-icon layui-icon-up"></i></button>
  57. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm layui-button-down"><i class="layui-icon layui-icon-down"></i></button>
  58. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm layui-button-remove"><i class="layui-icon layui-icon-delete"></i></button>
  59. </div>
  60. </td>
  61. </tr>
  62. {/volist}
  63. {/if}
  64. </tbody>
  65. </table>
  66. </div>
  67. <div class="layui-form-item">
  68. <script id="container" style="width:100%;height: 500px;" name="content" type="text/plain">{$content|raw|default=""}</script>
  69. <div class="layui-form-mid layui-word-aux">请填写活动规则</div>
  70. </div>
  71. </div>
  72. </div>
  73. <div class="layui-form-item">
  74. <div class="layui-input-block">
  75. <button class="layui-btn layui-bg-light-blue" lay-filter="layui-submit-filter" lay-submit="">立即提交</button>
  76. <button class="layui-btn layui-btn-primary" type="reset">重置</button>
  77. </div>
  78. </div>
  79. </form>
  80. </div>
  81. </div>
  82. </section>
  83. <div id="template-box" style="display: none;">
  84. <table>
  85. <tr>
  86. <td>
  87. <input type="text" name="list[name][]" placeholder="请输入名称" autocomplete="off" class="layui-input">
  88. </td>
  89. <td>
  90. <input type="text" name="list[point][]" placeholder="请输入积分" autocomplete="off" class="layui-input">
  91. </td>
  92. <td>
  93. <div class="layui-btn-group">
  94. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm layui-button-up"><i class="layui-icon layui-icon-up"></i></button>
  95. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm layui-button-down"><i class="layui-icon layui-icon-down"></i></button>
  96. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm layui-button-remove"><i class="layui-icon layui-icon-delete"></i></button>
  97. </div>
  98. </td>
  99. </tr>
  100. </table>
  101. </div>
  102. <script type="text/javascript" src="{__SYSTEM_PATH__}/js/ueditor/ueditor.config.js"></script>
  103. <script type="text/javascript" src="{__SYSTEM_PATH__}/js/ueditor/ueditor.all.min.js"></script>
  104. <script type="text/javascript">
  105. $(function () {
  106. var ue = UE.getEditor('container');
  107. layui.use(["form", "element",'layer'], function () {
  108. var form = layui.form;
  109. var layer = layui.layer;
  110. $("#add-table-btn").on("click",function (){
  111. if($(".layui-table tbody tr").length + 1 > 7){
  112. return false;
  113. }
  114. var tr = $("#template-box tr:first").clone();
  115. $(".layui-table tbody").append(tr);
  116. form.render('select');
  117. });
  118. if($(".layui-table tbody tr").length == 0){
  119. $("#add-table-btn").trigger("click");
  120. }
  121. $(document).on("click",".layui-button-remove",function (){
  122. if($(".layui-table tbody tr").length > 1){
  123. $(this).parent().parent().parent().remove();
  124. }
  125. return false;
  126. });
  127. $(document).on("click", ".layui-button-down", function() {
  128. var current_tr = $(this).parent().parent().parent();
  129. current_tr.insertAfter(current_tr.next());
  130. });
  131. $(document).on("click", ".layui-button-up", function() {
  132. var current_tr = $(this).parent().parent().parent();
  133. if (current_tr.prev().html() != null) {
  134. current_tr.insertBefore(current_tr.prev());
  135. }
  136. });
  137. form.on('submit(layui-submit-filter)', function (data) {
  138. var index = layer.load(1, { shade: [0.2,'#fff'] });
  139. $.post('{:createUrl("sign")}', data.field, function (result) {
  140. layer.close(index);
  141. if(result.code){
  142. layer.msg(result.msg, {
  143. time: 0
  144. ,btn: ['继续编辑']
  145. ,yes: function(index){
  146. window.location.reload();
  147. }
  148. });
  149. }else{
  150. layer.msg(result.msg,{ icon :2 });
  151. }
  152. }, "json");
  153. return false;
  154. });
  155. });
  156. });
  157. </script>