push.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  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 class="layui-inline">
  35. <input type="text" id='name' name="name" lay-verify="required" placeholder="搜索关键字" autocomplete="off" class="layui-input">
  36. </div>
  37. <a href="javascript:;" class="layui-btn data-add-btn layui-btn-sm" lay-submit="" lay-filter="add"
  38. id="search">
  39. {:lang('search')}
  40. </a>
  41. </div>
  42. </blockquote>
  43. </fieldset>
  44. <table class="layui-table" id="list" lay-filter="list">
  45. </table>
  46. </div>
  47. </div>
  48. <script type="text/html" id="image">
  49. {{# layui.each(d.image, function(index, item){ }}
  50. <img src="/static/admin/images/image.gif" onmouseover="layer.tips('<img src={{item}}>',this,{tips: [1, '#fff']});" onmouseout="layer.closeAll();">
  51. {{# });
  52. }}
  53. </script>
  54. <script type="text/html" id="barDemo">
  55. <a href="{:url('personl')}?hre=push&id={{d.buy_user}}" class="layui-btn layui-btn-xs" >购买用户信息</a>
  56. <a href="{:url('personl')}?hre=push&id={{d.push_user}}" class="layui-btn layui-btn-xs" >卖出用户信息</a>
  57. </script>
  58. {include file="common/footer"/}
  59. <script src="/static/plugins/jquery-3.4.1/jquery-3.4.1.min.js"></script>
  60. <script>
  61. layui.use(['form', 'table'], function () {
  62. var $ = layui.jquery,
  63. form = layui.form,
  64. table = layui.table;
  65. var tableIn = table.render({
  66. elem: '#list',
  67. url: '{:url("push")}',
  68. method: 'post',
  69. title: '反馈意见',
  70. loading: true,
  71. toolbar: '#toolbar', //开启头部工具栏,并为其绑定左侧模板
  72. defaultToolbar: ['filter', 'exports', 'print', "excel", { //自定义头部工具栏右侧图标。如无需自定义,去除该参数即可
  73. title: '提示'
  74. , layEvent: 'LAYTABLE_TIPS'
  75. , icon: 'layui-icon-tips'
  76. }],
  77. cols: [[
  78. // {checkbox: true, fixed: true},
  79. {field: 'id', title: 'ID', width: 20, fixed: true, sort: true},
  80. {field: 'buy_user', title: '购买用户id', width: 80, sort: true},
  81. {field: 'push_user', title: '卖出用户id', width: 80, sort: true},
  82. {field: 'user_name', title: '购买用户', width: 120, sort: true},
  83. {field: 'puser_name', title: '卖出用户', width: 120, sort: true},
  84. {field: 'number', title: '发布数量', width: 80, sort: true},
  85. {field: 'enlarge_quota', title: '放大额度', width: 80, sort: true},
  86. {field: 'order', title: '订单编号', width: 100, sort: true},
  87. {field: 'add_time', title: '添加时间', width: 150, sort: true},
  88. {field: 'stat_time', title: '未支付结束时间', width: 150, sort: true},
  89. {field: 'end_time', title: '完成时间', width: 150, sort: true},
  90. {field: 'msg', title: '失败原因', width: 150, sort: true},
  91. {field: 'image', title: '凭证', width: 150, templet: '#image'},
  92. {field: 'status', title: '订单状态', width: 150, sort: true},
  93. {title: '操作', width: 350, align: "center", toolbar: "#barDemo"},
  94. ]],
  95. limits: [10, 15, 20, 25, 50, 100],
  96. limit: 10,
  97. page: true
  98. });
  99. table.on('tool(list)', function (obj) {
  100. var data = obj.data;
  101. let event = obj.event;
  102. switch (event) {
  103. case "check":
  104. layer.confirm('确定要进行这样的操作码', function (index) {
  105. loading = layer.load(1, {shade: [0.1, '#fff']});
  106. $.post("{:url('status')}", {id: data.id}, function (res) {
  107. layer.close(loading);
  108. layer.close(index);
  109. if (res.code == 1) {
  110. layer.msg(res.msg, {time: 1000, icon: 1});
  111. tableIn.reload();
  112. } else {
  113. layer.msg(res.msg, {time: 1000, icon: 2});
  114. }
  115. }, "json")
  116. })
  117. break;
  118. }
  119. });
  120. form.on('switch(status)', function (data) {
  121. });
  122. $('#search').click(function () {
  123. var $keys = $('#name').val();
  124. if (!$keys) {
  125. return layer.msg('请输入关键词');
  126. }
  127. tableIn.reload({page: {page: 1}, where: {name: $keys}});
  128. })
  129. // setInterval(function () {
  130. // tableIn.reload();
  131. // }, 50000)
  132. });
  133. </script>