zjk
2026-07-31 8665daa7aa863f96d0d8f27c167edae1efc38022
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
139
140
141
142
143
144
145
146
147
148
149
150
<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>入园承诺 - 访客机自助登记管理平台</title>
  <link rel="stylesheet" href="../css/dashboard.css">
  <link rel="stylesheet" href="../css/components.css">
  <link rel="stylesheet" href="../css/protocol-config.css">
</head>
<body>
  <div class="app-shell">
    <aside class="sidebar">
      <div class="brand">
        <img src="../assets/login-avatar.svg" alt="">
        <strong>访客机自助登记管理平台</strong>
      </div>
 
      <nav class="menu" aria-label="主菜单">
        <a class="menu-item" href="./dashboard.html">
          <span class="menu-icon home"></span>
          <span>首页</span>
        </a>
 
        <section class="menu-group open">
          <button class="menu-title" type="button">
            <span class="menu-icon screen"></span>
            <span>系统</span>
            <span class="chevron"></span>
          </button>
          <a href="./system-config.html">系统配置</a>
          <a class="active" href="./protocol-config.html">入园承诺</a>
          <a href="./version-update.html">访客机版本更新</a>
        </section>
 
        <section class="menu-group open">
          <button class="menu-title" type="button">
            <span class="menu-icon device"></span>
            <span>设备管理</span>
            <span class="chevron"></span>
          </button>
          <a href="./visitor-machine.html">访客机管理</a>
          <a href="./door-management.html">门禁管理</a>
        </section>
 
        <section class="menu-group open">
          <button class="menu-title" type="button">
            <span class="menu-icon people"></span>
            <span>人员管理</span>
            <span class="chevron"></span>
          </button>
          <a href="./department-management.html">部门</a>
          <a href="./employee-management.html">员工管理</a>
        </section>
 
        <a class="menu-item" href="./area-management.html">
          <span class="menu-icon map"></span>
          <span>区域管理</span>
        </a>
 
        <section class="menu-group open">
          <button class="menu-title" type="button">
            <span class="menu-icon log"></span>
            <span>记录与日志</span>
            <span class="chevron"></span>
          </button>
          <a href="./visitor-record.html">访客登记记录</a>
          <a href="./operation-log.html">操作日志</a>
        </section>
 
        <section class="menu-group open">
          <button class="menu-title" type="button">
            <span class="menu-icon account"></span>
            <span>账号管理</span>
            <span class="chevron"></span>
          </button>
          <a href="./platform-admin.html">平台管理员</a>
          <a href="./role-management.html">角色</a>
        </section>
      </nav>
    </aside>
 
    <section class="main">
      <header class="topbar">
        <div></div>
        <div class="top-actions">
          <button class="icon-button" type="button" title="全屏">
            <span class="expand-icon"></span>
          </button>
          <span class="user-avatar">用</span>
          <div class="user-menu">
            <button id="userMenuButton" class="user-name" type="button" aria-haspopup="true" aria-expanded="false">
              <span id="userDisplayName">用户</span>
              <span class="user-caret"></span>
            </button>
            <div id="userDropdown" class="user-dropdown" hidden>
              <button type="button" data-action="home">返回首页</button>
              <button type="button" data-action="logout">退出登录</button>
            </div>
          </div>
        </div>
      </header>
 
      <div class="tabs">
        <span class="home-tab"></span>
        <span class="tab-divider"></span>
        <span class="tab active">入园承诺</span>
      </div>
 
      <main class="protocol-page">
        <section class="protocol-card">
          <h1>入园承诺</h1>
          <div class="section-title">
            <span></span>
            <strong>信息配置</strong>
          </div>
 
          <form id="protocolForm" class="protocol-form">
            <section id="editorShell" class="editor-shell">
              <div class="editor-toolbar" role="toolbar" aria-label="富文本工具栏">
                <button type="button" data-command="bold" title="加粗"><strong>B</strong></button>
                <button type="button" data-command="italic" title="斜体"><em>I</em></button>
                <button type="button" data-command="foreColor" data-value="#111827" title="文字颜色"><span class="font-color">A</span></button>
                <button type="button" data-command="fontSize" data-value="4" title="标题字号"><span class="font-size">T<small>T</small></span></button>
                <button type="button" data-command="insertUnorderedList" title="无序列表"><span class="list-icon unordered"></span></button>
                <button type="button" data-command="insertOrderedList" title="有序列表"><span class="list-icon ordered"></span></button>
                <button type="button" data-command="justifyLeft" title="左对齐"><span class="align-icon left"></span></button>
                <button type="button" data-command="justifyCenter" title="居中"><span class="align-icon center"></span></button>
                <button type="button" data-command="justifyRight" title="右对齐"><span class="align-icon right"></span></button>
                <button type="button" data-command="undo" title="撤销"><span class="undo-icon">↶</span></button>
                <button type="button" data-command="redo" title="重做"><span class="redo-icon">↷</span></button>
                <button id="editorFullscreen" type="button" title="全屏编辑"><span class="fullscreen-icon"></span></button>
              </div>
              <div id="protocolEditor" class="protocol-editor" contenteditable="true" data-placeholder="请输入"></div>
            </section>
 
            <footer class="protocol-actions">
              <button id="saveProtocolButton" class="protocol-save-button" type="submit">保存</button>
            </footer>
          </form>
        </section>
      </main>
    </section>
  </div>
 
  <script src="../js/components.js"></script>
  <script src="../js/config.js"></script>
  <script src="../js/protocol-config.js"></script>
</body>
</html>