index.php 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  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. function ipmosrting(time,part = null,start = null) {
  49. var data = {
  50. time:time,
  51. part:part||'',
  52. start:start||''
  53. };
  54. layList.basePost(layList.Url({a:'import'}),data,function (res) {
  55. console.log(res);
  56. console.log(res.code);
  57. setTimeout(ipmosrting(time,1,0),2000);
  58. // if(res.code){
  59. // console.log(res);
  60. // setTimeout(ipmosrting(time,res.data.part,res.data.start),2000);
  61. // }else{
  62. // layList.msg(res.msg);
  63. // return false;
  64. // }
  65. });
  66. }
  67. layui.use('table', function(){
  68. var fileList = layui.table;
  69. var tableList = layui.table;
  70. //加载sql备份列表
  71. var buckdata = fileList.render({
  72. elem: '#fileList'
  73. ,url:"{:Url('fileList')}"
  74. ,cols: [[
  75. {field: 'backtime', title: '备份名称', sort: true},
  76. {field: 'part', title: '备注'},
  77. {field: 'size', title: '大小'},
  78. {field: 'compress', title: '类型'},
  79. {field: 'time', title: '时间'},
  80. {fixed: 'right', title: '操作', width: '20%', align: 'center', toolbar: '#fileListtool'}
  81. ]]
  82. ,page: false
  83. });
  84. //监听工具条
  85. fileList.on('tool(fileList)', function(obj){
  86. var data = obj.data;
  87. var layEvent = obj.event;
  88. switch (layEvent){
  89. case 'import':
  90. layer.confirm('真的倒入该备份吗?', function(index){
  91. ipmosrting(data.time);
  92. layer.close(index);
  93. });
  94. break;
  95. case 'delFile':
  96. layer.confirm('真的删除该备份吗?', function(index){
  97. layList.basePost(layList.Url({a:'delFile'}),{feilname:data.time},function (res) {
  98. layList.msg(res.msg);
  99. buckdata.reload();
  100. });
  101. obj.del();
  102. layer.close(index);
  103. });
  104. break;
  105. case 'downloadFile':
  106. $eb.createModalFrame('详情',layList.Url({a:'downloadFile',p:{feilname:data.name}}));
  107. break;
  108. }
  109. });
  110. //加载table
  111. tableList.render({
  112. elem: '#tableListID'
  113. ,url:"{:Url('tablelist')}"
  114. ,toolbar: '#toolbarDemo'
  115. ,cols: [[
  116. {type:'checkbox'},
  117. {field: 'name', title: '表名称', sort: true},
  118. {field: 'comment', title: '备注' },
  119. {field: 'engine', title: '类型', sort: true},
  120. {field: 'data_length', title: '大小', sort: true,totalRow: true},
  121. {field: 'update_time', title: '更新时间', sort: true},
  122. {field: 'rows', title: '行数'},
  123. {fixed: 'right', title: '操作', width: '10%', align: 'center', toolbar: '#barDemo'}
  124. ]]
  125. ,page: false
  126. });
  127. //头工具栏事件
  128. tableList.on('toolbar(tableListID)', function(obj){
  129. var checkStatus = tableList.checkStatus(obj.config.id);
  130. var data = checkStatus.data;
  131. var tables = [];
  132. $.each(data, function (name, value) {
  133. if (value['name'] != undefined) tables.push(value['name']);
  134. });
  135. if(tables.length < 1 ){
  136. return false;
  137. }
  138. switch(obj.event){
  139. case 'backup':
  140. layList.basePost(layList.Url({a:'backup'}),{tables:tables},function (res) {
  141. layList.msg(res.msg,{icon:1,time:1000},function(){
  142. buckdata.reload();
  143. });
  144. });
  145. break;
  146. case 'optimize':
  147. layList.basePost(layList.Url({a:'optimize'}),{tables:tables},function (res) {
  148. layList.msg(res.msg);
  149. });
  150. break;
  151. case 'repair':
  152. layList.basePost(layList.Url({a:'repair'}),{tables:tables},function (res) {
  153. layList.msg(res.msg);
  154. });
  155. break;
  156. };
  157. });
  158. //监听并执行操作
  159. tableList.on('tool(tableListID)', function(obj){
  160. var data = obj.data;
  161. if(obj.event === 'see'){
  162. $eb.createModalFrame('详情',layList.Url({a:'edit',p:{tablename:data.name}}));
  163. }
  164. });
  165. });
  166. </script>
  167. {/block}