oa-admin-system-static-prototype/password.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
<!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 " href="profile.html"><i class="bi bi-person-circle"></i><span>个人中心</span></a>
<a class="submenu-link active" 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="profile.html"><i class="bi bi-arrow-left me-1"></i>返回个人中心</a><button class="btn btn-primary" data-toast="密码修改成功示例"><i class="bi bi-check2-circle me-1"></i>确认修改</button></div>
</section>
<section class="v6-two-grid">
  <div class="cardx">
    <div class="cardx-head"><h2 class="cardx-title"><i class="bi bi-key me-1"></i>密码修改</h2><span class="badge badge-soft-orange rounded-pill">安全操作</span></div>
    <div class="cardx-body">
      <div class="mb-3"><label class="form-label">当前密码</label><input type="password" class="form-control" placeholder="请输入当前密码"></div>
      <div class="mb-3"><label class="form-label">新密码</label><input type="password" class="form-control" value="NewPassword2026"><div class="password-strength"><span></span></div><div class="setting-help">密码强度：较强。建议包含大小写字母、数字和符号。</div></div>
      <div class="mb-3"><label class="form-label">确认新密码</label><input type="password" class="form-control" value="NewPassword2026"></div>
      <button class="btn btn-primary w-100" data-toast="密码修改成功示例">保存新密码</button>
    </div>
  </div>
  <aside class="cardx">
    <div class="cardx-head"><h2 class="cardx-title">安全建议</h2></div>
    <div class="cardx-body">
      <div class="audit-tips mt-0"><i class="bi bi-shield-lock me-1"></i>请不要使用生日、手机号、简单连续数字作为密码。</div>
      <div class="system-health mt-3">
        <div class="health-item"><span>双重验证</span><strong class="text-green">已开启</strong></div>
        <div class="health-item"><span>上次改密</span><strong>30 天前</strong></div>
        <div class="health-item"><span>异常登录</span><strong>0 次</strong></div>
        <div class="health-item"><span>会话数量</span><strong>2 个</strong></div>
      </div>
    </div>
  </aside>
</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>