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 () {
type: 1,
title: '查看日志',
offset: '50px',
area: ['900px', 'auto'],
area: ['900px', '450px'],
shadeClose: false,
resize: false,
move: false,
......@@ -240,14 +240,14 @@ layui.use(['form', 'table', 'laydate', 'layedit'], function () {
{ field: 'content', title: '内容' }
]],
limit: 1000000,
parseData: function (res) {
return {
code: res.code,
msg: res.msg,
count: res.data ? res.data.list.length : 0,
data: res.data.list
}
},
// parseData: function (res) {
// return {
// code: res.code,
// msg: res.msg,
// count: res.data ? res.data.list.length : 0,
// data: res.data.list
// }
// },
done: function (res, curr, count) {
}
......
public/js/public_notice.js
......@@ -8,6 +8,7 @@ layui.use([], function () {
var pageS = {
noticeList:[],
init: function () {
pageS.render()
pageS.handle()
......@@ -20,8 +21,8 @@ layui.use([], function () {
const css = `
.nrtx{line-height:38px;}
.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_txt{white-space:nowrap;display:inline-block;padding-left:100%;animation:ann_scroll 300s linear infinite;}
#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 200s linear infinite;}
@keyframes ann_scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}`;
const html = `<div id="ann_box"><div id="ann_txt"></div></div>`;
document.head.insertAdjacentHTML('beforeend', `<style>${css}</style>`);
......@@ -29,31 +30,6 @@ layui.use([], function () {
pageS.getList()
},
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({
url: 'http://message.liexin.net' + '/sync/businessNoticeList',
type: 'get',
......@@ -63,7 +39,14 @@ layui.use([], function () {
dataType: 'json',
timeout: 10000,
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) {
......@@ -94,30 +77,33 @@ layui.use([], function () {
document.getElementById('ann_txt').style.animationPlayState = 'running';
});
$("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 class="layui-form-item " style="margin-bottom:0px;">
<div class="layui-inline">
<label class="layui-form-label required">公告标题</label>
<div class="layui-input-inline" style="width:900px;">
<div class="nrtx">阿萨大大实打实大苏打撒大苏打</div>
<div class="nrtx">${obj_i[0].title}</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label required">公告类型</label>
<div class="layui-input-inline">
<div class="nrtx">最新补货</div>
<div class="nrtx">${obj_i[0].type_cn}</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label required">公告状态</label>
<div class="layui-input-inline">
<div class="nrtx">隐藏</div>
<div class="nrtx">${obj_i[0].show_status_cn}</div>
</div>
</div>
</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>
`
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