Commit 35364551 by 肖康

公告

parent 97abbc92
layui.use(['form', 'table', 'laydate'], function () {
var form = layui.form;
var table = layui.table;
var laydate = layui.laydate;
var pageS = {
init: function () {
//时间初始化
laydate.render({
elem: '#create_time',
type: 'date',
range: "~"
});
laydate.render({
elem: '#last_contact_time',
type: 'date',
range: "~"
});
pageS.render()
},
render: function () {
table.render({
elem: '#list',
url: '/msgapi/businessNoticeList',
toolbar: '#toolbar',
method: 'get',
where: {
},
drag: false,
overflow: {
type: 'tips'
},
cols: [[
{ field: "checkbox", type: 'checkbox', fixed: true, width: 60, align: 'center' },
{ field: 'business_notice_id', title: 'ID', width: 90 },
{ field: 'title', title: '标题', width: 250 },
{ field: 'create_name', title: '创建人', width: 150 },
{ field: 'source_cn', title: '来源', width: 150 },
{ field: 'system_id_cn', title: '系统', width: 150 },
{ field: 'create_time_cn', title: '创建时间', width: 180 },
{ field: 'type_cn', title: '类型', width: 120 },
{ field: 'show_status_cn', title: '显示状态', width: 100 },
{ field: 'top_status_cn', title: '置顶状态', width: 150 },
{
title: '操作', fixed: 'right', field: "handle", width: 280, align: 'center', templet: function (d) {
var btn_str = `<button class="layui-btn layui-btn-xs" lay-event="log">编辑</button>`
btn_str += `<button class="layui-btn layui-btn-xs" lay-event="log">隐藏</button>`
btn_str += `<button class="layui-btn layui-btn-xs" lay-event="log">置顶</button>`
btn_str += `<button class="layui-btn layui-btn-xs" lay-event="log">删除</button>`
btn_str += `<button class="layui-btn layui-btn-xs" lay-event="log">日志</button>`
return btn_str;
}
}
]],
// parseData: LayUiTableParseData,
done: function (res, curr, count) {
pageS.handle()
}
});
},
handle: function () {
//查询搜索
form.on('submit(getList)', function (data) {
table.reload('list', {
where: { ...data.field },
page: {
curr: 1
}
});
});
//监听头工具栏事件
table.on('toolbar(list)', function (obj) {
var checkStatus = table.checkStatus(obj.config.id);
var data = checkStatus.data;
var ids = data.map(obj => {
return obj.id
})
switch (obj.event) {
//导出
case 'add':
layer.open({
type: 1,
title: '新增公告',
offset: '50px',
area: ['1100px', 'auto'],
shadeClose: true,
resize: false,
move: false,
content: $('#addNotHtml').html(),
success: function (layero, dIndex) {
layero.find('.layui-layer-content').css('overflow', 'visible');
form.render();
}
});
break;
}
});
//触发单元格工具事件
table.on('tool(list)', function (obj) {
var data = obj.data;
if (obj.event === 'log') {
//日志
layer.open({
type: 1,
title: '查看日志',
offset: '50px',
area: ['900px', 'auto'],
shadeClose: false,
resize: false,
move: false,
skin: 'logSkin',
content: `<div style="padding:20px;"><table id="logList" lay-filter="logList"></table></div>`,
success: function (layero, dIndex) {
table.render({
elem: '#logList',
url: '/api/log/getCustomerUserLogs',
method: 'GET',
size: 'sm',
page: false,
where: {
obj_type: 1613,
obj_id: data.id
},
cols: [[
{ type: 'numbers', title: '序号' },
{ field: 'create_name', title: '操作人', width: 160 },
{ field: 'create_time', title: '时间', width: 160 },
{ field: 'content', title: '内容' }
]],
limit: 1000000,
parseData: function (res) {
return {
code: res.code,
msg: res.msg,
count: res.data ? res.data.length : 0,
data: res.data
}
},
done: function (res, curr, count) {
}
});
}
});
}
});
}
}
pageS.init();
});
\ No newline at end of file
<style>
.layui-form-label {
width: 100px;
}
label.required:before {
content: ' *';
color: red
}
</style>
<section class="section-page">
<form class="layui-form" onsubmit="return false" lay-filter="taskForm">
<div class="layui-form-item mb0">
<div class="layui-inline">
<label class="layui-form-label">公告标题</label>
<div class="layui-input-inline">
<input type="text" name="title" placeholder="请输入公告标题" autocomplete="off" class="layui-input" />
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">公告类型</label>
<div class="layui-input-inline">
<select name="type">
<option value="">全部</option>
<option value="1">最新补货</option>
<option value="2">最新入库</option>
<option value="3">优势货源</option>
<option value="4">个人消息</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">显示状态</label>
<div class="layui-input-inline">
<select name="show_status">
<option value="">全部</option>
<option value="0">隐藏</option>
<option value="1">显示</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">置顶状态</label>
<div class="layui-input-inline">
<select name="top_status">
<option value="">全部</option>
<option value="0">非置顶</option>
<option value="1">置顶</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">创建时间</label>
<div class="layui-input-inline">
<input type="text" name="create_time_begin" placeholder="请选择创建时间" autocomplete="off" class="layui-input" id="create_time" />
</div>
</div>
<div class="layui-inline">
<button type="submit" class="layui-btn layui-btn-sm" lay-submit="" lay-filter="getList">查询</button>
<button type="reset" class="layui-btn layui-btn-primary layui-btn-sm">重置</button>
</div>
</div>
</form>
<table id="list" lay-filter="list"></table>
</section>
<!--工具类-->
<script type="text/html" id="toolbar">
<div class="layui-btn-container">
<a class="layui-btn layui-btn-sm btn-color" lay-event="add">新增</a>
<a class="layui-btn layui-btn-sm btn-color" lay-event="export">批量显示</a>
<a class="layui-btn layui-btn-sm btn-color" lay-event="export">批量隐藏</a>
<a class="layui-btn layui-btn-sm btn-color" lay-event="export">删除</a>
</div>
</script>
<!--新增-->
<script type="text/html" id="addNotHtml">
<form class="layui-form layer-box-padding" onsubmit="return false;" style="padding: 20px 20px 30px 20px;" lay-filter="addNotForm">
<div class="layui-form-item ">
<div class="layui-inline">
<label class="layui-form-label required">公告标题</label>
<div class="layui-input-inline">
<input type="text" name="title" placeholder="请输入公告标题" autocomplete="off" class="layui-input" />
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label required">公告类型</label>
<div class="layui-input-inline">
<select name="type">
<option value="">全部</option>
<option value="1">最新补货</option>
<option value="2">最新入库</option>
<option value="3">优势货源</option>
<option value="4">个人消息</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label required">公告状态</label>
<div class="layui-input-inline">
<select name="show_status">
<option value="">全部</option>
<option value="0">隐藏</option>
<option value="1">显示</option>
</select>
</div>
</div>
</div>
<div class="layui-form-item ">
<div class="layui-inline">
<label class="layui-form-label required">公告详情</label>
<div class="layui-input-inline">
<input type="text" name="title" placeholder="请输入公告标题" autocomplete="off" class="layui-input" />
</div>
</div>
</div>
<div class="layui-form-item" style="margin-top: 30px;">
<div class="layui-input-block">
<button type="submit" class="layui-btn layui-btn-sm " lay-submit="" lay-filter="addNotSub">确定</button>
<button class="layui-btn layui-btn-sm layui-btn-primary" onclick="layer.closeAll()">取消</button>
</div>
</div>
</form>
</script>
<script src="/js/Message/layui/layui.all.js"></script>
<script>
/**
*
* @param url
* @param type
* @param param
* @param callback
* @param isload
* @constructor
*/
function Request(url, type, param, callback, isload) {
if (isload == undefined) {
var index = layer.load(2, {
offset: '100px'
});
}
//设置携带cookie
$.ajaxSetup({
xhrFields: {
withCredentials: true
}
});
var params = $.extend({}, param);
$.ajax({
type: type,
url: url,
data: params,
xhrFields: {
withCredentials: true
},
timeout: 30000,
success: function(data) {
typeof callback == 'function' && callback(data);
if (isload == undefined) {
layer.close(index);
}
},
error: function() {
layer.closeAll('loading');
layer.msg('网络出现问题,请重试!');
}
});
}
</script>
<script src="/js/Message/MessageList.js"></script>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment