index.php 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  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 float-e-margins">
  23. <div class="ibox-title">
  24. <h5>数据库表列表</h5>
  25. </div>
  26. <div class="ibox-content" style="display: block;">
  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: 'name', title: '表名称'},
  50. {field: 'comment', title: '备注' },
  51. {field: 'engine', title: '类型'},
  52. {field: 'data_length', title: '大小'},
  53. {field: 'update_time', title: '更新时间'},
  54. {field: 'rows', title: '行数'},
  55. {fixed: 'right', title: '操作', width: '10%', align: 'center', toolbar: '#fileListtool'}
  56. ];
  57. },100);
  58. layList.reload();
  59. //监听并执行 uid 的排序
  60. layList.tool(function (event,data) {
  61. var layEvent = event;
  62. switch (layEvent){
  63. case 'see':
  64. $eb.createModalFrame('详情',layList.Url({a:'edit',p:{uid:data.name}}));
  65. break;
  66. }
  67. });
  68. //加载table
  69. layList.tableList('userList',"{:Url('tablelist')}",function () {
  70. return [
  71. {type:'checkbox'},
  72. {field: 'name', title: '表名称'},
  73. {field: 'comment', title: '备注' },
  74. {field: 'engine', title: '类型'},
  75. {field: 'data_length', title: '大小'},
  76. {field: 'update_time', title: '更新时间'},
  77. {field: 'rows', title: '行数'},
  78. {fixed: 'right', title: '操作', width: '10%', align: 'center', toolbar: '#barDemo'}
  79. ];
  80. },100);
  81. layList.reload();
  82. //监听并执行 uid 的排序
  83. layList.tool(function (event,data) {
  84. var layEvent = event;
  85. switch (layEvent){
  86. case 'see':
  87. $eb.createModalFrame('详情',layList.Url({a:'edit',p:{uid:data.name}}));
  88. break;
  89. }
  90. });
  91. var action={
  92. optimize:function () {
  93. var tables=layList.getCheckData().getIds('name');
  94. if(tables.length){
  95. layList.basePost(layList.Url({a:'optimize'}),{tables:tables},function (res) {
  96. layList.msg(res.msg);
  97. // layList.reload();
  98. });
  99. }else{
  100. layList.msg('请选择表');
  101. }
  102. },
  103. repair:function () {
  104. var tables=layList.getCheckData().getIds('name');
  105. if(tables.length){
  106. layList.basePost(layList.Url({a:'repair'}),{tables:tables},function (res) {
  107. layList.msg(res.msg);
  108. // layList.reload();
  109. });
  110. }else{
  111. layList.msg('请选择表');
  112. }
  113. },
  114. backup:function () {
  115. var tables=layList.getCheckData().getIds('name');
  116. if(tables.length){
  117. layList.basePost(layList.Url({a:'backup'}),{tables:tables},function (res) {
  118. layList.msg(res.msg);
  119. // layList.reload();
  120. });
  121. }else{
  122. layList.msg('请选择表');
  123. }
  124. },
  125. };
  126. $('.conrelTable').find('button').each(function () {
  127. var type=$(this).data('type');
  128. $(this).on('click',function () {
  129. action[type] && action[type]();
  130. })
  131. })
  132. </script>
  133. {/block}