role.html · 约 3164 字符
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="section-title"><span>系统角色</span><span class="more">共 4 个</span></div>
18<div class="list"><div class="row"><div class="avatar">🔐</div><div class="info"><div class="t">超级管理员</div><div class="s">1 人 · 全部权限</div></div><span class="btn line">配置</span></div><div class="row"><div class="avatar">🔐</div><div class="info"><div class="t">部门经理</div><div class="s">12 人 · 审批 / 查看本部门数据</div></div><span class="btn line">配置</span></div><div class="row"><div class="avatar">🔐</div><div class="info"><div class="t">普通员工</div><div class="s">86 人 · 提交申请 / 查看个人数据</div></div><span class="btn line">配置</span></div><div class="row"><div class="avatar">🔐</div><div class="info"><div class="t">财务专员</div><div class="s">4 人 · 报销复核 / 付款</div></div><span class="btn line">配置</span></div></div>
19<div class="section-title"><span>权限矩阵</span><span class="more">✔ 拥有 / — 无</span></div>
20<div class="matrix"><table>
21 <tr><th>功能模块</th><th>超级管理员</th><th>部门经理</th><th>普通员工</th><th>财务专员</th></tr>
22 <tr><td>考勤签到</td><td class="yes">✔</td><td class="yes">✔</td><td class="yes">✔</td><td class="yes">✔</td></tr><tr><td>请假申请</td><td class="yes">✔</td><td class="yes">✔</td><td class="yes">✔</td><td class="yes">✔</td></tr><tr><td>报销申请</td><td class="yes">✔</td><td class="yes">✔</td><td class="yes">✔</td><td class="yes">✔</td></tr><tr><td>在线审批</td><td class="yes">✔</td><td class="yes">✔</td><td class="no">—</td><td class="yes">✔</td></tr><tr><td>组织架构</td><td class="yes">✔</td><td class="no">—</td><td class="no">—</td><td class="no">—</td></tr><tr><td>角色权限</td><td class="yes">✔</td><td class="no">—</td><td class="no">—</td><td class="no">—</td></tr><tr><td>流程配置</td><td class="yes">✔</td><td class="no">—</td><td class="no">—</td><td class="no">—</td></tr><tr><td>数据报表</td><td class="yes">✔</td><td class="yes">✔</td><td class="no">—</td><td class="yes">✔</td></tr>
23</table></div>
24
25<div class="bottom-nav"><a class="nav-item" href="approve.html"><span class="icon">✅</span>审批</a><a class="nav-item" href="org.html"><span class="icon">🏢</span>组织</a><a class="nav-item active" href="role.html"><span class="icon">🔐</span>权限</a><a class="nav-item" href="flow.html"><span class="icon">⚙️</span>流程</a></div>
26<div class="safe-bottom"></div>
27</div>
28</body>
29</html>