Skip to content

李洋 / 消息系统

Go to a project
Commit bc2292d8 by 肖康
Options

公告列表

parent 6f522048
Inline Side-by-side
Showing with 242 additions and 17 deletions
public/js/Message/MessageList.js
layui.use(['form', 'table', 'laydate'], function () {
layui.use(['form', 'table', 'laydate', 'layedit'], function () {
var form = layui.form;
var table = layui.table;
var laydate = layui.laydate;
var layedit = layui.layedit;
var pageS = {
init: function () {
......@@ -43,10 +45,10 @@ layui.use(['form', 'table', 'laydate'], function () {
{ 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>`
var btn_str = `<button class="layui-btn layui-btn-xs" lay-event="edit">编辑</button>`
btn_str += `<button class="layui-btn layui-btn-xs" lay-event="hide">${d.show_status==1?'隐藏':'显示'}</button>`
btn_str += `<button class="layui-btn layui-btn-xs" lay-event="top">${d.top_status==1?'取消置顶':'置顶'}</button>`
btn_str += `<button class="layui-btn layui-btn-xs" lay-event="del">删除</button>`
btn_str += `<button class="layui-btn layui-btn-xs" lay-event="log">日志</button>`
return btn_str;
......@@ -76,25 +78,128 @@ layui.use(['form', 'table', 'laydate'], function () {
var checkStatus = table.checkStatus(obj.config.id);
var data = checkStatus.data;
var ids = data.map(obj => {
return obj.id
return obj.business_notice_id
})
switch (obj.event) {
//导出
//新增
case 'add':
layer.open({
type: 1,
title: '新增公告',
offset: '50px',
area: ['1100px', 'auto'],
area: ['1100px', '470px'],
shadeClose: true,
resize: false,
move: false,
content: $('#addNotHtml').html(),
success: function (layero, dIndex) {
layero.find('.layui-layer-content').css('overflow', 'visible');
layeditIndex = layedit.build('update_content_text', {
height: 200,
}); //建立编辑器
form.render();
//提交表单
form.on('submit(addNotSub)', function (data) {
var params = data.field;
params.info=layedit.getContent(layeditIndex)
if(!params.info){
layer.msg("请输入公告内容")
return
}
Request('/msgapi/saveBusinessNotice', 'POST',params, function (res) {
if (res.errcode == 0) {
layer.msg('保存成功', { shift: 0, time: 2000 }, function () {
layer.closeAll();
table.reload('list');
});
} else {
layer.msg(res.errmsg);
}
});
return false
});
}
});
break;
//批量显示
case 'show':
if (data.length == 0) {
layer.msg("请勾选至少1条数据");
return false;
}
layer.confirm('<p style="text-align: center">确认批量显示勾选公告吗？</p>', {
skin: 'layui-layer-admin',
title: '批量显示',
shade: .1,
resize: false,
offset: '250px',
move: false
}, function (i) {
Request('/msgapi/showBusinessNotice', 'POST', { business_notice_id: ids.join(","),show_status:1 }, function (res) {
if (res.errcode == 0) {
layer.msg('操作成功', { shift: 0, time: 2000 }, function () {
layer.closeAll();
table.reload('list');
});
} else {
layer.msg(res.errmsg);
}
});
});
break;
//批量隐藏
case 'hide':
if (data.length == 0) {
layer.msg("请勾选至少1条数据");
return false;
}
layer.confirm('<p style="text-align: center">确认批量隐藏勾选公告吗？</p>', {
skin: 'layui-layer-admin',
title: '批量隐藏',
shade: .1,
resize: false,
offset: '250px',
move: false
}, function (i) {
Request('/msgapi/showBusinessNotice', 'POST', { business_notice_id: ids.join(","),show_status:0 }, function (res) {
if (res.errcode == 0) {
layer.msg('操作成功', { shift: 0, time: 2000 }, function () {
layer.closeAll();
table.reload('list');
});
} else {
layer.msg(res.errmsg);
}
});
});
break;
//删除
case 'del':
if (data.length == 0) {
layer.msg("请勾选至少1条数据");
return false;
}
layer.confirm('<p style="text-align: center">确认删除勾选公告吗？</p>', {
skin: 'layui-layer-admin',
title: '删除',
shade: .1,
resize: false,
offset: '250px',
move: false
}, function (i) {
Request('/msgapi/delBusinessNotice', 'POST', { business_notice_id: ids.join(","),is_del:1 }, function (res) {
if (res.errcode == 0) {
layer.msg('操作成功', { shift: 0, time: 2000 }, function () {
layer.closeAll();
table.reload('list');
});
} else {
layer.msg(res.errmsg);
}
});
});
break;
......@@ -148,6 +253,122 @@ layui.use(['form', 'table', 'laydate'], function () {
}
});
}
if (obj.event === 'edit') {
//编辑
layer.open({
type: 1,
title: '新增公告',
offset: '50px',
area: ['1100px', '470px'],
shadeClose: true,
resize: false,
move: false,
content: $('#addNotHtml').html(),
success: function (layero, dIndex) {
layero.find('.layui-layer-content').css('overflow', 'visible');
form.val("addNotForm",{
business_notice_id:data.business_notice_id,
title:data.title,
type:data.type,
show_status:data.show_status,
})
// var newHtml =data.info
$('#update_content_text').val(data.info);
// layedit.build && layedit.del(layeditIndex);
layeditIndex = layedit.build('update_content_text', { height: 200 });
form.render();
//提交表单
form.on('submit(addNotSub)', function (data) {
var params = data.field;
params.info=layedit.getContent(layeditIndex)
if(!params.info){
layer.msg("请输入公告内容")
return
}
Request('/msgapi/saveBusinessNotice', 'POST',params, function (res) {
if (res.errcode == 0) {
layer.msg('保存成功', { shift: 0, time: 2000 }, function () {
layer.closeAll();
table.reload('list');
});
} else {
layer.msg(res.errmsg);
}
});
return false
});
}
});
}
if (obj.event === 'hide') {
//显示隐藏
layer.confirm(`<p style="text-align: center">确认${data.show_status==1?'隐藏':'显示'}当前公告吗？</p>`, {
skin: 'layui-layer-admin',
title: `${data.show_status==1?'隐藏':'显示'}`,
shade: .1,
resize: false,
offset: '250px',
move: false
}, function (i) {
Request('/msgapi/delBusinessNotice', 'POST', { business_notice_id: data.business_notice_id,is_del:1 }, function (res) {
if (res.errcode == 0) {
layer.msg('操作成功', { shift: 0, time: 2000 }, function () {
layer.closeAll();
table.reload('list');
});
} else {
layer.msg(res.errmsg);
}
});
});
}
if (obj.event === 'del') {
//删除
layer.confirm(`<p style="text-align: center">确认删除当前公告吗？</p>`, {
skin: 'layui-layer-admin',
title: `删除`,
shade: .1,
resize: false,
offset: '250px',
move: false
}, function (i) {
Request('/msgapi/showBusinessNotice', 'POST', { business_notice_id:data.business_notice_id,show_status:data.show_status==1?0:1 }, function (res) {
if (res.errcode == 0) {
layer.msg('操作成功', { shift: 0, time: 2000 }, function () {
layer.closeAll();
table.reload('list');
});
} else {
layer.msg(res.errmsg);
}
});
});
}
if (obj.event === 'top') {
//置顶
layer.confirm(`<p style="text-align: center">确认${data.top_status==1?'取消置顶':'置顶'}当前公告吗？</p>`, {
skin: 'layui-layer-admin',
title: `${data.top_status==1?'取消置顶':'置顶'}`,
shade: .1,
resize: false,
offset: '250px',
move: false
}, function (i) {
Request('/msgapi/topBusinessNotice', 'POST', { business_notice_id:data.business_notice_id,show_status:data.top_status==1?0:1 }, function (res) {
if (res.errcode == 0) {
layer.msg('操作成功', { shift: 0, time: 2000 }, function () {
layer.closeAll();
table.reload('list');
});
} else {
layer.msg(res.errmsg);
}
});
});
}
});
......
public/js/Message/layui11/css/layui.css 0 → 100644
This diff could not be displayed because it is too large.
public/js/Message/layui11/font/iconfont.eot 0 → 100644
No preview for this file type
public/js/Message/layui11/font/iconfont.svg 0 → 100644
This diff could not be displayed because it is too large.
public/js/Message/layui11/font/iconfont.ttf 0 → 100644
No preview for this file type
public/js/Message/layui11/font/iconfont.woff 0 → 100644
No preview for this file type
public/js/Message/layui11/layui.js 0 → 100644
This diff could not be displayed because it is too large.
resources/views/message/businessNotice.blade.php
......@@ -7,6 +7,9 @@
content: ' *';
color: red
}
.layui-layer.layui-layer-page.layui-layer-msg{z-index: 999999999!important;}
.layedit-tool-image{display: none!important;}
.layui-layer {top:100px!important}
</style>
<section class="section-page">
<form class="layui-form" onsubmit="return false" lay-filter="taskForm">
......@@ -67,27 +70,27 @@
<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>
<a class="layui-btn layui-btn-sm btn-color" lay-event="show">批量显示</a>
<a class="layui-btn layui-btn-sm btn-color" lay-event="hide">批量隐藏</a>
<a class="layui-btn layui-btn-sm btn-color" lay-event="del">删除</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">
<input type="hidden" name="business_notice_id">
<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" />
<input type="text" name="title" placeholder="请输入公告标题" autocomplete="off" class="layui-input" lay-verify="required"/>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label required">公告类型</label>
<div class="layui-input-inline">
<select name="type">
<select name="type" lay-verify="required">
<option value="">全部</option>
<option value="1">最新补货</option>
<option value="2">最新入库</option>
......@@ -99,7 +102,7 @@
<div class="layui-inline">
<label class="layui-form-label required">公告状态</label>
<div class="layui-input-inline">
<select name="show_status">
<select name="show_status" lay-verify="required">
<option value="">全部</option>
<option value="0">隐藏</option>
<option value="1">显示</option>
......@@ -110,8 +113,9 @@
<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 class="layui-input-inline" style="width: 800px;">
<textarea id="update_content_text" class="layui-textarea" style="display: none" ></textarea>
<input type="hidden" id="update_content" >
</div>
</div>
</div>
......
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