代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>公告</title>
<link rel="stylesheet" type="text/css" href="css/main.css" />
</head>
<body>
<!-- 头部 -->
<div class="header">
<div class="w-1200">
<div class="logo">
<!-- <img src="images/logo_03.png"> -->
简易办公
</div>
<ul>
<li><a>组织图</a></li>
<li><a href="set.html">个人设置</a></li>
<li><a href="login.html">退出</a></li>
</ul>
<div class="personnel">
<span>欢迎登录：</span>
<span id="userName"></span>
<span>账号ID：</span>
<span id="userId"></span>
</div>
</div>
</div>
<!-- 导航 -->
<div class="nav">
<div class="w-1200">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="email.html">邮件</a></li>
<!-- <li><a href="approval.html">审批</a></li> -->
<li class="cur"><a href="notice.html">公告</a></li>
<li><a href="report.html">业务报告</a></li>
<!-- <li><a href="task.html">任务奖励</a></li> -->
<!-- <li><a href="work.html">考勤管理</a></li> -->
<li><a href="personnel.html">人员管理</a></li>
<li><a href="homepage.html">网站主页</a></li>
</ul>
</div>
</div>
<!-- 内容 -->
<div class="w-1200 container">
<!-- 左侧导航 -->
<div class="Left LeftMore">
<div class="columnBox">
<h1><a class="cur">公司公告</a></h1>
</div>
<div class="columnBox">
<h1><a>员工社区</a></h1>
</div>
</div>
<!-- 右侧内容 -->
<div class="Right RightMore">
<ul class="operate">
<li><a class="add">发布</a></li>
<li><a>删除</a></li>
<li class="query">
<lable>标题</lable>
<input placeholder="请输入关键字" />
<lable>时间</lable>
<input placeholder="请选择" onclick="WdatePicker({startDate:'today'})" />
<a>查询</a>
</li>
</ul>
<div class="none">
暂无邮件记录
</div>
<table class="table-list">
<thead>
</thead>
<tbody>
</tbody>
</table>
<div class="zxf_pagediv"></div>
<!--
<table class="table-list">
<thead>
<tr>
<th width="30"><input type="checkbox"></th>
<th width="60">类型</th>
<th>主题</th>
<th>发布人</th>
<th width="160">时间</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox"></td>
<td><span class="notice-type type1">公告</span></td>
<td class="left"><a class="title">中秋节休息时间安排</a></td>
<td>张老师</td>
<td>2014-07-31(四)14：39</td>
</tr>
</tbody>
</table> -->
</div><!-- RightMore -->
</div>
<!-- 公告 -->
<div class="write-box">
<ul class="operate">
<li><a class="send">发布</a></li>
<li><a class="close">关闭</a></li>
</ul>
<div class="write-con">
<table>
<tr>
<td><span>类型：</span></td>
<td>
<select id="noticeType">
<option>请选择</option>
<option value="1">公司公告</option>
<option value="2">人事任命</option>
<option value="3">技术资料</option>
<option value="4">通知</option>
<option value="5">消息</option>
</select>
</td>
</tr>
<tr>
<td><span>标题：</span></td>
<td><input id="noticeTittle" placeholder="请填写标题"></td>
</tr>
<tr>
<td><span>正文：</span></td>
<td><textarea id="editor"></textarea></td>
</tr>
<!-- <tr>
<td><span>附件：</span></td>
<td><input type="file"></td>
</tr> -->
</table>
</div>
</div>
<!-- 查看 -->
<div class="look-box">
<ul class="operate">
<!-- <li><a class="exit">撤回</a></li> -->
<li><a class="close">关闭</a></li>
</ul>
<div class="write-con">
<table>
<tr>
<td><span>发布类型：</span></td>
<td>通知</td>
</tr>
<tr>
<td><span>标 题：</span></td>
<td>中秋节休息时间安排</td>
</tr <tr>
<td><span>发布时间：</span></td>
<td>2017-06-12 16:48:06</td>
</tr>
<tr>
<td><span>人员：</span></td>
<td>全员</td>
</tr>
<tr>
<td><span>正文：</span></td>
<td>
<p>假如人生不曾相遇，我还是那个我，偶尔做做梦，然后，开始日复一日的奔波，淹没在这喧嚣的城市里。
我不会了解，这个世界还有这样的一个你，只有你能让人回味，也只有你会让我心醉。
假如人生不曾相遇，我不会相信，有一种人可以百看不厌，有一种人一认识就觉得温馨。明知不能相逢，为何魂牵梦系？我又怎能深刻地体会到什么样叫远，什么叫近，远是距离，近在心底。
假如人生不曾相遇，不曾想过会牵挂一个远方的人。我有深切的愿望，愿你快乐每一天。淡淡的情怀很真，淡淡的问候很纯，淡淡的思念很深，淡淡的祝福最真。虽然一切只能给虚幻中的你。
假如人生不曾相遇，我不知道自己有那样一个习惯，收集你的欢笑，收集你的感情，收集你的一切一切。
假如人生不曾相遇，我不能深刻的体会孤独和忧伤，有着莫名的感动，激荡着热泪盈眶的心情入眠。
假如人生不曾相遇，我不会保持着一个人的想象，即使这想象难免寂寞无奈，但我仍然坚持着这样的梦想。
假如人生不曾相遇，我怎会理解一个人的孤独是那样铭心，但却可以释放自我的彷徨与无助。含泪的沧桑，无限的困惑，因为遇见了你，才会有更深的意义。可为什么在爱的时候，总伴着淡淡的心伤？
假如人生不曾相遇，我怎么能知道爱情存在的真正意义。必须有缘才能共舞，珍惜今天所爱方能同步。不能和你同途，也不能与你同步。
假如人生不曾相遇，我还是我，你依然是你，只是错过了人生最绚丽的奇遇。</p>
</td>
</tr>
<tr>
<td><span>附件：</span></td>
<td>中秋节休息时间安排.doc</td>
</tr>
<tr>
<td><span>我的想法：</span></td>
<td>
<textarea placeholder="请输入"></textarea>
<button class="btn-normal">发表</button>
</td>
</tr>
<tr>
<td><span>评论区：</span></td>
<td>
<dl class="discuss">
<dd>
<img src="images/head.png" />
</dd>
<dt>
<h1>宝姐</h1>
<h2>2019-07-15</h2>
<p>假如人生不曾相遇，我还是我，你依然是你，只是错过了人生最绚丽的奇遇。假如人生不曾相遇，我还是我，你依然是你，只是错过了人生最绚丽的奇遇。假如人生不曾相遇，我还是我，你依然是你，只是错过了人生最绚丽的奇遇。</p>
</dt>
</dl>
<dl class="discuss">
<dd>
<img src="images/head3.png" />
</dd>
<dt>
<h1>楚岚</h1>
<h2>2019-07-15</h2>
<p>假如人生不曾相遇，我还是我，你依然是你，只是错过了人生最绚丽的奇遇。</p>
</dt>
</dl>
<dl class="discuss">
<dd>
<img src="images/head4.png" />
</dd>
<dt>
<h1>王也</h1>
<h2>2019-07-15</h2>
<p>假如人生不曾相遇，我还是我，你依然是你，只是错过了人生最绚丽的奇遇。</p>
</dt>
</dl>
<dl class="discuss">
<dd>
<img src="images/head5.png" />
</dd>
<dt>
<h1>小师叔</h1>
<h2>2019-07-15</h2>
<p>假如人生不曾相遇，我还是我，你依然是你，只是错过了人生最绚丽的奇遇。</p>
</dt>
</dl>
</td>
</tr>
</table>
</div>
</div>
<div class="bg-shadow"></div>
<!-- JS -->
<script src="js/jquery.js"></script>
<script src="js/common.js"></script>
<script src="My97DatePicker/WdatePicker.js"></script>
<!-- 编辑器 -->
<script src="kindeditor/kindeditor-all-min.js"></script>
<script src="kindeditor/lang/zh-CN.js"></script>
<!-- 分页 -->
<script src="js/zxf_page.js"></script>
<script src="js/common.js"></script>
<script>
// 获取用户信息
token.getUser(token.local);
// 退出登录
$("#exit").click(function() {
window.localStorage.token = '';
token.getUser(token.local);
})
// 编辑器
var editor = '';
KindEditor.ready(function(K) {
var options = {
width: '100%',
minHeight: '400px',
items: ['source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'table', 'hr', 'emoticons',
'baidumap', 'pagebreak', 'anchor', 'link', 'unlink', '|', 'about'
]
}
editor = K.create('#editor', options);
});
// 发布公告按钮
$(".operate li .add").click(function() {
showMessage();
})
// 发布公告弹层内按钮
$(".operate li .send").click(function() {
noticeSend()
})
function noticeSend() {
var $noticeType = $("#noticeType").val();
var $noticeTittle = $("#noticeTittle").val();
var $noticeCon = editor.html();
var dataSend = {
oaType: $noticeType,
title: $noticeTittle,
content: $noticeCon
}
$.ajax({
url: url.common + '/word/notice/add',
type: 'POST',
contentType: 'application/json',
dataType: 'json',
data: JSON.stringify(dataSend),
headers: {
"token": token.local
},
success: function(res) {
console.log("发布公告", res)
if (res.success) {
closeMessage()
tool.tips("发布成功！")
}
}
})
}
// 公司公告 列表
noticeLook(1)
function noticeLook(sel) {
var dataSend = {
oaType: "",
pageNum: sel,
pageSize: 10
}
$.ajax({
url: url.common + '/word/notice/findByPage',
type: 'POST',
contentType: 'application/json',
dataType: 'json',
data: JSON.stringify(dataSend),
headers: {
"token": token.local
},
success: function(res) {
console.log("公司公告", res)
if (res.success) {
var str = "";
var strH = '<tr>' +
'<th><input name="all" type="checkbox"></th>' +
'<th>类型</th>' +
'<th>主题</th>' +
'<th>发布人</th>' +
'<th>时间</th>' +
'</tr>';
if (res.data.total == 0) {
$(".table-list").hide();
$(".zxf_pagediv").hide();
$(".none").fadeIn(200)
} else {
$(".table-list").show();
$(".none").hide()
$.each(res.data.list, function(index, item) {
// str += '<tr data-id=' + item.id + ' class="' + "tr-read" + item.isCheck + '">' +
// '<td><input check-id=' + item.id + ' type="checkbox" ></td>' +
// '<td>' + readIcon(item.isCheck) + '</td>' +
// '<td>' + item.senderName + '</td>' +
// '<td><a class="title">' + item.mailTitle + '</a></td>' +
// '<td>' + item.createTime + '</td>' +
// '</tr>'
str += '<tr>' +
'<td><input type="checkbox"></td>' +
'<td><span class="notice-type type1">公告</span></td>' +
'<td class="left"><a class="title">中秋节休息时间安排</a></td>' +
'<td>张老师</td>' +
'<td>2014-07-31(四)14：39</td>' +
'</tr>'
})
$(".table-list thead").append(strH);
$(".table-list tbody").append(str);
}
}
}
})
}
// checkbox 全选
// $(".table-list ").on('click', 'thead tr th input[name=all]', function() {
// if (this.checked) {
// $(".table-list tbody tr td input:checkbox").prop("checked", true);
// } else {
// $(".table-list tbody tr td input:checkbox").prop("checked", false);
// }
// })
// 公告弹层关闭按钮
$(".operate li .close").click(function() {
$("#noticeType").val("");
$("#noticeTittle").val("");
editor.html("");
closeMessage();
})
// 公告
function showMessage() {
$(".bg-shadow").fadeIn(100);
$(".write-box").fadeIn(300);
}
function closeMessage() {
$(".bg-shadow").fadeOut();
$(".write-box").fadeOut(100);
$(".look-box").fadeOut(100);
}
$(".operate li .exit").click(function() {
alert("公告已撤回，全员不可见");
closeMessage()
})
// 查看公告
function lookMessage() {
$(".bg-shadow").fadeIn(100);
$(".look-box").fadeIn(300);
}
$(".table-list tbody tr td a").click(function() {
lookMessage();
})
</script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手