shenhe.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. {include file="common/header"/}
  2. <style>
  3. .upload-wrap {
  4. position: relative;
  5. display: inline-block;
  6. overflow: hidden;
  7. border: 1px solid #2d78f4;
  8. border-radius: 3px;
  9. }
  10. .upload-wrap .file-ele {
  11. position: absolute;
  12. top: 0;
  13. right: 0;
  14. opacity: 0;
  15. height: 100%;
  16. width: 100%;
  17. cursor: pointer;
  18. }
  19. .upload-wrap .file-open {
  20. width: 90px;
  21. height: 30px;
  22. line-height: 30px;
  23. text-align: center;
  24. color: #fff;
  25. background: #3385ff;
  26. }
  27. </style>
  28. <div class="LM-container">
  29. <div class="LM-main">
  30. <fieldset class="layui-elem-field layui-field-title">
  31. <legend>财务统计</legend>
  32. <blockquote class="layui-elem-quote">
  33. <div class="LM-table">
  34. </div>
  35. </blockquote>
  36. </fieldset>
  37. <table class="layui-table" id="list" lay-filter="list">
  38. </table>
  39. </div>
  40. </div>
  41. <script type="text/html" id="barDemo">
  42. {{# if(d.status ===0 ){ }}
  43. <input type="button" class="layui-btn layui-btn-xs" lay-event="tongguo" value="审核通过">
  44. <input type="button" class="layui-btn layui-btn-danger layui-btn-xs" lay-event="jujue" value="拒绝">
  45. {{# }}}
  46. </script>
  47. <script type="text/html" id="avatar">
  48. <img src="/static/admin/images/image.gif"
  49. onmouseover="layer.tips('<img src={{d.image}}>',this,{tips: [1, '#fff']});"
  50. onmouseout="layer.closeAll();">
  51. </script>
  52. {include file="common/footer"/}
  53. <script src="/static/plugins/jquery-3.4.1/jquery-3.4.1.min.js"></script>
  54. <script>
  55. layui.use(['form', 'table'], function () {
  56. var $ = layui.jquery,
  57. form = layui.form,
  58. table = layui.table;
  59. var tableIn = table.render({
  60. elem: '#list',
  61. url: '{:url("shenhe")}',
  62. method: 'post',
  63. title: '反馈意见',
  64. loading: true,
  65. toolbar: '#toolbar', //开启头部工具栏,并为其绑定左侧模板
  66. defaultToolbar: ['filter', 'exports', 'print', "excel", { //自定义头部工具栏右侧图标。如无需自定义,去除该参数即可
  67. title: '提示'
  68. , layEvent: 'LAYTABLE_TIPS'
  69. , icon: 'layui-icon-tips'
  70. }],
  71. cols: [[
  72. // {checkbox: true, fixed: true},
  73. {field: 'id', title: 'ID', width: 80, fixed: true, sort: true},
  74. {field: 'user_id', title: '用户id', width: 120, sort: true},
  75. {field: 'user_name', title: '用户', width: 120, sort: true},
  76. {field: 'money', title: '充值数量', width: 120, sort: true},
  77. {field: 'actual_money', title: '实际充值金额', width: 200, sort: true},
  78. {field: 'charge_money', title: '优惠金额', width: 120, sort: true},
  79. {field: 'statuss', title: '状态', width:200, sort: true},
  80. {field: 'image', title: '上传凭证', width:200, sort: true,templet: "#avatar"},
  81. {title: '操作', width: 300, align: "center", toolbar: "#barDemo"},
  82. ]],
  83. limits: [10, 15, 20, 25, 50, 100],
  84. limit: 10,
  85. page: true
  86. });
  87. table.on('tool(list)', function (obj) {
  88. var data = obj.data;
  89. let event = obj.event;
  90. switch (event) {
  91. case "jujue":
  92. layer.confirm('您确定要拒绝吗', function (index) {
  93. loading = layer.load(1, {shade: [0.1, '#fff']});
  94. $.post("{:url('jujue')}", {id: data.id}, function (res) {
  95. layer.close(loading);
  96. layer.close(index);
  97. if (res.code == 200) {
  98. layer.msg(res.msg, {time: 1000, icon: 1});
  99. tableIn.reload();
  100. } else {
  101. layer.msg(res.msg, {time: 1000, icon: 2});
  102. }
  103. }, "json")
  104. })
  105. break;
  106. case "tongguo":
  107. // layer.confirm('确定要进行这样的操作码', function (index) {
  108. loading = layer.load(1, {shade: [0.1, '#fff']});
  109. $.post("{:url('czcg')}", {id: data.id}, function (res) {
  110. layer.close(loading);
  111. // layer.close(index);
  112. if (res.code == 200) {
  113. layer.msg(res.msg, {time: 1000, icon: 1});
  114. tableIn.reload();
  115. } else {
  116. layer.msg(res.msg, {time: 1000, icon: 2});
  117. }
  118. }, "json")
  119. // })
  120. break;
  121. }
  122. });
  123. form.on('switch(status)', function (data) {
  124. });
  125. $('#search').click(function () {
  126. var $keys = $('#name').val();
  127. if (!$keys) {
  128. return layer.msg('请输入关键词');
  129. }
  130. tableIn.reload({page: {page: 1}, where: {name: $keys}});
  131. })
  132. // setInterval(function () {
  133. // tableIn.reload();
  134. // }, 50000)
  135. });
  136. </script>