getmoney.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <div class="layui-fluid">
  2. <div class="layui-row layui-col-space15">
  3. <div class="layui-col-md12">
  4. <div class="layui-card">
  5. <div class="layui-card-header">提现设置</div>
  6. <div class="layui-card-body" pad15>
  7. <div class="layui-form layui-form-pane">
  8. <button type="button" id="add" class="layui-btn layui-btn-normal">添加</button>
  9. <table class="layui-table" id="table">
  10. <tr>
  11. <th>金额</th>
  12. <th>可提次数</th>
  13. <th>次数限制条件</th>
  14. <th>操作</th>
  15. </tr>
  16. {volist name="getmoney" id="vo"}
  17. <tr class="form-tr">
  18. <td><input type="text" name="money{$key}" class="layui-input" value="{$vo.money}"></td>
  19. <td><input type="text" name="num{$key}" class="layui-input" value="{$vo.num}"></td>
  20. <td>
  21. <input type="radio" name="type{$key}" value="1" title="账号" {eq name="vo.type" value="1"}checked{/eq}>
  22. <input type="radio" name="type{$key}" value="2" title="每月" {eq name="vo.type" value="2"}checked{/eq}>
  23. </td>
  24. <td>
  25. <button type="button" class="layui-btn layui-btn-danger btn-del">删除</button>
  26. </td>
  27. </tr>
  28. {/volist}
  29. </table>
  30. <div class="layui-input-block" style="text-align:center;margin-top:20px;">
  31. <button class="layui-btn" id="submit">确认修改</button>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. </div>
  37. </div>
  38. </div>
  39. <script>
  40. layui.config({
  41. base: '/static/echoui/' //静态资源所在路径
  42. }).extend({
  43. index: 'lib/index' //主入口模块
  44. }).use(['index', 'set'], function() {
  45. var $ = layui.$,
  46. setter = layui.setter,
  47. form = layui.form,
  48. admin = layui.admin;
  49. var index = {:count($getmoney)};
  50. $('#add').click(function(){
  51. $('#table').append(gettr(index));
  52. index++;
  53. form.render();
  54. });
  55. function gettr(index) {
  56. var tr = '<tr class="form-tr">' +
  57. '<td><input type="text" name="money' + index + '" class="layui-input" value="0"></td>' +
  58. '<td><input type="text" name="num' + index + '" class="layui-input" value="0"></td>' +
  59. '<td><input type="radio" name="type' + index + '" value="1" title="账号" checked><input type="radio" name="type' + index + '" value="2" title="每月"></td>' +
  60. '<td><button type="button" class="layui-btn layui-btn-danger btn-del">删除</button></td>' +
  61. '</tr>';
  62. return tr;
  63. }
  64. $('#table').on('click','.btn-del',function(){
  65. $(this).parent().parent().remove();
  66. });
  67. $('#submit').click(function(){
  68. var form = $('.form-tr');
  69. var data = [];
  70. if (form.length === 0) {
  71. layer.msg("请添加数据", { icon: 2 });
  72. return false;
  73. }
  74. $.each(form,function(k,v){
  75. var item = {};
  76. item.money = $(v).find('input')[0].value;
  77. item.num = $(v).find('input')[1].value;
  78. item.type = $(v).find('input:radio:checked').val();
  79. data.push(item);
  80. });
  81. admin.req({
  82. url: setter.baseAdminUrl + 'user/editGetmoney',
  83. data: {getmoney:data},
  84. done: function(res) {
  85. layer.msg("提交成功", { icon: 1 });
  86. }
  87. });
  88. });
  89. });
  90. </script>