layui.use(['element','table','layer','form'], function(){ var element = layui.element; var table = layui.table; var form = layui.form; layer = layui.layer; //第一个实例 table.render({ elem: '#category_list' ,height: 500 ,url: 'index.php?c=api&method=category_list' //数据接口 ,page: true //开启分页 ,cols: [[ //表头 {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'} ,{field: 'name', title: '分类名称', width:160} ,{field: 'add_time', title: '添加时间', width:160, sort: true,templet:function(d){ var add_time = timestampToTime(d.add_time); return add_time; }} ,{field: 'up_time', title: '修改时间', width:160,templet:function(d){ if(d.up_time != ''){ var up_time = timestampToTime(d.up_time); return up_time; } else{ return ''; } }} ,{field: 'weight', title: '权重', width: 100} ,{field: 'property', title: '是否私有', width: 120, sort: true,templet: function(d){ if(d.property == 1) { return ''; } else { return ''; } }} ,{field: 'description', title: '描述'} ,{fixed: 'right', title:'操作', toolbar: '#nav_operate', width:150} ]] }); //监听行工具事件 table.on('tool(mycategory)', function(obj){ var data = obj.data; //console.log(obj); //console.log(obj) if(obj.event === 'del'){ layer.confirm('确认删除?',{icon: 3, title:'温馨提示!'}, function(index){ $.post('/index.php?c=api&method=del_category',{'id':obj.data.id},function(data,status){ if(data.code == 0){ obj.del(); } else{ layer.msg(data.err_msg); } }); layer.close(index); }); } else if(obj.event === 'edit'){ window.location.href = '/index.php?c=admin&page=edit_category&id=' + obj.data.id; } }); //渲染链接列表 table.render({ elem: '#link_list' ,height: 520 ,url: 'index.php?c=api&method=link_list' //数据接口 ,page: true //开启分页 ,toolbar: '#linktool' ,cols: [[ //表头 {type:'checkbox'} //开启复选框 ,{field: 'id', title: 'ID', width:80, sort: true} // ,{field: 'fid', title: '分类ID',sort:true, width:90} ,{field: 'category_name', title: '所属分类',width:140} ,{field: 'url', title: 'URL',width:140,templet:function(d){ var url = '' + d.url + ''; return url; }} ,{field: 'title', title: '链接标题', width:140} ,{field: 'add_time', title: '添加时间', width:150, sort: true,templet:function(d){ var add_time = timestampToTime(d.add_time); return add_time; }} ,{field: 'up_time', title: '修改时间', width:150,sort:true,templet:function(d){ if(d.up_time == null){ return ''; } else{ var up_time = timestampToTime(d.up_time); return up_time; } }} ,{field: 'weight', title: '权重', width: 75,sort:true} ,{field: 'property', title: '私有', width: 80, sort: true,templet: function(d){ if(d.property == 1) { return ''; } else { return ''; } }} ,{field: 'click', title: '点击数',width:90,sort:true} ,{fixed: 'right', title:'操作', toolbar: '#link_operate'} ]] }); //头链接工具栏事件 table.on('toolbar(mylink)', function(obj){ var checkStatus = table.checkStatus(obj.config.id); switch(obj.event){ case 'getCheckData': var data = checkStatus.data; if( data.length == 0 ) { layer.msg('未选中任何数据!'); } //遍历删除数据 else{ layer.confirm('确认删除?',{icon: 3, title:'温馨提示!'}, function(index){ for (let i = 0; i < data.length; i++) { $.post('/index.php?c=api&method=del_link',{'id':data[i].id},function(data,status){ if(data.code == 0){ console.log(obj); obj.del(); } else{ layer.msg(data.err_msg); } }); } layer.close(index); }); } //console.log(data[0].id); break; case 'getCheckLength': var data = checkStatus.data; layer.msg('选中了:'+ data.length + ' 个'); break; case 'isAll': layer.msg(checkStatus.isAll ? '全选': '未全选'); break; //自定义头工具栏右侧图标 - 提示 case 'LAYTABLE_TIPS': layer.alert('这是工具栏右侧自定义的一个图标按钮'); break; }; }); //监听链接工具 table.on('tool(mylink)', function(obj){ var data = obj.data; //console.log(obj); //console.log(obj) if(obj.event === 'del'){ layer.confirm('确认删除?',{icon: 3, title:'温馨提示!'}, function(index){ $.post('/index.php?c=api&method=del_link',{'id':obj.data.id},function(data,status){ if(data.code == 0){ obj.del(); } else{ layer.msg(data.err_msg); } }); layer.close(index); }); } else if(obj.event === 'edit'){ window.location.href = '/index.php?c=admin&page=edit_link&id=' + obj.data.id; } }); //登录 //添加链接 form.on('submit(login)', function(data){ $.post('/index.php?c=login&check=login',data.field,function(data,status){ //如果添加成功 if(data.code == 0) { window.location.href = '/index.php?c=admin'; } else{ layer.msg(data.err_msg, {icon: 5}); } }); console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value} return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。 }); //添加分类目录 form.on('submit(add_category)', function(data){ $.post('/index.php?c=api&method=add_category',data.field,function(data,status){ //如果添加成功 if(data.code == 0) { layer.msg('已添加!', {icon: 1}); } else{ layer.msg(data.err_msg, {icon: 5}); } }); console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value} return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。 }); //修改分类目录 form.on('submit(edit_category)', function(data){ $.post('/index.php?c=api&method=edit_category',data.field,function(data,status){ //如果添加成功 if(data.code == 0) { layer.msg('已修改!', {icon: 1}); } else{ layer.msg(data.err_msg, {icon: 5}); } }); console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value} return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。 }); //添加链接 form.on('submit(add_link)', function(data){ $.post('/index.php?c=api&method=add_link',data.field,function(data,status){ //如果添加成功 if(data.code == 0) { layer.msg('已添加!', {icon: 1}); } else{ layer.msg(data.err_msg, {icon: 5}); } }); console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value} return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。 }); //识别链接信息 form.on('submit(get_link_info)', function(data){ $.post('/index.php?c=api&method=get_link_info',data.field.url,function(data,status){ //如果添加成功 if(data.code == 0) { console.log(data); } else{ layer.msg(data.err_msg, {icon: 5}); } }); console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value} return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。 }); //更新链接 form.on('submit(edit_link)', function(data){ $.post('/index.php?c=api&method=edit_link',data.field,function(data,status){ //如果添加成功 if(data.code == 0) { layer.msg('已更新!', {icon: 1}); } else{ layer.msg(data.err_msg, {icon: 5}); } }); console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value} return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。 }); //识别链接信息 form.on('submit(get_link_info)', function(data){ //是用ajax异步加载 $.post('/index.php?c=api&method=get_link_info',data.field.url,function(data,status){ //如果添加成功 if(data.code == 0) { console.log(data); } else{ layer.msg(data.err_msg, {icon: 5}); } }); console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value} return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。 }); }); function get_link_info() { var url = $("#url").val(); var index = layer.load(1); $.post('/index.php?c=api&method=get_link_info',{url:url},function(data,status){ //如果添加成功 if(data.code == 0) { if(data.data.title != null) { $("#title").val(data.data.title); } if(data.data.description != null) { $("#description").val(data.data.description); } layer.close(index); } else{ layer.msg(data.err_msg, {icon: 5}); layer.close(index); } }); } function timestampToTime(timestamp) { var date = new Date(timestamp * 1000); //时间戳为10位需*1000,时间戳为13位的话不需乘1000 Y = date.getFullYear() + '-' ; M = (date.getMonth()+1 < 10 ? '0' +(date.getMonth()+1) : date.getMonth()+1) + '-' ; D = date.getDate() + ' ' ; h = date.getHours() + ':' ; m = date.getMinutes(); s = date.getSeconds(); return Y+M+D+h+m; } function del_category(id){ layer.confirm('确认删除这张图片?', {icon: 3, title:'温馨提示!'}, function(index){ $.post("/set/del_img",{imgid:imgid,path:path,thumbnail_path:thumbnail_path},function(data,status){ var re = JSON.parse(data); if(re.code == 200) { $("#img"+id).remove(); console.log("#img"+id); } else{ layer.msg(data); } }); layer.close(index); }); }