210 lines
9.5 KiB
HTML
210 lines
9.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="/lib/layui/css/layui.css">
|
|
<link rel="stylesheet" href="/css/font.css">
|
|
<link rel="stylesheet" href="/css/xadmin.css">
|
|
<link rel="stylesheet" href="/css/win10ui.css">
|
|
<link rel="stylesheet" href="/css/fold.css">
|
|
<link rel="stylesheet" href="/css/theme.css">
|
|
<script type="text/javascript" src="/lib/layui/layui.js" charset="utf-8"></script>
|
|
<script type="text/javascript" src="/js/xadmin.js"></script>
|
|
<script type="text/javascript" src="/js/tables.js"></script>
|
|
<script>window.breadcrumbs = [{name: "首页", url: ""},{name: "工作室", url: ""},{name: "文化"}];</script>
|
|
<script src="/js/address.bar.js"></script>
|
|
<title>银河锋锐软件开发工作室 - 通告</title>
|
|
<style>
|
|
.notice-container {
|
|
padding: 20px;
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
}
|
|
.notice-intro {
|
|
background-color: #f8f8f8;
|
|
padding: 20px;
|
|
border-radius: 5px;
|
|
margin-bottom: 30px;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
}
|
|
/* 新增卡片时间样式 */
|
|
.notice-card-time {
|
|
font-size: 14px;
|
|
color: #fff;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.layui-col-space30 {
|
|
margin-top: 30px 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="notice-container">
|
|
<!-- 通告简介 -->
|
|
<div class="notice-intro">
|
|
<h1 style="text-align: center;">银河锋锐软件开发工作室通告</h1>
|
|
<p style="text-align: center;">我们会在此发布工作室的最新动态、项目进展、重要通知、处罚、合同更新等信息。请各位成员定期查看，以确保及时了解工作室的最新情况。</p>
|
|
</div>
|
|
|
|
<!-- 通告列表 -->
|
|
<div id="notice-list">
|
|
<!-- 示例通告卡片1 -->
|
|
<div class="layui-col-space30">
|
|
<div class="layui-col-md10 layui-col-md-offset1">
|
|
<div class="layui-card layui-card-round">
|
|
<details open>
|
|
<summary class="collapse-name" tabindex="-1">
|
|
<div class="layui-card-header">
|
|
<span>2025年合同更新通知</span>
|
|
<span class="notice-card-time">2025-5-1 1:30:32</span>
|
|
<i class="show-icon iconfont"></i>
|
|
</div>
|
|
</summary>
|
|
<div class="layui-card-body">
|
|
<div class="notice-card-content">
|
|
<p>各位团队成员：</p>
|
|
<p>根据工作室年度计划安排，请在2025-5-5 1:00:00前续签工作室成员协议</p>
|
|
<p>协议内容：</p>
|
|
<ol>
|
|
<li>责任</li>
|
|
<li>义务</li>
|
|
<li>保密</li>
|
|
</ol>
|
|
<p>请各位成员准时签署。</p>
|
|
</div>
|
|
<div class="layui-card-footer">
|
|
发布人：TermiNexus
|
|
</div>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 示例通告卡片2 -->
|
|
<div class="layui-col-space30">
|
|
<div class="layui-col-md10 layui-col-md-offset1">
|
|
<div class="layui-card layui-card-round">
|
|
<details open>
|
|
<summary class="collapse-name" tabindex="-1">
|
|
<div class="layui-card-header">
|
|
<span>关于启用新版项目管理系统的通知</span>
|
|
<span class="notice-card-time">2025-4-30 11:32:08</span>
|
|
<i class="show-icon iconfont"></i>
|
|
</div>
|
|
</summary>
|
|
<div class="layui-card-body">
|
|
<div class="notice-card-content">
|
|
<p>各位同事：</p>
|
|
<p>为提高项目管理效率，工作室的新版项目管理系统将于2025-4-30正式上线运行。</p>
|
|
<p>账号：个人名称</p>
|
|
<p>初始密码：123456（首次登录后请立即修改）</p>
|
|
</div>
|
|
<div class="layui-card-footer">
|
|
发布人：TermiNexus
|
|
</div>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 示例通告卡片3 -->
|
|
<div class="layui-col-space30">
|
|
<div class="layui-col-md10 layui-col-md-offset1">
|
|
<div class="layui-card layui-card-round">
|
|
<details open>
|
|
<summary class="collapse-name" tabindex="-1">
|
|
<div class="layui-card-header">
|
|
<span>2025年上半年KPI未完成处罚名单</span>
|
|
<span class="notice-card-time">2025-04-30 11:27:45</span>
|
|
<i class="show-icon iconfont"></i>
|
|
</div>
|
|
</summary>
|
|
<div class="layui-card-body">
|
|
<div class="notice-card-content">
|
|
<p>上半年工作室没有KPI</p>
|
|
<ul>
|
|
<li>-</li>
|
|
<li>-</li>
|
|
<li>-</li>
|
|
<li>-</li>
|
|
</ul>
|
|
<p>-</p>
|
|
</div>
|
|
<div class="layui-card-footer">
|
|
发布人：TermiNexus
|
|
</div>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
layui.use(['jquery', 'layer'], function() {
|
|
var $ = layui.jquery;
|
|
var layer = layui.layer;
|
|
|
|
// 这里可以添加动态加载通告的逻辑
|
|
// 例如：
|
|
/*
|
|
$.ajax({
|
|
url: '/api/notices',
|
|
type: 'GET',
|
|
success: function(res) {
|
|
if(res.code === 0) {
|
|
renderNotices(res.data);
|
|
} else {
|
|
layer.msg('获取通告失败: ' + res.msg);
|
|
}
|
|
},
|
|
error: function() {
|
|
layer.msg('网络错误，请稍后再试');
|
|
}
|
|
});
|
|
|
|
function renderNotices(data) {
|
|
var html = '';
|
|
if(data.length === 0) {
|
|
html = '<div class="no-notice">暂无通告</div>';
|
|
} else {
|
|
data.forEach(function(notice) {
|
|
html += `
|
|
<div class="layui-col-space30">
|
|
<div class="layui-col-md10 layui-col-md-offset1">
|
|
<div class="layui-card layui-card-round">
|
|
<details open>
|
|
<summary class="collapse-name" tabindex="-1">
|
|
<div class="layui-card-header">
|
|
<span>${notice.title}</span>
|
|
<span class="notice-card-time">${notice.time}</span>
|
|
<i class="show-icon iconfont"></i>
|
|
</div>
|
|
</summary>
|
|
<div class="layui-card-body">
|
|
<div class="notice-card-content">${notice.content}</div>
|
|
<div class="layui-card-footer">
|
|
发布人：${notice.publisher} | 阅读量：${notice.views}
|
|
</div>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
</div>
|
|
</div>`;
|
|
});
|
|
}
|
|
$('#notice-list').html(html);
|
|
}
|
|
*/
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |