getmoney.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  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>金额(最低0.3)</th>
  12. <th>概率%</th>
  13. <th>操作</th>
  14. </tr>
  15. {volist name="out_getmoney" id="vo"}
  16. <tr class="form-tr">
  17. <td><input type="text" name="money{$key}" class="layui-input" value="{$vo.money}"></td>
  18. <td><input type="text" name="odds{$key}" class="layui-input" value="{$vo.odds}"></td>
  19. <td>
  20. <button type="button" class="layui-btn layui-btn-danger btn-del">删除</button>
  21. </td>
  22. </tr>
  23. {/volist}
  24. </table>
  25. <div class="layui-input-block" style="text-align:center;margin-top:20px;">
  26. <button class="layui-btn" id="submit">确认修改</button>
  27. </div>
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. <script>
  35. layui.config({
  36. base: '/static/echoui/' //静态资源所在路径
  37. }).extend({
  38. index: 'lib/index' //主入口模块
  39. }).use(['index', 'set'], function() {
  40. var $ = layui.$,
  41. setter = layui.setter,
  42. form = layui.form,
  43. admin = layui.admin;
  44. var index = {:count($out_getmoney)};
  45. $('#add').click(function(){
  46. $('#table').append(gettr(index));
  47. index++;
  48. form.render();
  49. });
  50. function gettr(index) {
  51. var tr = '<tr class="form-tr">' +
  52. '<td><input type="text" name="money' + index + '" class="layui-input" value="0"></td>' +
  53. '<td><input type="text" name="odds' + index + '" class="layui-input" value="0"></td>' +
  54. '<td><button type="button" class="layui-btn layui-btn-danger btn-del">删除</button></td>' +
  55. '</tr>';
  56. return tr;
  57. }
  58. $('#table').on('click','.btn-del',function(){
  59. $(this).parent().parent().remove();
  60. });
  61. $('#submit').click(function(){
  62. var form = $('.form-tr');
  63. var data = [];
  64. if (form.length === 0) {
  65. layer.msg("请添加数据", { icon: 2 });
  66. return false;
  67. }
  68. $.each(form,function(k,v){
  69. var item = {};
  70. item.money = $(v).find('input')[0].value;
  71. item.odds = $(v).find('input')[1].value;
  72. data.push(item);
  73. });
  74. admin.req({
  75. url: setter.baseAdminUrl + 'out/editGetmoney',
  76. data: {out_getmoney:data},
  77. done: function(res) {
  78. layer.msg("提交成功", { icon: 1 });
  79. }
  80. });
  81. });
  82. });
  83. </script>