feat: 人员识别与管理模块 - MediaPipe人脸检测、人脸识别、人员库管理

web/static/index.html

@@ -29,6 +29,11 @@
                 </div>
             </div>
 
+            <div class="panel-section">
+                <h3>👥 人员库</h3>
+                <button onclick="openPersonsModal()" class="btn-settings">查看人员库</button>
+            </div>
+            
             <div class="panel-section">
                 <h3>⚙️ 系统设置</h3>
                 <button onclick="openSettingsModal()" class="btn-settings">🔧 设置参数</button>
@@ -155,6 +160,22 @@
             </div>
         </div>
 
+        <!-- 人员库模态框 -->
+        <div class="modal" id="persons-modal" onclick="closeModalOnBackground(event, 'persons-modal')">
+            <div class="modal-content settings-modal-content" onclick="event.stopPropagation()">
+                <span class="modal-close" onclick="closePersonsModal()">×</span>
+                <h2>👥 人员库管理</h2>
+                
+                <div class="persons-stats" id="persons-stats">
+                    <!-- 统计信息 -->
+                </div>
+                
+                <div class="persons-list" id="persons-list">
+                    <!-- 人员列表 -->
+                </div>
+            </div>
+        </div>
+
         <!-- 图片详情模态框 -->
         <div class="modal" id="image-modal" onclick="closeModalOnBackground(event, 'image-modal')">
             <div class="modal-content" onclick="event.stopPropagation()">