notice.html · 约 3415 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6<title>驰旭科技OA · 查看公告</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="wrap">
11<div class="header">
12 <div class="top"><span class="role">员工端</span><span style="margin-left:auto;font-size:12px;opacity:.85">驰旭科技</span></div>
13 <h1>查看公告</h1>
14 <div class="sub">公司 / 人事 / 行政通知</div>
15</div>
16
17<div class="filters">
18 <span class="f on">全部</span><span class="f">公司</span><span class="f">人事</span><span class="f">行政</span><span class="f">财务</span><span class="f">IT</span>
19</div>
20<div class="section-title"><span>公司公告</span><span class="more">共 5 条</span></div>
21<div class="notice"><div class="n">
22 <div class="ic">📢</div>
23 <div class="info"><div class="nt">关于中秋节放假安排的通知 <span class="tag red" style="background:#fee2e2;color:#dc2626">置顶</span></div><div class="nd">行政人事部 · 公司 · 09-12</div></div>
24</div><div style="padding:0 16px 12px;font-size:12px;color:var(--muted);line-height:1.6">中秋假期 9 月 19 日（周五）至 9 月 21 日（周日）共 3 天，9 月 22 日（周一）正常上班。假期前请做好…</div></div><div class="notice"><div class="n">
25 <div class="ic">💼</div>
26 <div class="info"><div class="nt">Q3 优秀员工评选启动 </div><div class="nd">人力资源部 · 人事 · 09-10</div></div>
27</div><div style="padding:0 16px 12px;font-size:12px;color:var(--muted);line-height:1.6">各用人部门于 9 月 20 日前完成推荐，评选标准含业绩达成、协作贡献与价值观践行。…</div></div><div class="notice"><div class="n">
28 <div class="ic">🖥️</div>
29 <div class="info"><div class="nt">办公系统升级维护预告 </div><div class="nd">信息技术部 · IT · 09-08</div></div>
30</div><div style="padding:0 16px 12px;font-size:12px;color:var(--muted);line-height:1.6">OA 系统将于 9 月 15 日 22:00-24:00 升级，期间审批与考勤功能暂停，请提前提交紧急单据。…</div></div><div class="notice"><div class="n">
31 <div class="ic">🎉</div>
32 <div class="info"><div class="nt">公司团建活动报名开启 </div><div class="nd">工会 · 活动 · 09-05</div></div>
33</div><div style="padding:0 16px 12px;font-size:12px;color:var(--muted);line-height:1.6">杭州两日游（9 月 27-28 日）即日起开放报名，名额 60 人，先到先得。…</div></div><div class="notice"><div class="n">
34 <div class="ic">📈</div>
35 <div class="info"><div class="nt">新版报销制度宣贯 </div><div class="nd">财务部 · 财务 · 09-03</div></div>
36</div><div style="padding:0 16px 12px;font-size:12px;color:var(--muted);line-height:1.6">自 10 月起差旅报销需附行程单与发票原件，电子发票请上传 PDF。…</div></div>
37
38<div class="bottom-nav"><a class="nav-item" href="index.html"><span class="icon">🏠</span>主页</a><a class="nav-item" href="attendance.html"><span class="icon">📍</span>考勤</a><a class="nav-item" href="leave.html"><span class="icon">🌴</span>请假</a><a class="nav-item active" href="notice.html"><span class="icon">📢</span>公告</a></div>
39<div class="safe-bottom"></div>
40</div>
41</body>
42</html>