Skip to content

李洋 / 消息系统

Go to a project
Commit 0848f05b by 肖康
Options

公告修改

parent 62039be5
Inline Side-by-side
Showing with 28 additions and 42 deletions
public/js/Message/MessageList.js
...@@ -214,7 +214,7 @@ layui.use(['form', 'table', 'laydate', 'layedit'], function () { ...@@ -214,7 +214,7 @@ layui.use(['form', 'table', 'laydate', 'layedit'], function () {
type: 1, type: 1,
title: '查看日志', title: '查看日志',
offset: '50px', offset: '50px',
area: ['900px', 'auto'], area: ['900px', '450px'],
shadeClose: false, shadeClose: false,
resize: false, resize: false,
move: false, move: false,
...@@ -240,14 +240,14 @@ layui.use(['form', 'table', 'laydate', 'layedit'], function () { ...@@ -240,14 +240,14 @@ layui.use(['form', 'table', 'laydate', 'layedit'], function () {
{ field: 'content', title: '内容' } { field: 'content', title: '内容' }
]], ]],
limit: 1000000, limit: 1000000,
parseData: function (res) { // parseData: function (res) {
return { // return {
code: res.code, // code: res.code,
msg: res.msg, // msg: res.msg,
count: res.data ? res.data.list.length : 0, // count: res.data ? res.data.list.length : 0,
data: res.data.list // data: res.data.list
} // }
}, // },
done: function (res, curr, count) { done: function (res, curr, count) {
} }
......
public/js/public_notice.js
...@@ -8,6 +8,7 @@ layui.use([], function () { ...@@ -8,6 +8,7 @@ layui.use([], function () {
var pageS = { var pageS = {
noticeList:[],
init: function () { init: function () {
pageS.render() pageS.render()
pageS.handle() pageS.handle()
...@@ -20,8 +21,8 @@ layui.use([], function () { ...@@ -20,8 +21,8 @@ layui.use([], function () {
const css = ` const css = `
.nrtx{line-height:38px;} .nrtx{line-height:38px;}
.noticeitemxo{margin-right:30px;cursor: pointer;} .noticeitemxo{margin-right:30px;cursor: pointer;}
#ann_box{position:fixed;top:0;left:${left}px;right:400px;height:50px;line-height:50px;background:rgba(0,0,0,0.1);color:#333;overflow:hidden;z-index:9999;font-size:14px;} #ann_box{position:fixed;top:0;left:${left}px;right:400px;height:50px;line-height:50px;background:rgba(0,0,0,0);color:#333;overflow:hidden;z-index:9999;font-size:14px;}
#ann_txt{white-space:nowrap;display:inline-block;padding-left:100%;animation:ann_scroll 300s linear infinite;} #ann_txt{white-space:nowrap;display:inline-block;padding-left:100%;animation:ann_scroll 200s linear infinite;}
@keyframes ann_scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}`; @keyframes ann_scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}`;
const html = `<div id="ann_box"><div id="ann_txt"></div></div>`; const html = `<div id="ann_box"><div id="ann_txt"></div></div>`;
document.head.insertAdjacentHTML('beforeend', `<style>${css}</style>`); document.head.insertAdjacentHTML('beforeend', `<style>${css}</style>`);
...@@ -29,31 +30,6 @@ layui.use([], function () { ...@@ -29,31 +30,6 @@ layui.use([], function () {
pageS.getList() pageS.getList()
}, },
getList: function () { getList: function () {
// setTimeout(() => { // 模拟
// pageS.scrollList([
// '<span class="noticeitemxo">【20个人消息】《账期的申请，调整和临时额度的使用》培训通知&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// '<span class="noticeitemxo">【19个人消息】《账期的申请，调整和临时额度的使用》培训通知&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// '<span class="noticeitemxo">【18个人消息】《账期的申请，调整和临时额度的使用》培训通知&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// '<span class="noticeitemxo">【17个人消息】《账期的申请，调整和临时额度的使用》培训通知&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// '<span class="noticeitemxo">【16个人消息】《账期的申请，调整和临时额度的使用》培训通知&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// '<span class="noticeitemxo">【15个人消息】《账期的申请，调整和临时额度的使用》培训通&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// '<span class="noticeitemxo">【14个人消息】《账期的申请，调整和临时额度的使用》培训通&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// '<span class="noticeitemxo">【13个人消息】《账期的申请，调整和临时额度的使用》培训通&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// '<span class="noticeitemxo">【12个人消息】《账期的申请，调整和临时额度的使用》培训通&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// '<span class="noticeitemxo">【11个人消息】《账期的申请，调整和临时额度的使用》培训通&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// '<span class="noticeitemxo">【10个人消息】《账期的申请，调整和临时额度的使用》培训通&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// '<span class="noticeitemxo">【9个人消息】《账期的申请，调整和临时额度的使用》培训通&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// '<span class="noticeitemxo">【8个人消息】《账期的申请，调整和临时额度的使用》培训通&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// '<span class="noticeitemxo">【7个人消息】《账期的申请，调整和临时额度的使用》培训通&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// '<span class="noticeitemxo">【6个人消息】《账期的申请，调整和临时额度的使用》培训通&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// '<span class="noticeitemxo">【5个人消息】《账期的申请，调整和临时额度的使用》培训通&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// '<span class="noticeitemxo">【4个人消息】《账期的申请，调整和临时额度的使用》培训通&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// '<span class="noticeitemxo">【3个人消息】《账期的申请，调整和临时额度的使用》培训通&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// '<span class="noticeitemxo">【2个人消息】《账期的申请，调整和临时额度的使用》培训通&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// '<span class="noticeitemxo">【1个人消息】《账期的申请，调整和临时额度的使用》培训通&nbsp;&nbsp;发布人：xxx&nbsp;&nbsp;发布时间：2025-12-12 12：12：12</span>',
// ]);
// }, 200);
// return
$.ajax({ $.ajax({
url: 'http://message.liexin.net' + '/sync/businessNoticeList', url: 'http://message.liexin.net' + '/sync/businessNoticeList',
type: 'get', type: 'get',
...@@ -63,7 +39,14 @@ layui.use([], function () { ...@@ -63,7 +39,14 @@ layui.use([], function () {
dataType: 'json', dataType: 'json',
timeout: 10000, timeout: 10000,
success: function (res) { success: function (res) {
if(res.code==0){
var renderList=[]
pageS.noticeList=res.data.data||[]
pageS.noticeList.forEach(item=>{
renderList.push(`<span class="noticeitemxo" business_notice_id="${item.business_notice_id}">【${item.type_cn}】&nbsp;&nbsp;${item.title}&nbsp;&nbsp;&nbsp;&nbsp;发布人：${item.create_name}&nbsp;&nbsp;&nbsp;&nbsp;发布时间：${item.create_time_cn}</span>`)
})
pageS.scrollList(renderList)
}
}, },
error: function (res) { error: function (res) {
...@@ -94,30 +77,33 @@ layui.use([], function () { ...@@ -94,30 +77,33 @@ layui.use([], function () {
document.getElementById('ann_txt').style.animationPlayState = 'running'; document.getElementById('ann_txt').style.animationPlayState = 'running';
}); });
$("body").on("click", ".noticeitemxo", function () { $("body").on("click", ".noticeitemxo", function () {
let conHtml_ = ` const business_notice_id=$(this).attr("business_notice_id");
const obj_i= pageS.noticeList.filter(item=>item.business_notice_id==business_notice_id)
console.log(obj_i)
const conHtml_ = `
<div style="padding:20px;"> <div style="padding:20px;">
<div class="layui-form-item " style="margin-bottom:0px;"> <div class="layui-form-item " style="margin-bottom:0px;">
<div class="layui-inline"> <div class="layui-inline">
<label class="layui-form-label required">公告标题</label> <label class="layui-form-label required">公告标题</label>
<div class="layui-input-inline" style="width:900px;"> <div class="layui-input-inline" style="width:900px;">
<div class="nrtx">阿萨大大实打实大苏打撒大苏打</div> <div class="nrtx">${obj_i[0].title}</div>
</div> </div>
</div> </div>
<div class="layui-inline"> <div class="layui-inline">
<label class="layui-form-label required">公告类型</label> <label class="layui-form-label required">公告类型</label>
<div class="layui-input-inline"> <div class="layui-input-inline">
<div class="nrtx">最新补货</div> <div class="nrtx">${obj_i[0].type_cn}</div>
</div> </div>
</div> </div>
<div class="layui-inline"> <div class="layui-inline">
<label class="layui-form-label required">公告状态</label> <label class="layui-form-label required">公告状态</label>
<div class="layui-input-inline"> <div class="layui-input-inline">
<div class="nrtx">隐藏</div> <div class="nrtx">${obj_i[0].show_status_cn}</div>
</div> </div>
</div> </div>
</div> </div>
<div style="padding-left:39px;">公告详情</div> <div style="padding-left:39px;">公告详情</div>
<div class="noticedetailcs" style="padding-left:39px;padding-top:15px;max-width:1060px;overflow-x: auto;"></div> <div class="noticedetailcs" style="padding-left:39px;padding-top:15px;max-width:1060px;overflow-x: auto;">${obj_i[0].info}</div>
</div> </div>
` `
layer.open({ layer.open({
......
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