var table1 = layui.table;
var table2 = layui.table;

var type = [
    {code: 0, name: ''},
    {code: 1, name: '安卓稳定版'},
    {code: 2, name: '安卓公测版'},
    {code: 3, name: '安卓内侧版'},
    {code: 4, name: 'IOS稳定版'},
    {code: 5, name: 'IOS公测版'},
    {code: 6, name: 'IOS内侧版'}
];
var vstatus = [
    {code: 0, name: ''},
    {code: 1, name: '上线'},
    {code: 2, name: '推荐更新'},
    {code: 3, name: '下线'},
];

table1.render({
    elem: '#table1',
    page: 1,
    limit: 10,
    where: {type: type[1].code},
    url: '/admin/app/list',
    cols: [[
        {field: 'id', title: '编号'},
        {field: 'version', title: '版本号'},
        {field: 'type', title: '类型', templet: '<div>{{type[d.type].name}}</div>'},
        {field: 'status', title: '状态', templet: '<div>{{vstatus[d.status].name}}</div>'},
        {
            field: 'download_url',
            title: '下载链接',
            width: 900,
            templet: '<div><a href="{{d.download_url}}">{{d.download_url}}</a> </div>'
        },
        {field: 'updated_at', title: '更新时间'},
        {title: '操作', templet: '#operTpl'},
    ]]
});
table2.render({
    elem: '#table2',
    page: 1,
    limit: 10,
    where: {type: type[4].code},
    url: '/admin/app/list',
    cols: [[
        {field: 'id', title: '编号'},
        {field: 'version', title: '版本号'},
        {field: 'type', title: '类型', templet: '<div>{{type[d.type].name}}</div>'},
        {field: 'status', title: '状态', templet: '<div>{{vstatus[d.status].name}}</div>'},
        {
            field: 'download_url',
            title: '下载链接',
            width: 900,
            templet: '<div><a href="{{d.download_url}}">{{d.download_url}}</a> </div>'
        },
        {field: 'updated_at', title: '更新时间'},
        {title: '操作', templet: '#operTpl'},
    ]]
});

//添加图层
$(".btn_add").click(function(){
    layer.open({
        type: 1,
        title: '版本信息',
        content: $('.add'), //这里content是一个普通的String
        scrollbar: false,
        area: '700px',
        cancel: function(index, layero){
            $('.add').attr('style', 'display:none')
        }
    })
});