mirror of https://github.com/helloxz/onenav.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
332 lines
11 KiB
332 lines
11 KiB
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 '<button type="button" class="layui-btn layui-btn-xs">是</button>'; |
|
} |
|
else { |
|
return '<button type="button" class="layui-btn layui-btn-xs layui-btn-danger">否</button>'; |
|
} |
|
}} |
|
,{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 = '<a target = "_blank" href = "' + d.url + '" title = "' + d.url + '">' + d.url + '</a>'; |
|
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 '<button type="button" class="layui-btn layui-btn-xs">是</button>'; |
|
} |
|
else { |
|
return '<button type="button" class="layui-btn layui-btn-xs layui-btn-danger">否</button>'; |
|
} |
|
}} |
|
,{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); |
|
}); |
|
} |