cashlist.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <div class="layui-fluid">
  2. <div class="layui-card">
  3. <div class="layui-form layui-form-pane layui-card-header layuiadmin-card-header-auto" lay-filter="LAY-broker-cashlist-search">
  4. <div class="layui-form-item">
  5. <div class="layui-inline">
  6. <label class="layui-form-label">状态</label>
  7. <div class="layui-input-block">
  8. <select name="status">
  9. <option value="">全部状态</option>
  10. <option value="1">待处理</option>
  11. <option value="2">已成功</option>
  12. <option value="3">已拒绝</option>
  13. </select>
  14. </div>
  15. </div>
  16. <div class="layui-inline">
  17. <button class="layui-btn" lay-submit lay-filter="LAY-broker-cashlist-btn">
  18. <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
  19. </button>
  20. </div>
  21. </div>
  22. </div>
  23. <div class="layui-card-body">
  24. <table id="LAY-broker-cashlist-table" lay-filter="LAY-broker-cashlist-table"></table>
  25. <script type="text/html" id="brokerTpl">
  26. {{d.broker.title}} - {{d.broker.mobile}}
  27. </script>
  28. <script type="text/html" id="setTpl">
  29. {{# if(d.status == 1){ }}
  30. <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="examine"><i class="layui-icon layui-icon-edit"></i>审核</a>
  31. {{# } }}
  32. </script>
  33. </div>
  34. </div>
  35. </div>
  36. <script>
  37. layui.config({
  38. base: '/static/echoui/' //静态资源所在路径
  39. }).extend({
  40. index: 'lib/index' //主入口模块
  41. }).use(['index', 'form', 'set', 'table'], function() {
  42. var $ = layui.$,
  43. setter = layui.setter,
  44. admin = layui.admin,
  45. form = layui.form,
  46. table = layui.table;
  47. form.render();
  48. table.render({
  49. elem: '#LAY-broker-cashlist-table',
  50. url: setter.baseAdminUrl + 'broker/listCash',
  51. cols: [
  52. [
  53. { field: 'id', width: 80, title: '表ID', sort: true },
  54. { field: 'broker', title: '经济人', templet: '#brokerTpl', minWidth: 200, align: 'left' },
  55. { field: 'title', title: '标题', width: 150, align: 'center' },
  56. { field: 'value', title: '金额', width: 100, align: 'center' },
  57. { field: 'status_text', title: '状态', width: 100, align: 'center' },
  58. { field: 'remark', title: '备注', align: 'center' },
  59. { field: 'createtime', title: '创建时间', width: 170 },
  60. { title: '操作', width: 100, align: 'center', fixed: 'right', toolbar: '#setTpl' }
  61. ]
  62. ],
  63. page: true,
  64. limit: 50,
  65. cellMinWidth: 150,
  66. text: '对不起,加载出现异常!'
  67. });
  68. form.on('submit(LAY-broker-cashlist-btn)', function(data) {
  69. table.reload('LAY-broker-cashlist-table', {
  70. where: data.field,
  71. page: {
  72. curr: 1
  73. }
  74. });
  75. });
  76. table.on('tool(LAY-broker-cashlist-table)', function(obj) {
  77. var data = obj.data;
  78. if (obj.event === 'examine') {
  79. var index = layer.open({
  80. type: 2,
  81. title: '审核',
  82. content: 'examineCash.html?id=' + data.id,
  83. maxmin: true,
  84. area: ['750px', '380px']
  85. });
  86. }
  87. });
  88. });
  89. </script>