274 lines
11 KiB
PHP
Executable File
274 lines
11 KiB
PHP
Executable File
<?php include_once('header.php'); ?>
|
|
<?php include_once('left.php'); ?>
|
|
|
|
<div class="layui-body">
|
|
<!-- 内容主体区域 -->
|
|
<div class="layui-row content-body place-holder">
|
|
|
|
<!-- 说明提示框 -->
|
|
<div class="layui-col-lg12">
|
|
<div class="page-msg">
|
|
<ol>
|
|
<li>仅 5iux/heimdall/tushan2/webstack 支持自定义图标，其余主题均自动获取链接图标。</li>
|
|
<li>分类的私有属性优先级高于链接的私有属性</li>
|
|
<li>权重数字越大，排序越靠前</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
<!-- 说明提示框END -->
|
|
|
|
<!-- 表单上面的按钮 -->
|
|
<div class="lay-col-lg12">
|
|
<form class="layui-form layui-form-pane" action="">
|
|
<div class="layui-form-item">
|
|
|
|
<div class="layui-inline">
|
|
<div class="layui-input-inline">
|
|
<select name="fid" lay-verify="" lay-search id = "fid">
|
|
<option value="">请选择一个分类</option>
|
|
<?php foreach( $categorys AS $category ){ ?>
|
|
<option value="<?php echo $category['id'] ?>"><?php echo $category['name']; ?></option>
|
|
<?php } ?>
|
|
</select>
|
|
</div>
|
|
<div class="layui-input-inline" style="width: 100px;">
|
|
<button class="layui-btn" lay-submit lay-filter="screen_link">查询此分类下的链接</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="width:50px;display: inline-block;"></div>
|
|
|
|
<!-- 顶部搜索 -->
|
|
<div class="layui-inline">
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="keyword" id="keyword" placeholder="请输入关键词" autocomplete="off" class="layui-input">
|
|
</div>
|
|
<div class="layui-input-inline" style="width: 100px;">
|
|
<button class="layui-btn" lay-submit lay-filter="search_keyword">搜索</button>
|
|
</div>
|
|
</div>
|
|
<!-- 顶部搜索END -->
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- 表单上面的按钮END -->
|
|
<div class="layui-col-lg12">
|
|
<table id="link_list" lay-filter="mylink" lay-data="{id: 'mylink_reload'}"></table>
|
|
<!-- 开启表格头部工具栏 -->
|
|
<script type="text/html" id="linktool">
|
|
<div class="layui-btn-container">
|
|
<button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="getCheckData">删除选中</button>
|
|
<button class="layui-btn layui-btn-sm" lay-event="readmoredata">批量修改分类</button>
|
|
<button class="layui-btn layui-btn-sm" lay-event="set_private">设为私有</button>
|
|
<button class="layui-btn layui-btn-sm" lay-event="set_public">设为公有</button>
|
|
<button class="layui-btn layui-btn-sm" lay-event="reset_query">重置查询</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>
|
|
<!-- 开启表格头部工具栏END -->
|
|
</div>
|
|
<script type="text/html" id="link_operate">
|
|
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
|
|
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del" onclick = "">删除</a>
|
|
</script>
|
|
<!-- 表单下面的按钮 -->
|
|
<button style="margin-top:16px;" class="layui-btn layui-btn-sm" lay-submit onclick = "export_link()">导出所有链接</button>
|
|
<!-- 表单下面的按钮END -->
|
|
</div>
|
|
<!-- 内容主题区域END -->
|
|
</div>
|
|
|
|
<script>
|
|
layui.use(['table','form'], function(){
|
|
var table = layui.table;
|
|
var form = layui.form;
|
|
|
|
// 编辑单行
|
|
table.on('edit(mylink)',function(obj){
|
|
var field = obj.field; // 得到字段
|
|
var value = obj.value; // 得到修改后的值
|
|
var data = obj.data; // 得到所在行所有键值
|
|
|
|
// 获取到权重并判断是否合法
|
|
let weight = data.weight;
|
|
if( /^[-+]?\d*\.?\d+$/.test(weight) == false ) {
|
|
layer.msg("权重必须为数字！",{icon:5});
|
|
return obj.reedit();
|
|
}
|
|
// 获取到标题并判断是否合法
|
|
let title = data.title.trim();
|
|
if( title.length == 0 ) {
|
|
layer.msg("标题不能为空！",{icon:5});
|
|
return obj.reedit();
|
|
}
|
|
|
|
// 请求后端API
|
|
$.ajax({
|
|
url: '/index.php?c=api&method=edit_link_row',
|
|
type: 'POST',
|
|
data: JSON.stringify(data),
|
|
contentType: 'application/json',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
// 请求成功后执行的代码
|
|
if( response.code == 0 ) {
|
|
layer.msg("已修改！",{icon:1});
|
|
}
|
|
else{
|
|
layer.msg(response.msg,{icon:5});
|
|
}
|
|
},
|
|
error: function(xhr, status, error) {
|
|
// 请求出错时执行的代码
|
|
console.log(error);
|
|
layer.msg("修改失败！",{icon:5});
|
|
}
|
|
});
|
|
});
|
|
|
|
// 提交搜索
|
|
form.on('submit(search_keyword)', function(data){
|
|
console.log(data.field);
|
|
let keyword = data.field.keyword;
|
|
|
|
if( keyword.length < 2 ) {
|
|
layer.msg("关键词过短！",{icon:5});
|
|
return false;
|
|
}
|
|
|
|
//渲染链接列表
|
|
table.render({
|
|
elem: '#link_list'
|
|
,height: 530
|
|
,url: 'index.php?c=api&method=global_search&keyword=' + keyword //数据接口
|
|
,method: 'post'
|
|
,toolbar: '#linktool'
|
|
,cols: [[ //表头
|
|
{type:'checkbox'} //开启复选框
|
|
,{field: 'id', title: 'ID', width:80, sort: true}
|
|
,{field: 'font_icon', title: '图标', width:60, templet:function(d){
|
|
if(d.font_icon == null || d.font_icon == "")
|
|
{
|
|
return '<img src="static/images/default.png" width="28" height="28">';
|
|
}
|
|
else
|
|
{
|
|
let random = getRandStr(4);
|
|
let font_icon = d.font_icon;
|
|
return `<img src="${font_icon}?random=${random}" width="28" height="28">`;
|
|
}
|
|
}}
|
|
// ,{field: 'fid', title: '分类ID',sort:true, width:90}
|
|
,{field: 'category_name', title: '所属分类',sort:true,width:120}
|
|
,{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,edit: 'text'}
|
|
,{field: 'add_time', title: '添加时间', width:148, sort: true,templet:function(d){
|
|
var add_time = timestampToTime(d.add_time);
|
|
return add_time;
|
|
}}
|
|
,{field: 'up_time', title: '修改时间', width:148,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,edit: 'text'}
|
|
,{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'}
|
|
]]
|
|
});
|
|
// 渲染链接列表END
|
|
|
|
return false;
|
|
});
|
|
|
|
});
|
|
|
|
// 重置查询
|
|
function reset_query(){
|
|
// 清空关键词
|
|
$("#keyword").val("");
|
|
layui.use(['table'], function(){
|
|
var table = layui.table;
|
|
|
|
//渲染链接列表
|
|
table.render({
|
|
elem: '#link_list'
|
|
,height: 530
|
|
,url: 'index.php?c=api&method=link_list'
|
|
,method: 'post'
|
|
,page: true //开启分页
|
|
,toolbar: '#linktool'
|
|
,cols: [[ //表头
|
|
{type:'checkbox'} //开启复选框
|
|
,{field: 'id', title: 'ID', width:80, sort: true}
|
|
,{field: 'font_icon', title: '图标', width:60, templet:function(d){
|
|
if(d.font_icon == null || d.font_icon == "")
|
|
{
|
|
return '<img src="static/images/default.png" width="28" height="28">';
|
|
}
|
|
else
|
|
{
|
|
let random = getRandStr(4);
|
|
let font_icon = d.font_icon;
|
|
return `<img src="${font_icon}?random=${random}" width="28" height="28">`;
|
|
}
|
|
}}
|
|
// ,{field: 'fid', title: '分类ID',sort:true, width:90}
|
|
,{field: 'category_name', title: '所属分类',sort:true,width:120}
|
|
,{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,edit: 'text'}
|
|
,{field: 'add_time', title: '添加时间', width:148, sort: true,templet:function(d){
|
|
var add_time = timestampToTime(d.add_time);
|
|
return add_time;
|
|
}}
|
|
,{field: 'up_time', title: '修改时间', width:148,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,edit: 'text'}
|
|
,{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'}
|
|
]]
|
|
});
|
|
// 渲染链接列表END
|
|
})
|
|
}
|
|
|
|
|
|
</script>
|
|
<?php include_once('footer.php'); ?>
|