index.php 7.0 KB

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