小草员工管家_H5/mine.html · 约 2626 字符
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,maximum-scale=1,user-scalable=no"/>
6<title>我的 · 小草员工管家</title>
7<link rel="stylesheet" href="style.css"/>
8</head>
9<body>
10
11<div class="user-card">
12 <div class="uc-avatar">👩💼</div>
13 <div>
14 <div class="uc-name">王芳</div>
15 <div class="uc-level">人力资源部 · HRBP · 工号 E10092</div>
16 </div>
17</div>
18<div class="leave-bal">
19 <div class="lb-title" style="font-size:13px;font-weight:700;margin-bottom:6px">🏖️ 我的假期余额</div>
20 <div class="lb-row"><span>年假</span><b>剩余 9.5 天</b></div>
21 <div class="lb-row"><span>调休</span><b>12 小时</b></div>
22 <div class="lb-row"><span>病假（本年）</span><b>0 天</b></div>
23 <div class="lb-row"><span>事假（本年）</span><b>2 天</b></div>
24</div>
25<div class="menu-list">
26 <a data-toast="本月工资条已生成"><span class="ml-l"><span class="ico">💰</span>我的工资条</span><span class="ml-r">›</span></a>
27 <a data-toast="考勤记录已同步"><span class="ml-l"><span class="ico">🕐</span>我的考勤</span><span class="ml-r">›</span></a>
28 <a data-toast="请假申请已发起"><span class="ml-l"><span class="ico">📝</span>请假申请</span><span class="ml-r">›</span></a>
29 <a data-toast="加班申请已提交"><span class="ml-l"><span class="ico">⏰</span>加班申请</span><span class="ml-r">›</span></a>
30 <a data-toast="在职证明已生成"><span class="ml-l"><span class="ico">📄</span>证明申请</span><span class="ml-r">›</span></a>
31 <a data-toast="审批流：直属上级→HR→负责人"><span class="ml-l"><span class="ico">✅</span>我的审批</span><span class="ml-r">3 待办</span></a>
32 <a data-toast="组织架构与通讯录已同步"><span class="ml-l"><span class="ico">📖</span>组织通讯录</span><span class="ml-r">›</span></a>
33 <a data-toast="客服热线 400-880-6600"><span class="ml-l"><span class="ico">🎧</span>帮助与反馈</span><span class="ml-r">›</span></a>
34</div>
35
36<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>工作台</a><a class="" href="employees.html"><span class="icon">👥</span>员工</a><a class="" href="attendance.html"><span class="icon">🕐</span>考勤</a><a class="" href="recruitment.html"><span class="icon">🎯</span>招聘</a><a class=" active" href="mine.html"><span class="icon">👤</span>我的</a></nav>
37<script src="data.js"></script>
38
39<script src="app.js"></script>
40</body>
41</html>