index.html · 约 3624 字符
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="card" style="margin-top:12px;padding:16px">
18 <div class="row" style="border:none;padding:0">
19 <div class="avatar">🧑💻</div>
20 <div class="info"><div class="t">张三</div><div class="s">工号 E1024 · 产品研发部 · 前端工程师</div></div>
21 </div>
22 <div class="kpi" style="margin-top:14px">
23 <div class="box"><div class="num" style="color:#16a34a">正常</div><div class="lab">今日考勤</div></div>
24 <div class="box"><div class="num" style="color:var(--accent)">3</div><div class="lab">待办审批</div></div>
25 <div class="box"><div class="num">2</div><div class="lab">我的申请</div></div>
26 <div class="box"><div class="num" style="color:var(--secondary)">1</div><div class="lab">未读公告</div></div>
27 </div>
28</div>
29<div class="section-title"><span>快捷功能</span></div>
30<div class="list">
31 <a class="row" href="attendance.html" style="text-decoration:none;color:inherit"><div class="avatar">📍</div><div class="info"><div class="t">考勤签到</div><div class="s">上班 / 下班打卡</div></div><span class="tag blue">→</span></a>
32 <a class="row" href="leave.html" style="text-decoration:none;color:inherit"><div class="avatar">🌴</div><div class="info"><div class="t">请假申请</div><div class="s">年假 / 事假 / 病假</div></div><span class="tag blue">→</span></a>
33 <a class="row" href="expense.html" style="text-decoration:none;color:inherit"><div class="avatar">💰</div><div class="info"><div class="t">报销申请</div><div class="s">差旅 / 餐饮 / 办公</div></div><span class="tag blue">→</span></a>
34 <a class="row" href="notice.html" style="text-decoration:none;color:inherit"><div class="avatar">📢</div><div class="info"><div class="t">查看公告</div><div class="s">公司 / 人事 / 行政</div></div><span class="tag blue">→</span></a>
35</div>
36<div class="section-title"><span>最新公告</span><span class="more">全部</span></div>
37<div class="notice"><div class="n"><div class="ic">📢</div><div class="info"><div class="nt">关于中秋节放假安排的通知</div><div class="nd">行政人事部 · 全体员工</div></div><div class="ndate">09-12</div></div></div><div class="notice"><div class="n"><div class="ic">💼</div><div class="info"><div class="nt">Q3 优秀员工评选启动</div><div class="nd">人力资源部</div></div><div class="ndate">09-10</div></div></div><div class="notice"><div class="n"><div class="ic">🖥️</div><div class="info"><div class="nt">办公系统升级维护预告</div><div class="nd">信息技术部 · 09-15 晚间</div></div><div class="ndate">09-08</div></div></div>
38
39<div class="bottom-nav"><a class="nav-item active" 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" href="notice.html"><span class="icon">📢</span>公告</a></div>
40<div class="safe-bottom"></div>
41</div>
42</body>
43</html>