index.php 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. {extend name="public/container"}
  2. {block name="content"}
  3. <div class="row">
  4. <div class="col-sm-12">
  5. <div class="ibox float-e-margins">
  6. <div class="ibox-title">
  7. <h5>数据库备份记录</h5>
  8. </div>
  9. <div class="ibox-content" style="display: block;">
  10. <div class="table-responsive">
  11. <table class="layui-hide" id="fileList" lay-filter="fileList"></table>
  12. <script type="text/html" id="fileListtool">
  13. <button type="button" class="layui-btn layui-btn-xs" lay-event="see"><i class="layui-icon layui-icon-edit"></i>详情</button>
  14. </script>
  15. </div>
  16. </div>
  17. </div>
  18. </div>
  19. </div>
  20. <div class="row">
  21. <div class="col-sm-12">
  22. <div class="ibox">
  23. <div class="ibox-title">
  24. <h5>数据库表列表</h5>
  25. </div>
  26. <div class="ibox-content">
  27. <div class="table-responsive">
  28. <div class="layui-btn-group conrelTable">
  29. <button class="layui-btn layui-btn-sm layui-btn-normal" type="button" data-type="backup"><i class="fa fa-check-circle-o"></i>备份</button>
  30. <button class="layui-btn layui-btn-sm layui-btn-normal" type="button" data-type="optimize"><i class="fa fa-check-circle-o"></i>优化表</button>
  31. <button class="layui-btn layui-btn-sm layui-btn-normal" type="button" data-type="repair"><i class="fa fa-check-circle-o"></i>修复表</button>
  32. <button class="layui-btn layui-btn-sm layui-btn-normal" type="button" data-type="refresh"><i class="layui-icon layui-icon-refresh" ></i>刷新</button>
  33. </div>
  34. <table class="layui-hide" id="userList" lay-filter="userList"></table>
  35. <script type="text/html" id="barDemo">
  36. <button type="button" class="layui-btn layui-btn-xs" lay-event="see"><i class="layui-icon layui-icon-edit"></i>详情</button>
  37. </script>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. <script src="{__ADMIN_PATH}js/layuiList.js"></script>
  44. <script>
  45. //加载sql备份列表
  46. layList.tableList('fileList',"{:Url('fileList')}",function () {
  47. return [
  48. {type:'checkbox'},
  49. {field: 'backtime', title: '备份名称'},
  50. {field: 'part', title: '备注' },
  51. {field: 'size', title: '大小'},
  52. {field: 'compress', title: '类型'},
  53. {field: 'time', title: '时间'},
  54. {fixed: 'right', title: '操作', width: '10%', align: 'center', toolbar: '#fileListtool'}
  55. ];
  56. },100);
  57. layList.reload();
  58. //监听并执行 uid 的排序
  59. layList.tool(function (event,data) {
  60. var layEvent = event;
  61. switch (layEvent){
  62. case 'see':
  63. $eb.createModalFrame('详情',layList.Url({a:'edit',p:{uid:data.name}}));
  64. break;
  65. }
  66. });
  67. //加载table
  68. layList.tableList('userList',"{:Url('tablelist')}",function () {
  69. return [
  70. {type:'checkbox'},
  71. {field: 'name', title: '表名称'},
  72. {field: 'comment', title: '备注' },
  73. {field: 'engine', title: '类型'},
  74. {field: 'data_length', title: '大小'},
  75. {field: 'update_time', title: '更新时间'},
  76. {field: 'rows', title: '行数'},
  77. {fixed: 'right', title: '操作', width: '10%', align: 'center', toolbar: '#barDemo'}
  78. ];
  79. },100);
  80. layList.reload();
  81. //监听并执行 uid 的排序
  82. layList.tool(function (event,data) {
  83. var layEvent = event;
  84. switch (layEvent){
  85. case 'see':
  86. $eb.createModalFrame('详情',layList.Url({a:'edit',p:{uid:data.name}}));
  87. break;
  88. }
  89. });
  90. var action={
  91. optimize:function () {
  92. var tables=layList.getCheckData().getIds('name');
  93. if(tables.length){
  94. layList.basePost(layList.Url({a:'optimize'}),{tables:tables},function (res) {
  95. layList.msg(res.msg);
  96. // layList.reload();
  97. });
  98. }else{
  99. layList.msg('请选择表');
  100. }
  101. },
  102. repair:function () {
  103. var tables=layList.getCheckData().getIds('name');
  104. if(tables.length){
  105. layList.basePost(layList.Url({a:'repair'}),{tables:tables},function (res) {
  106. layList.msg(res.msg);
  107. // layList.reload();
  108. });
  109. }else{
  110. layList.msg('请选择表');
  111. }
  112. },
  113. backup:function () {
  114. var tables=layList.getCheckData().getIds('name');
  115. if(tables.length){
  116. layList.basePost(layList.Url({a:'backup'}),{tables:tables},function (res) {
  117. layList.msg(res.msg);
  118. // layList.reload();
  119. });
  120. }else{
  121. layList.msg('请选择表');
  122. }
  123. },
  124. };
  125. $('.conrelTable').find('button').each(function () {
  126. var type=$(this).data('type');
  127. $(this).on('click',function () {
  128. action[type] && action[type]();
  129. })
  130. })
  131. </script>
  132. {/block}