{extend name="public:base" /}

{block name="body"}
  <div class="layui-fluid">
    <div class="layui-card">
      <div class="layui-card-header layuiadmin-card-header-auto">
        <button class="layui-btn layuiadmin-btn-ledger" data-type="back">备份</button>
      </div>
	  	
	  <div class="layui-progress layui-progress-big" lay-showpercent="true" lay-filter="demo">
		  <div class="layui-progress-bar layui-bg-red" lay-percent="0%"></div>
		</div>
	 
      <div class="layui-card-body">    
        <table id="LAY-app-content-ledger" lay-filter="LAY-app-content-ledger"></table>
		<script type="text/html" id="toolbarDemo">
		  <div class="layui-btn-container">
			<button class="layui-btn layui-btn-sm" lay-event="getCheckData">获取选中行数据</button>
			<button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>
			<button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>
		  </div>
		</script>
        <script type="text/html" id="tao-ledger">
          <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>备份</a>
		  <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="down"><i class="layui-icon layui-icon-edit"></i>下载</a>
		  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-edit"></i>删除</a>
        </script>
      </div>
    </div>
  </div>

{/block}

{block name="js"}
  <script>
 
  layui.config({
    base: '/static/admin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index','table','layer','element'], function(){

    var table = layui.table,
	layer = layui.layer,
	element = layui.element;
    var $ = layui.$;

	var active = {
	
		back: function backup(predate)
		{
			//var index = layer.load();
			$.ajax({
				url: "{:url('admin/Databackup/backup')}",
				type: 'POST', //POST
				async: true, //或false,是否异步
				dataType: 'json',
				data:predate,
				success: function (data) {
					
					if (data.totalpercentage >= 100)
					{
						//关闭
						//layer.close(index);  
						layer.alert('备份完成', {icon: 1});
					}
						
					element.progress('demo', data.totalpercentage+'%');

					//循环备份
					if (data.totalpercentage < 100)
					{
						backup(data);
					}

				}	
					
			});		
		}

	};
	
	
	
	//总帐信息
    table.render({
        elem: '#LAY-app-content-ledger'
        ,url: "{:url('admin/Database/index')}"	//进列表接口
        ,toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
        ,defaultToolbar: ['filter', 'exports', 'print']
        ,cols: [[
            {type: 'checkbox', fixed: 'left'}
			,{field:'id', title:'ID', width:80, fixed: 'left', unresize: true, sort: true}
            ,{field: 'time', title: '备份时间',width: 180}
			,{field: 'name', title: '备份名', minWidth: 200}
            ,{title: '操作', width: 150, align: 'center', toolbar: '#tao-ledger'}
        ]]
		,page: true
		,limit: 15
		,limits: [10, 15, 20, 25, 30]
        ,text: '对不起，加载出现异常！'
    });

	
	
	
	$('#back1').on('click',function(){
	
		//询问框
		layer.confirm('确定备份？', {
		  btn: ['确定','取消'] //按钮
		  }, function(){
		  console.log(123);
			backup({});
			//layer.msg('的确很重要', {icon: 1});
			
		}
		);
	
	});
	

	
    $('.layui-btn.layuiadmin-btn-ledger').on('click', function(){
      var type = $(this).data('type');
      active[type] ? active[type].call(this) : '';
    });
  });
  </script>
{/block}