index.php 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. {extend name="public/container"}
  2. {block name="content"}
  3. <div class="layui-fluid">
  4. <div class="layui-row layui-col-space15" id="app">
  5. <div class="layui-col-md12">
  6. </div>
  7. <div class="layui-col-md12">
  8. <div class="layui-card">
  9. <div class="layui-card-header">数据库表列表</div>
  10. <div class="layui-card-body">
  11. <div class="layui-btn-group conrelTable">
  12. <button class="layui-btn layui-btn-sm layui-btn-normal" type="button" data-type="set_grant"><i class="fa fa-check-circle-o"></i>备份</button>
  13. <button class="layui-btn layui-btn-sm layui-btn-normal" type="button" data-type="set_custom"><i class="fa fa-check-circle-o"></i>优化表</button>
  14. <button class="layui-btn layui-btn-sm layui-btn-normal" type="button" data-type="set_info"><i class="fa fa-check-circle-o"></i>修复表</button>
  15. <button class="layui-btn layui-btn-sm layui-btn-normal" type="button" data-type="refresh"><i class="layui-icon layui-icon-refresh" ></i>刷新</button>
  16. </div>
  17. <table class="layui-hide" id="userList" lay-filter="userList"></table>
  18. <script type="text/html" id="barDemo">
  19. <button type="button" class="layui-btn layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</button>
  20. <button type="button" class="layui-btn layui-btn-xs" lay-event="see"><i class="layui-icon layui-icon-edit"></i>详情</button>
  21. </script>
  22. </div>
  23. </div>
  24. </div>
  25. </div>
  26. </div>
  27. <script src="{__ADMIN_PATH}js/layuiList.js"></script>
  28. <script>
  29. layList.tableList('userList',"{:Url('tablelist')}",function () {
  30. return [
  31. {type:'checkbox'},
  32. {field: 'name', title: '表名称'},
  33. {field: 'comment', title: '备注' },
  34. {field: 'engine', title: '类型'},
  35. {field: 'data_length', title: '大小'},
  36. {field: 'update_time', title: '更新时间'},
  37. {field: 'rows', title: '行数'},
  38. {fixed: 'right', title: '操作', width: '10%', align: 'center', toolbar: '#barDemo'}
  39. ];
  40. },100);
  41. layList.reload();
  42. </script>
  43. {/block}