oa-admin-system-static-prototype/settings.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
<!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 " href="password.html"><i class="bi bi-key"></i><span>修改密码</span></a>
<a class="submenu-link active" 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>
          <button class="icon-btn" type="button"><i class="bi bi-question-circle"></i></button>
          <button class="btn btn-primary d-none d-sm-inline-flex" data-toast="已打开新建申请示例"><i class="bi bi-plus-lg me-1"></i>新建申请</button>
        </div>
      </header>
      <div class="content">

<section class="page-head"><div class="page-title"><h1>系统设置</h1><p>配置系统基础信息、安全策略、通知规则、审批规则和备份策略。</p></div><div class="page-actions"><button class="btn btn-outline-secondary" data-toast="已恢复默认配置示例"><i class="bi bi-arrow-counterclockwise me-1"></i>恢复默认</button><button class="btn btn-outline-primary" data-toast="配置测试通过"><i class="bi bi-lightning-charge me-1"></i>测试配置</button><button class="btn btn-primary" data-toast="系统设置已保存"><i class="bi bi-save me-1"></i>保存设置</button></div></section>
<section class="v6-three-grid"><aside class="cardx"><div class="cardx-head"><h2 class="cardx-title"><i class="bi bi-sliders me-1"></i>设置分类</h2></div><div class="cardx-body"><div class="setting-nav" id="settingNav"></div></div></aside><section class="cardx"><div class="cardx-head"><h2 class="cardx-title" id="settingPanelTitle">基础设置</h2><span class="badge badge-soft-blue rounded-pill">配置中</span></div><div class="cardx-body" id="settingPanel"></div></section><aside 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="system-health"><div class="health-item"><span>系统版本</span><strong>V7.0 拆分版</strong></div><div class="health-item"><span>运行状态</span><strong class="text-green">正常</strong></div><div class="health-item"><span>上次备份</span><strong>今天 03:00</strong></div><div class="health-item"><span>登录保护</span><strong>已开启</strong></div></div><hr><h6 class="fw-bold mb-3">最近操作</h6><div class="login-log"><div class="login-log-item"><i class="bi bi-record-circle"></i><div>Winson Yang 修改了角色权限配置。</div></div><div class="login-log-item"><i class="bi bi-record-circle"></i><div>系统自动完成数据备份。</div></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>