index.php 6.9 KB

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