Upload 67 files

components/Sidebar.tsx

@@ -1,6 +1,5 @@
-
 import React, { useState, useEffect, useMemo } from 'react';
-import { LayoutDashboard, Users, BookOpen, GraduationCap, Settings, LogOut, FileText, School, UserCog, Palette, X, Building, Gamepad2, CalendarCheck, UserCircle, MessageSquare, Bot, ArrowUp, ArrowDown, Save, UserCheck, Download } from 'lucide-react';
+import { LayoutDashboard, Users, BookOpen, GraduationCap, Settings, LogOut, FileText, School, UserCog, Palette, X, Building, Gamepad2, CalendarCheck, UserCircle, MessageSquare, Bot, ArrowUp, ArrowDown, Save, UserCheck, Download, Smartphone } from 'lucide-react';
 import { UserRole } from '../types';
 import { api } from '../services/api';
 
@@ -48,27 +47,57 @@ export const Sidebar: React.FC<SidebarProps> = ({ currentView, onChangeView, use
   const [menuItems, setMenuItems] = useState<MenuItem[]>(STATIC_MENU_ITEMS);
   const [isEditing, setIsEditing] = useState(false);
   const [installPrompt, setInstallPrompt] = useState<any>(null);
+  const [isStandalone, setIsStandalone] = useState(false);
 
   // Capture the PWA install prompt event
   useEffect(() => {
+    // 1. Check if already running in standalone mode (installed)
+    const isStandaloneMode = window.matchMedia('(display-mode: standalone)').matches || 
+                             (window.navigator as any).standalone === true;
+    setIsStandalone(isStandaloneMode);
+
+    if (isStandaloneMode) return;
+
+    // 2. Check if the event was already captured globally (in index.html)
+    if ((window as any).deferredPrompt) {
+        console.log('⚡ Using globally captured PWA prompt');
+        setInstallPrompt((window as any).deferredPrompt);
+    }
+
+    // 3. Setup listener for future events (if not yet captured)
     const handler = (e: any) => {
-      // Prevent the mini-infobar from appearing on mobile
       e.preventDefault();
-      // Stash the event so it can be triggered later.
+      // Update global and local state
+      (window as any).deferredPrompt = e;
       setInstallPrompt(e);
+      console.log('⚡ PWA prompt event fired in component');
     };
+
     window.addEventListener('beforeinstallprompt', handler);
     return () => window.removeEventListener('beforeinstallprompt', handler);
   }, []);
 
   const handleInstallClick = async () => {
-    if (!installPrompt) return;
+    // Prefer local state, fallback to global
+    const promptEvent = installPrompt || (window as any).deferredPrompt;
+    
+    if (!promptEvent) {
+        alert('安装功能当前不可用。请尝试点击浏览器菜单中的“添加到主屏幕”或“安装应用”。');
+        return;
+    }
+
     // Show the install prompt
-    installPrompt.prompt();
+    promptEvent.prompt();
+    
     // Wait for the user to respond to the prompt
-    const { outcome } = await installPrompt.userChoice;
+    const { outcome } = await promptEvent.userChoice;
+    
     if (outcome === 'accepted') {
+      console.log('User accepted the install prompt');
       setInstallPrompt(null);
+      (window as any).deferredPrompt = null;
+    } else {
+      console.log('User dismissed the install prompt');
     }
   };
 
@@ -184,13 +213,25 @@ export const Sidebar: React.FC<SidebarProps> = ({ currentView, onChangeView, use
         </div>
 
         <div className="p-4 border-t border-slate-700 space-y-2 shrink-0">
-          {installPrompt && (
+          {!isStandalone && installPrompt && (
             <button onClick={handleInstallClick} className="w-full flex items-center space-x-3 px-4 py-3 rounded-lg bg-gradient-to-r from-blue-600 to-indigo-600 text-white hover:shadow-lg transition-all duration-200 animate-in fade-in slide-in-from-bottom-2">
               <Download size={20} />
-              <span className="font-bold">安装应用到桌面</span>
+              <span className="font-bold">安装到桌面/手机</span>
             </button>
           )}
           
+          {/* Fallback for iOS/Manual if prompt missing but not installed */}
+          {!isStandalone && !installPrompt && (
+             <div className="px-4 py-2 bg-slate-800 rounded-lg text-[10px] text-slate-400 border border-slate-700 flex gap-2 items-start">
+                 <Smartphone size={14} className="mt-0.5 shrink-0"/>
+                 <div>
+                     若未显示安装按钮：
+                     <br/>iOS: 点击分享 → 添加到主屏幕
+                     <br/>Android: 点击菜单 → 安装应用
+                 </div>
+             </div>
+          )}
+          
           <div className="px-4 py-2 text-xs text-slate-500 flex justify-between">
               <span>当前角色:</span>
               <span className="text-slate-300 font-bold">
@@ -207,4 +248,4 @@ export const Sidebar: React.FC<SidebarProps> = ({ currentView, onChangeView, use
       </div>
     </>
   );
-};
+};

components/ai/ChatPanel.tsx

@@ -387,7 +387,6 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
                                     <span>正在联网搜索相关信息...</span>
                                 </div>
                             )}
-
                             <div className={`p-3 rounded-2xl text-sm overflow-hidden shadow-sm ${msg.role === 'user' ? 'bg-blue-600 text-white rounded-tr-none' : 'bg-white border border-gray-200 text-gray-800 rounded-tl-none'}`}>
                                 {msg.images && msg.images.length > 0 && (
                                     <div className="flex gap-2 mb-2 flex-wrap">
@@ -546,4 +545,4 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
             </div>
         </div>
     );
-};
+};

components/ai/WorkAssistantPanel.tsx

@@ -676,4 +676,4 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
             </div>
         </div>
     );
-};
+};

