oa-admin-system-static-prototype/profile.html at main · coowinit/oa-admin-system-static-prototype · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>个人中心 · OA 管理系统</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
  <div class="layout">
    <div class="overlay" id="sidebarOverlay"></div>
    <aside class="sidebar" id="sidebar">
      <div class="brand">
        <div class="brand-logo"><i class="bi bi-grid-1x2-fill"></i></div>
        <div><div class="brand-title">OA 管理系统</div><div class="brand-sub">Office Automation</div></div>
      </div>
      <nav class="menu"><div class="sidebar-collapse-hint">点击顶部菜单按钮可切换图标模式</div>
<div class="menu-group " data-menu-group="workspace">
<button class="menu-parent " type="button"><i class="bi bi-speedometer2"></i><span>工作台</span><i class="bi bi-chevron-right menu-chevron"></i></button>
<div class="submenu">
<a class="submenu-link " href="index.html"><i class="bi bi-house"></i><span>首页工作台</span></a>
<a class="submenu-link " href="index.html"><i class="bi bi-check2-square"></i><span>我的待办</span><span class="submenu-badge">6</span></a>
</div></div>
<div class="menu-group " data-menu-group="approval">
<button class="menu-parent " type="button"><i class="bi bi-inboxes"></i><span>审批中心</span><i class="bi bi-chevron-right menu-chevron"></i></button>
<div class="submenu">
<a class="submenu-link " href="approvals.html"><i class="bi bi-list-check"></i><span>审批中心</span></a>
<a class="submenu-link " href="apply.html"><i class="bi bi-plus-square"></i><span>发起申请</span></a>
<a class="submenu-link " href="my-applications.html"><i class="bi bi-send-check"></i><span>我的申请</span></a>
</div></div>
<div class="menu-group " data-menu-group="notice">
<button class="menu-parent " type="button"><i class="bi bi-bell"></i><span>通知消息</span><i class="bi bi-chevron-right menu-chevron"></i></button>
<div class="submenu">
<a class="submenu-link " href="messages.html"><i class="bi bi-chat-dots"></i><span>消息中心</span></a>
<a class="submenu-link " href="announcements.html"><i class="bi bi-megaphone"></i><span>通知公告</span></a>
</div></div>
<div class="menu-group " data-menu-group="template">
<button class="menu-parent " type="button"><i class="bi bi-diagram-3"></i><span>模板与流程</span><i class="bi bi-chevron-right menu-chevron"></i></button>
<div class="submenu">
<a class="submenu-link " href="workflow-templates.html"><i class="bi bi-diagram-2"></i><span>流程模板</span></a>
<a class="submenu-link " href="form-templates.html"><i class="bi bi-card-checklist"></i><span>表单模板</span></a>
<a class="submenu-link " href="flow-designer.html"><i class="bi bi-node-plus"></i><span>流程设计器</span></a>
<a class="submenu-link " href="form-designer.html"><i class="bi bi-ui-checks"></i><span>表单设计器</span></a>
<a class="submenu-link " href="components.html"><i class="bi bi-boxes"></i><span>通用组件库</span></a>
</div></div>
<div class="menu-group " data-menu-group="org">
<button class="menu-parent " type="button"><i class="bi bi-people"></i><span>组织管理</span><i class="bi bi-chevron-right menu-chevron"></i></button>
<div class="submenu">
<a class="submenu-link " href="employees.html"><i class="bi bi-person-lines-fill"></i><span>员工管理</span></a>
<a class="submenu-link " href="organization.html"><i class="bi bi-building"></i><span>部门组织架构</span></a>
<a class="submenu-link " href="roles.html"><i class="bi bi-shield-lock"></i><span>角色权限</span></a>
</div></div>
<div class="menu-group " data-menu-group="extension">
<button class="menu-parent " type="button"><i class="bi bi-grid"></i><span>OA 扩展</span><i class="bi bi-chevron-right menu-chevron"></i></button>
<div class="submenu">
<a class="submenu-link " href="files.html"><i class="bi bi-folder2-open"></i><span>文件中心</span></a>
<a class="submenu-link " href="calendar.html"><i class="bi bi-calendar3"></i><span>日程会议</span></a>
<a class="submenu-link " href="attendance.html"><i class="bi bi-fingerprint"></i><span>考勤管理</span></a>
</div></div>
<div class="menu-group " data-menu-group="ops">
<button class="menu-parent " type="button"><i class="bi bi-activity"></i><span>系统运维</span><i class="bi bi-chevron-right menu-chevron"></i></button>
<div class="submenu">
<a class="submenu-link " href="system-monitor.html"><i class="bi bi-activity"></i><span>系统监控</span></a>
<a class="submenu-link " href="empty-states.html"><i class="bi bi-window-stack"></i><span>状态页面</span></a>
<a class="submenu-link " href="logs.html"><i class="bi bi-clock-history"></i><span>操作日志</span></a>
</div></div>
<div class="menu-group open" data-menu-group="personal">
<button class="menu-parent active open" type="button"><i class="bi bi-person-gear"></i><span>个人与设置</span><i class="bi bi-chevron-right menu-chevron"></i></button>
<div class="submenu">
<a class="submenu-link active" href="profile.html"><i class="bi bi-person-circle"></i><span>个人中心</span></a>
<a class="submenu-link " href="password.html"><i class="bi bi-key"></i><span>修改密码</span></a>
<a class="submenu-link " href="settings.html"><i class="bi bi-gear"></i><span>系统设置</span></a>
</div></div></nav>
      <div class="sidebar-footer">
        <div class="user-mini"><div class="avatar">W</div><div><div class="user-name">Winson Yang</div><div class="user-role">系统管理员</div></div></div>
      </div>
    </aside>
    <main class="main">
      <header class="topbar">
        <button class="icon-btn mobile-btn" id="menuBtn" type="button"><i class="bi bi-list"></i></button>
        <div class="search-wrap"><i class="bi bi-search"></i><input class="form-control global-search" type="search" placeholder="搜索员工、流程、公告、审批单"></div>
        <div class="top-actions">
          <a class="icon-btn" href="messages.html"><i class="bi bi-bell"></i><span class="dot"></span></a>
          <a class="icon-btn" href="profile.html"><i class="bi bi-person"></i></a>
          <a class="btn btn-primary d-none d-sm-inline-flex" href="apply.html"><i class="bi bi-plus-lg me-1"></i>新建申请</a>
        </div>
      </header>
      <div class="content">
<section class="page-head">
  <div class="page-title"><h1>个人中心</h1><p>查看个人资料、账号状态、角色权限和最近操作。</p></div>
  <div class="page-actions"><a class="btn btn-outline-secondary" href="password.html"><i class="bi bi-key me-1"></i>修改密码</a><button class="btn btn-primary" data-toast="个人资料已保存"><i class="bi bi-save me-1"></i>保存资料</button></div>
</section>
<section class="profile-grid">
  <aside class="profile-hero">
    <div class="profile-avatar">W</div>
    <div class="profile-name">Winson Yang</div>
    <div class="profile-role">运营办 · 系统管理员</div>
    <div class="profile-meta">
      <div class="profile-meta-item"><span>账号状态</span><strong>正常</strong></div>
      <div class="profile-meta-item"><span>角色</span><strong>超级管理员</strong></div>
      <div class="profile-meta-item"><span>最后登录</span><strong>今天 09:28</strong></div>
      <div class="profile-meta-item"><span>登录地点</span><strong>总部网络</strong></div>
    </div>
  </aside>
  <div class="cardx">
    <div class="cardx-head"><h2 class="cardx-title">个人资料</h2><span class="badge badge-soft-green rounded-pill">已验证</span></div>
    <div class="cardx-body">
      <div class="profile-section-grid">
        <div class="profile-info-card"><span>姓名</span><strong>Winson Yang</strong></div>
        <div class="profile-info-card"><span>邮箱</span><strong>yangwenguan@gmail.com</strong></div>
        <div class="profile-info-card"><span>手机号</span><strong>138-0000-0001</strong></div>
        <div class="profile-info-card"><span>所属部门</span><strong>运营办</strong></div>
        <div class="profile-info-card"><span>岗位</span><strong>系统管理员</strong></div>
        <div class="profile-info-card"><span>办公地点</span><strong>总部</strong></div>
      </div>
      <hr>
      <h6 class="fw-bold mb-3">快捷设置</h6>
      <div class="setting-switch-row"><div><div class="setting-switch-title">接收审批提醒</div><div class="setting-switch-desc">有新的审批任务时提醒我</div></div><div class="form-check form-switch"><input class="form-check-input" type="checkbox" checked></div></div>
      <div class="setting-switch-row"><div><div class="setting-switch-title">接收公告推送</div><div class="setting-switch-desc">重要公告发布时提醒我</div></div><div class="form-check form-switch"><input class="form-check-input" type="checkbox" checked></div></div>
      <div class="setting-switch-row"><div><div class="setting-switch-title">深色侧边栏</div><div class="setting-switch-desc">保持当前深色导航风格</div></div><div class="form-check form-switch"><input class="form-check-input" type="checkbox" checked></div></div>
    </div>
  </div>
</section>
</div>
    </main>
  </div>
  <div class="position-fixed bottom-0 end-0 p-3" style="z-index:1080">
    <div id="liveToast" class="toast align-items-center text-bg-dark border-0" role="alert" aria-live="assertive" aria-atomic="true">
      <div class="d-flex"><div class="toast-body" id="toastText">操作成功</div><button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"></button></div>
    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  <script src="data/mock-data.js"></script>
  <script src="assets/js/app.js"></script>
</body>
</html>