246 lines
8.8 KiB
HTML
246 lines
8.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
<title>菜单列表</title>
|
||
</head>
|
||
<link href="/static/admin/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
||
<link href="/static/admin/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
|
||
<link href="/static/admin/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
|
||
<link href="/static/admin/css/animate.min.css" rel="stylesheet">
|
||
<link href="/static/admin/css/style.min.css?v=4.1.0" rel="stylesheet">
|
||
<link rel="stylesheet" href="/static/admin/js/layui/css/layui.css" media="all">
|
||
<style>
|
||
.layui-table-cell {
|
||
height: auto !important;
|
||
}
|
||
|
||
.search-tool {
|
||
height: 38px;
|
||
line-height: 38px;
|
||
}
|
||
|
||
.search-tool span {
|
||
float: left;
|
||
}
|
||
|
||
.search-tool input {
|
||
width: 70%;
|
||
}
|
||
|
||
.layui-table-view {
|
||
/* margin-top: 55px !important; */
|
||
}
|
||
</style>
|
||
|
||
<body class="gray-bg">
|
||
<div class="wrapper wrapper-content animated fadeInRight">
|
||
<div class="ibox-title">
|
||
<h5>菜单列表</h5>
|
||
<a style="float: right; color:#0080ff;" onclick="javascript:window.history.go(0);">刷新</a>
|
||
</div>
|
||
<div class="ibox-content">
|
||
<div>
|
||
<button class="btn btn-primary" type="button" style="margin-top:5px" onclick='openWindow("添加菜单", "{:url('System/addMenu')}")'><strong>添加菜单</strong>
|
||
</button>
|
||
|
||
</div>
|
||
<table id="list" lay-filter="test" class="layui-hide"></table>
|
||
</div>
|
||
</div>
|
||
<script src="/static/admin/js/jquery.min.js"></script>
|
||
<script src="/static/admin/js/layui/layui.js"></script>
|
||
<!-- 列表操作 -->
|
||
<script type="text/html" id="operation">
|
||
<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="javascript:;">删除</a>
|
||
</script>
|
||
<script>
|
||
var layer;
|
||
layui.use('layer', function () {
|
||
layer = layui.layer;
|
||
});
|
||
layui.use('table', function () {
|
||
let table = layui.table;
|
||
// 加载列表
|
||
table.render({
|
||
elem: '#list',
|
||
url: "{:url('System/menuList')}",
|
||
where: {
|
||
start_time: '',
|
||
end_time: '',
|
||
search_input: '',
|
||
},
|
||
page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
|
||
layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
|
||
//,curr: 5 //设定初始在第 5 页
|
||
,
|
||
limit: 10 //一页显示多少条
|
||
,
|
||
limits: [10, 20, 25, 30, 40, 50, 100] //每页条数的选择项
|
||
,
|
||
groups: 5 //只显示 2 个连续页码
|
||
,
|
||
first: "首页" //不显示首页
|
||
,
|
||
last: "尾页" //不显示尾页
|
||
},
|
||
cols: [
|
||
[
|
||
{
|
||
field: 'id',
|
||
title: 'id',
|
||
align: 'center',
|
||
sort: true
|
||
},
|
||
{
|
||
field: 'pid',
|
||
title: '上级菜单',
|
||
align: 'center',
|
||
sort: false
|
||
},
|
||
{
|
||
field: 'name',
|
||
title: '菜单名称',
|
||
align: 'center',
|
||
sort: false
|
||
},
|
||
{
|
||
field: 'url',
|
||
title: '菜单路由',
|
||
align: 'center',
|
||
sort: false
|
||
},
|
||
{
|
||
field: 'sort',
|
||
title: '排序权重',
|
||
align: 'center',
|
||
sort: true
|
||
},
|
||
{
|
||
field: 'path',
|
||
title: '菜单路径',
|
||
align: 'left',
|
||
sort: true
|
||
},
|
||
{
|
||
field: 'status_name',
|
||
title: '状态',
|
||
align: 'center',
|
||
sort: true
|
||
},
|
||
{
|
||
field: 'right',
|
||
title: '操作',
|
||
align: 'center',
|
||
toolbar: '#operation'
|
||
},
|
||
]
|
||
],
|
||
text: {
|
||
none: '暂无相关数据', //默认：无数据。
|
||
},
|
||
id: 'testReload'
|
||
});
|
||
|
||
// 重载列表
|
||
var $ = layui.$,
|
||
active = {
|
||
reload: function () {
|
||
var start_time = $('#start_time').val();
|
||
var end_time = $('#end_time').val();
|
||
var search_input = $('#search_input').val();
|
||
//执行重载
|
||
table.reload('testReload', {
|
||
url: "{:url('Dialogue/dialogueList')}",
|
||
|
||
method: 'get',
|
||
page: {
|
||
curr: 1 //重新从第 1 页开始
|
||
},
|
||
where: {
|
||
start_time: start_time,
|
||
end_time: end_time,
|
||
search_input: search_input,
|
||
}
|
||
});
|
||
}
|
||
};
|
||
|
||
$('#search').on('click', function () {
|
||
var type = $(this).data('type');
|
||
// 搜索条件
|
||
var start_time = $('#start_time').val();
|
||
var end_time = $('#end_time').val();
|
||
var search_input = $('#search_input').val();
|
||
if (!start_time && !end_time && !search_input) {
|
||
// layer.msg('搜索条件不能为空');
|
||
// return;
|
||
}
|
||
active[type] ? active[type].call(this) : '';
|
||
});
|
||
|
||
//监听工具条
|
||
table.on("tool(test)", function (obj) {
|
||
var data = obj.data;
|
||
console.log(data);
|
||
var total = $('.layui-laypage-count').text();
|
||
if (obj.event === 'edit') {
|
||
// 打开对话窗口
|
||
layer.open({
|
||
type: 2,
|
||
// area: ['auto', '850px'],
|
||
area: ['100%', '100%'],
|
||
content: "/admin/System/editMenu/?id=" + data.id,
|
||
});
|
||
} else if (obj.event === 'del') {
|
||
layer.confirm('确定删除吗?', function (index) {
|
||
$.post('/admin/System/delMenu', {
|
||
id: data.id
|
||
}, function (res) {
|
||
console.log(res);
|
||
if (res.code == 1) {
|
||
// 更改统计数
|
||
var total = $('.layui-laypage-count').text();
|
||
total = total.substring(2, 3) - 1;
|
||
$('.layui-laypage-count').text('共 ' + total + ' 条');
|
||
obj.del();
|
||
layer.close(index);
|
||
} else {
|
||
layer.msg(res.msg);
|
||
}
|
||
});
|
||
});
|
||
}
|
||
});
|
||
|
||
});
|
||
|
||
layui.use('laydate', function () {
|
||
var laydate = layui.laydate;
|
||
laydate.render({
|
||
elem: '#start_time',
|
||
type: 'date'
|
||
});
|
||
|
||
laydate.render({
|
||
elem: '#end_time',
|
||
type: 'date'
|
||
});
|
||
});
|
||
|
||
function openWindow(title, url, w = "100%", h = "100%") {
|
||
layer.open({
|
||
type: 2,
|
||
title: title,
|
||
content: url,
|
||
area: [w, h],
|
||
});
|
||
}
|
||
</script>
|
||
</body>
|
||
|
||
</html> |