index.html

@@ -1,4 +1,3 @@
-
 <!DOCTYPE html>
 <html lang="zh-CN">
   <head>
@@ -8,6 +7,18 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <title>智慧校园管理系统</title>
+    <script>
+      // Global PWA Event Capture
+      // This runs before React, ensuring we don't miss the event.
+      window.deferredPrompt = null;
+      window.addEventListener('beforeinstallprompt', (e) => {
+        // Prevent the mini-infobar from appearing on mobile
+        e.preventDefault();
+        // Stash the event so it can be triggered later.
+        window.deferredPrompt = e;
+        console.log('✨ PWA Install Prompt captured globally');
+      });
+    </script>
     <style>
       /* Critical CSS for immediate loading state */
       body { margin: 0; background-color: #f9fafb; font-family: sans-serif; }
@@ -57,4 +68,4 @@
     </div>
     <script type="module" src="/index.tsx"></script>
   </body>
-</html>
+</html>

vite.config.ts

@@ -11,6 +11,9 @@ export default defineConfig({
       registerType: 'autoUpdate', // 核心设置：检测到新内容自动更新 Service Worker
       includeAssets: ['favicon.ico', 'apple-touch-icon.png', 'masked-icon.svg'],
       manifest: {
+        id: '/', // 关键：定义应用的唯一标识，避免不同版本被识别为不同应用
+        scope: '/', // 关键：定义 PWA 的作用域
+        start_url: '/', // 关键：定义启动 URL
         name: '智慧校园管理系统',
         short_name: '智慧校园',
         description: '一个综合性的学生管理系统仪表板，具有基于角色的访问控制、学生档案、课程管理和绩效分析功能。',
@@ -20,20 +23,22 @@ export default defineConfig({
         orientation: 'portrait',
         icons: [
           {
-            src: 'https://cdn-icons-png.flaticon.com/512/3135/3135810.png', // 临时使用通用教育图标，实际项目中请替换为本地 public/pwa-192x192.png
+            src: 'https://cdn-icons-png.flaticon.com/512/3135/3135810.png', 
             sizes: '192x192',
-            type: 'image/png'
+            type: 'image/png',
+            purpose: 'any' // 允许图标用于任何用途
           },
           {
-            src: 'https://cdn-icons-png.flaticon.com/512/3135/3135810.png', // 临时使用通用教育图标，实际项目中请替换为本地 public/pwa-512x512.png
+            src: 'https://cdn-icons-png.flaticon.com/512/3135/3135810.png', 
             sizes: '512x512',
-            type: 'image/png'
+            type: 'image/png',
+            purpose: 'any'
           },
           {
             src: 'https://cdn-icons-png.flaticon.com/512/3135/3135810.png',
             sizes: '512x512',
             type: 'image/png',
-            purpose: 'any maskable'
+            purpose: 'maskable' // 关键：适应 Android 自适应图标
           }
         ]
       },
@@ -75,4 +80,4 @@ export default defineConfig({
       }
     }
   }
-});
+});