tongxingzheng.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. {include file="common/header"/}
  2. <style>
  3. .yourclass {
  4. display: block;
  5. }
  6. .canel {
  7. display: none;
  8. }
  9. </style>
  10. <div class="LM-container">
  11. <div class="LM-main">
  12. <fieldset class="layui-elem-field layui-field-title">
  13. <legend>通证记录</legend>
  14. <blockquote class="layui-elem-quote">
  15. </blockquote>
  16. </fieldset>
  17. <table class="layui-table" id="list" lay-filter="list"></table>
  18. </div>
  19. </div>
  20. <script type="text/html" id="barDemo">
  21. <input type="button" class="layui-btn layui-btn-xs" lay-event="del" value="删除">
  22. </script>
  23. {include file="common/footer"/}
  24. <script>
  25. let redIndex=0;
  26. let user_id=0;
  27. let vip_level=0;
  28. layui.use(['form', 'table'], function () {
  29. var $ = layui.jquery,
  30. form = layui.form,
  31. table = layui.table;
  32. var tableIn = table.render({
  33. elem: '#list',
  34. url: '{:url("tongxingzheng")}',
  35. method: 'post',
  36. title: '用户数据表',
  37. // toolbar: '#toolbar', //开启头部工具栏,并为其绑定左侧模板
  38. defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义,去除该参数即可
  39. title: '提示'
  40. , layEvent: 'LAYTABLE_TIPS'
  41. , icon: 'layui-icon-tips'
  42. }],
  43. cols: [[
  44. // {checkbox: true, fixed: true},
  45. {field: 'id', title: 'ID', width: 80, sort: true},
  46. {field: 'user_id', title: '用户id', width: 200},
  47. {field: 'user_name', title: '用户名称', width: 200},
  48. {field: 'name', title: '说明', width: 200},
  49. {field: 'money', title: '金额', width: 200},
  50. {field: 'status', title: '0增加1减少', width: 200},
  51. {field: 'add_time', title: '添加时间', width: 200},
  52. // {title: '操作', width: 150, toolbar: '#barDemo', align: "center"},
  53. ]],
  54. limits: [10, 15, 20, 25, 50, 100],
  55. limit: 15,
  56. page: true
  57. });
  58. //监听单元格编辑
  59. table.on('edit(list)', function(obj){
  60. var value = obj.value //得到修改后的值
  61. ,data = obj.data //得到所在行所有键值
  62. ,field = obj.field; //得到字段
  63. // layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改为:'+ value);
  64. let da={
  65. id:data.id,
  66. field:field,
  67. value:value
  68. }
  69. $.post("{:url('update_user_level')}", da, function (res) {
  70. if (res.code ==200) {
  71. layer.msg(res.msg, {time: 1000, icon: 1});
  72. } else {
  73. tableIn.reload()
  74. layer.msg(res.msg, {time: 1000, icon: 2});
  75. }
  76. },"json");
  77. });
  78. table.on('tool(list)', function (obj) {
  79. var data = obj.data;
  80. if (obj.event === 'del') {
  81. layer.confirm('您确定要删除吗', function (index) {
  82. loading = layer.load(1, {shade: [0.1, '#fff']});
  83. $.post("{:url('del_user_level')}", {id: data.id}, function (res) {
  84. layer.close(loading);
  85. layer.close(index);
  86. if (res.code ==200) {
  87. layer.msg(res.msg, {time: 1000, icon: 1});
  88. obj.del();
  89. } else {
  90. layer.msg(res.msg, {time: 1000, icon: 2});
  91. }
  92. },"json");
  93. });
  94. }
  95. });
  96. form.on('switch(status)', function (data) {
  97. // 修改状态
  98. loading = layer.load(1, {shade: [0.1, '#fff']});
  99. $.post("{:url('fenhao')}", {id: data.value}, function (res) {
  100. layer.close(loading);
  101. if (res.code == 200) {
  102. layer.msg(res.msg, {time: 1000, icon: 1});
  103. } else {
  104. layer.msg(res.msg, {time: 1000, icon: 2});
  105. }
  106. }, "json");
  107. });
  108. $("#add_level").click(function () {
  109. let data={
  110. level:$("#level").val(),
  111. bili:$("#bili").val(),
  112. }
  113. if (!data.level){
  114. layer.msg("请输入等级", {time: 1000, icon: 1});
  115. return;
  116. }
  117. loading = layer.load(1, {shade: [0.1, '#fff']});
  118. $.post("{:url('add_user_level')}", data, function (res) {
  119. layer.close(loading);
  120. if (res.code == 200) {
  121. layer.msg(res.msg, {time: 1000, icon: 1});
  122. tableIn.reload()
  123. } else {
  124. layer.msg(res.msg, {time: 1000, icon: 2});
  125. }
  126. }, "json");
  127. })
  128. $('#search').click(function () {
  129. var $keys = $('#keys').val();
  130. if (!$keys) {
  131. return layer.msg('请输入关键词');
  132. }
  133. tableIn.reload({page: {page: 1}, where: {keys: $keys}});
  134. })
  135. });
  136. </script>