199 lines
7.4 KiB
JavaScript
199 lines
7.4 KiB
JavaScript
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<title></title>
|
||
<meta name="renderer" content="webkit" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
||
<link rel="stylesheet" href="../../lib/layui-v2.5.5/css/layui.css" media="all" />
|
||
<link rel="stylesheet" href="../../css/public.css" media="all" />
|
||
</head>
|
||
|
||
<body>
|
||
<div class="layuimini-container">
|
||
<div class="layuimini-main">
|
||
<fieldset class="table-search-fieldset">
|
||
<legend>搜索信息</legend>
|
||
<div style="margin: 10px 10px 10px 10px">
|
||
<form class="layui-form layui-form-pane" action="">
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="smid" autocomplete="off" class="layui-input"
|
||
placeholder="id" />
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="title" autocomplete="off" class="layui-input"
|
||
placeholder="标题" />
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="layui-inline">
|
||
<button type="submit" class="layui-btn layui-btn-primary" lay-submit
|
||
lay-filter="data-search-btn">
|
||
<i class="layui-icon"></i> 搜 索
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</fieldset>
|
||
<script type="text/html" id="toolbar">
|
||
<div class="layui-btn-container">
|
||
<button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="add">添 加</button>
|
||
</div>
|
||
</script>
|
||
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter" style="align: center"></table>
|
||
</div>
|
||
</div>
|
||
<script src="../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
|
||
<script src="../../common/common.js" charset="utf-8"></script>
|
||
<script>
|
||
layui.use(['form', 'table'], function () {
|
||
var $ = layui.jquery,
|
||
form = layui.form,
|
||
table = layui.table
|
||
|
||
table.render({
|
||
elem: '#currentTableId',
|
||
url: WebHost + 'message/get_message_list',
|
||
where: {
|
||
login_token: AdminLoginToken,
|
||
is_delete: 1,
|
||
}, //设定异步数据接口的额外参数
|
||
method: 'POST',
|
||
toolbar: '#toolbar',
|
||
autoSort: false,
|
||
defaultToolbar: [
|
||
'filter',
|
||
'exports',
|
||
'print',
|
||
{
|
||
title: '提示',
|
||
layEvent: 'LAYTABLE_TIPS',
|
||
icon: 'layui-icon-tips',
|
||
},
|
||
],
|
||
cols: [
|
||
[{ field: 'smid', title: 'ID' },
|
||
{ field: 'title', title: '标题', align: 'center', },
|
||
{ field: 'is_show', title: '是否显示', templet: '#is_show_Tpl', align: 'center', },
|
||
{ field: 'add_time', title: '添加时间', templet: '#add_time_Tpl', align: 'center', },
|
||
{ title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: 'center', },
|
||
],
|
||
],
|
||
limits: [10, 15, 20, 25, 50, 100],
|
||
limit: 15,
|
||
message: true,
|
||
skin: 'line',
|
||
});
|
||
|
||
|
||
|
||
|
||
// 监听搜索操作
|
||
form.on('submit(data-search-btn)', function (data) {
|
||
// var result = JSON.stringify(data.field);
|
||
// layer.alert(result, {
|
||
// title: '最终的搜索信息'
|
||
// });
|
||
data.field.admin_login_token = AdminLoginToken;
|
||
//执行搜索重载
|
||
table.reload(
|
||
'currentTableId',
|
||
{
|
||
where: data.field,
|
||
message: {
|
||
curr: 1,
|
||
},
|
||
},
|
||
'json'
|
||
)
|
||
|
||
return false
|
||
})
|
||
//监听排序事件
|
||
table.on('sort(currentTableFilter)', function (obj) { //注：sort 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
|
||
table.reload('currentTableId', {
|
||
initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。
|
||
, where: { //请求参数（注意：这里面的参数可任意定义，并非下面固定的格式）
|
||
order: obj.field //排序字段
|
||
, sort: obj.type //排序方式
|
||
}
|
||
});
|
||
});
|
||
|
||
|
||
table.on('toolbar(currentTableFilter)', function (obj) {
|
||
if (obj.event === 'add') {
|
||
// 监听添加操作
|
||
var index = layer.open({
|
||
title: '添加',
|
||
type: 2,
|
||
shade: 0.2,
|
||
maxmin: true,
|
||
shadeClose: true,
|
||
area: ['80%', '80%'],
|
||
content: '../message/message_add.html',
|
||
})
|
||
$(window).on('resize', function () {
|
||
layer.full(index)
|
||
})
|
||
}
|
||
})
|
||
|
||
table.on('tool(currentTableFilter)', function (obj) {
|
||
var data = obj.data
|
||
if (obj.event === 'edit_info') {
|
||
Id = data.smid
|
||
var index = layer.open({
|
||
title: '编辑',
|
||
type: 2,
|
||
shade: 0.2,
|
||
maxmin: true,
|
||
shadeClose: true,
|
||
area: ['80%', '80%'],
|
||
content: '../message/message_edit.html',
|
||
})
|
||
$(window).on('resize', function () {
|
||
layer.full(index)
|
||
})
|
||
return false
|
||
}
|
||
})
|
||
|
||
|
||
})
|
||
|
||
</script>
|
||
|
||
|
||
<script type="text/html" id="is_show_Tpl">
|
||
{{# if(d.is_show == "1"){ }}
|
||
<span style="color:green">显示</span>
|
||
{{# }else if(d.is_show=="2"){ }}
|
||
<span style="color:orange">隐藏</span>
|
||
{{# } }}
|
||
</script>
|
||
|
||
<script type="text/html" id="add_time_Tpl">
|
||
{{dateFormat(d.add_time) }}
|
||
</script>
|
||
|
||
|
||
<script type="text/html" id="image_Tpl">
|
||
<img src="{{d.image}}" height="100%" class="layui-upload-img" onclick="previewImg(this)" />
|
||
</script>
|
||
|
||
<script type="text/html" id="currentTableBar">
|
||
<a class="layui-btn layui-btn-xs data-count-edit" lay-event="edit_info">编辑</a>
|
||
</script>
|
||
</body>
|
||
|
||
</html> |