adminorder.html 5.6 KB

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