index.php 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  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="import"><i class="layui-icon layui-icon-edit"></i>倒入</button>
  14. <button type="button" class="layui-btn layui-btn-xs" lay-event="delFile"><i class="layui-icon layui-icon-edit"></i>删除</button>
  15. <button type="button" class="layui-btn layui-btn-xs" lay-event="downloadFile"><i class="layui-icon layui-icon-edit"></i>下载</button>
  16. </script>
  17. </div>
  18. </div>
  19. </div>
  20. </div>
  21. </div>
  22. <div class="row">
  23. <div class="col-sm-12">
  24. <div class="ibox">
  25. <div class="ibox-title">
  26. <h5>数据库表列表</h5>
  27. </div>
  28. <div class="ibox-content">
  29. <div class="table-responsive">
  30. <script type="text/html" id="toolbarDemo">
  31. <div class="layui-btn-container">
  32. <button class="layui-btn layui-btn-sm" lay-event="backup">备份</button>
  33. <button class="layui-btn layui-btn-sm" lay-event="optimize">优化表</button>
  34. <button class="layui-btn layui-btn-sm" lay-event="repair">修复表</button>
  35. </div>
  36. </script>
  37. <table class="layui-hide" id="tableListID" lay-filter="tableListID"></table>
  38. <script type="text/html" id="barDemo">
  39. <button type="button" class="layui-btn layui-btn-xs" lay-event="see"><i class="layui-icon layui-icon-edit"></i>详情</button>
  40. </script>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. <script src="{__ADMIN_PATH}js/layuiList.js"></script>
  47. <script>
  48. layui.use('table', function(){
  49. var fileList = layui.table;
  50. var tableList = layui.table;
  51. //加载sql备份列表
  52. var buckdata = fileList.render({
  53. elem: '#fileList'
  54. ,url:"{:Url('fileList')}"
  55. ,cols: [[
  56. {field: 'backtime', title: '备份名称', sort: true},
  57. {field: 'part', title: '备注'},
  58. {field: 'size', title: '大小'},
  59. {field: 'compress', title: '类型'},
  60. {field: 'time', title: '时间'},
  61. {fixed: 'right', title: '操作', width: '20%', align: 'center', toolbar: '#fileListtool'}
  62. ]]
  63. ,page: false
  64. });
  65. function ipmosrting(time,part = null,start = null) {
  66. var data = {
  67. time:time,
  68. part:part||null,
  69. start:start||null
  70. };
  71. layList.basePost(layList.Url({a:'import'}),data,function (res) {
  72. if(res.code){
  73. setTimeout(ipmosrting(res.data.time,res.data.part,res.data.start),2000);
  74. }else{
  75. layList.msg(res.msg);
  76. return false;
  77. }
  78. });
  79. }
  80. //监听工具条
  81. fileList.on('tool(fileList)', function(obj){
  82. var data = obj.data;
  83. var layEvent = obj.event;
  84. switch (layEvent){
  85. case 'import':
  86. layer.confirm('真的倒入该备份吗?', function(index){
  87. ipmosrting(data.time);
  88. });
  89. break;
  90. case 'delFile':
  91. layer.confirm('真的删除该备份吗?', function(index){
  92. layList.basePost(layList.Url({a:'delFile'}),{feilname:data.time},function (res) {
  93. layList.msg(res.msg);
  94. buckdata.reload();
  95. });
  96. obj.del();
  97. layer.close(index);
  98. });
  99. break;
  100. case 'downloadFile':
  101. $eb.createModalFrame('详情',layList.Url({a:'downloadFile',p:{feilname:data.name}}));
  102. break;
  103. }
  104. });
  105. //加载table
  106. tableList.render({
  107. elem: '#tableListID'
  108. ,url:"{:Url('tablelist')}"
  109. ,toolbar: '#toolbarDemo'
  110. ,cols: [[
  111. {type:'checkbox'},
  112. {field: 'name', title: '表名称', sort: true},
  113. {field: 'comment', title: '备注' },
  114. {field: 'engine', title: '类型', sort: true},
  115. {field: 'data_length', title: '大小', sort: true,totalRow: true},
  116. {field: 'update_time', title: '更新时间', sort: true},
  117. {field: 'rows', title: '行数'},
  118. {fixed: 'right', title: '操作', width: '10%', align: 'center', toolbar: '#barDemo'}
  119. ]]
  120. ,page: false
  121. });
  122. //头工具栏事件
  123. tableList.on('toolbar(tableListID)', function(obj){
  124. var checkStatus = tableList.checkStatus(obj.config.id);
  125. var data = checkStatus.data;
  126. var tables = [];
  127. $.each(data, function (name, value) {
  128. if (value['name'] != undefined) tables.push(value['name']);
  129. });
  130. if(tables.length < 1 ){
  131. return false;
  132. }
  133. switch(obj.event){
  134. case 'backup':
  135. layList.basePost(layList.Url({a:'backup'}),{tables:tables},function (res) {
  136. layList.msg(res.msg,{icon:1,time:1000},function(){
  137. buckdata.reload();
  138. });
  139. });
  140. break;
  141. case 'optimize':
  142. layList.basePost(layList.Url({a:'optimize'}),{tables:tables},function (res) {
  143. layList.msg(res.msg);
  144. });
  145. break;
  146. case 'repair':
  147. layList.basePost(layList.Url({a:'repair'}),{tables:tables},function (res) {
  148. layList.msg(res.msg);
  149. });
  150. break;
  151. };
  152. });
  153. //监听并执行操作
  154. tableList.on('tool(tableListID)', function(obj){
  155. var data = obj.data;
  156. if(obj.event === 'see'){
  157. $eb.createModalFrame('详情',layList.Url({a:'edit',p:{tablename:data.name}}));
  158. }
  159. });
  160. });
  161. </script>
  162. {/block}