feat: complete web app features and fix encoding

static/js/analysis.js

@@ -0,0 +1,133 @@
+// 分析功能脚本
+
+let currentUserId = null;
+
+// DOM元素
+const loginSection = document.getElementById('loginSection');
+const requestSection = document.getElementById('requestSection');
+const analysisSection = document.getElementById('analysisSection');
+const messageArea = document.getElementById('messageArea');
+
+const loginBtn = document.getElementById('loginBtn');
+const userIdInput = document.getElementById('userId');
+const analyzeBtn = document.getElementById('analyzeBtn');
+const mealDataTextarea = document.getElementById('mealData');
+const analysisResult = document.getElementById('analysisResult');
+
+// 显示消息
+function showMessage(message, type = 'info') {
+    messageArea.textContent = message;
+    messageArea.className = `message-area ${type}`;
+    setTimeout(() => {
+        messageArea.className = 'message-area';
+        messageArea.style.display = 'none';
+    }, 3000);
+}
+
+// 用户登录
+loginBtn.addEventListener('click', async () => {
+    const userId = userIdInput.value.trim();
+    
+    if (!userId) {
+        showMessage('请输入用户ID', 'error');
+        return;
+    }
+    
+    loginBtn.disabled = true;
+    loginBtn.textContent = '登录中...';
+    
+    try {
+        const response = await fetch('/api/user/login', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json; charset=utf-8'
+            },
+            body: JSON.stringify({
+                user_id: userId
+            })
+        });
+        
+        const data = await response.json();
+        
+        if (data.success) {
+            currentUserId = userId;
+            loginSection.style.display = 'none';
+            requestSection.style.display = 'block';
+            showMessage(`欢迎，${data.name || userId}！`, 'success');
+        } else {
+            showMessage(data.message || '登录失败', 'error');
+        }
+    } catch (error) {
+        console.error('登录失败:', error);
+        showMessage('登录失败，请检查网络连接', 'error');
+    } finally {
+        loginBtn.disabled = false;
+        loginBtn.textContent = '登录';
+    }
+});
+
+// 开始分析
+analyzeBtn.addEventListener('click', async () => {
+    const mealDataText = mealDataTextarea.value.trim();
+    
+    if (!mealDataText) {
+        showMessage('请输入餐食信息', 'error');
+        return;
+    }
+    
+    analyzeBtn.disabled = true;
+    analyzeBtn.textContent = '分析中...';
+    
+    try {
+        const response = await fetch('/api/analysis/nutrition', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json; charset=utf-8'
+            },
+            body: JSON.stringify({
+                user_id: currentUserId,
+                meal_data: {
+                    text: mealDataText
+                }
+            })
+        });
+        
+        const data = await response.json();
+        
+        if (data.success && data.analysis) {
+            displayAnalysis(data.analysis);
+            analysisSection.style.display = 'block';
+            showMessage('分析完成！', 'success');
+        } else {
+            showMessage(data.message || '分析失败', 'error');
+        }
+    } catch (error) {
+        console.error('分析失败:', error);
+        showMessage('分析失败，请检查网络连接', 'error');
+    } finally {
+        analyzeBtn.disabled = false;
+        analyzeBtn.textContent = '开始分析';
+    }
+});
+
+// 显示分析结果
+function displayAnalysis(analysis) {
+    analysisResult.innerHTML = '';
+    
+    if (typeof analysis === 'string') {
+        // 如果是字符串，直接显示
+        analysisResult.innerHTML = `<div class="analysis-section"><p>${analysis.replace(/\n/g, '<br>')}</p></div>`;
+    } else if (analysis.analysis) {
+        // 如果包含analysis字段
+        analysisResult.innerHTML = `<div class="analysis-section"><h4>分析结果</h4><p>${analysis.analysis.replace(/\n/g, '<br>')}</p></div>`;
+    } else {
+        // 如果是对象，格式化显示
+        for (const [key, value] of Object.entries(analysis)) {
+            const section = document.createElement('div');
+            section.className = 'analysis-section';
+            section.innerHTML = `<h4>${key}</h4><p>${typeof value === 'string' ? value.replace(/\n/g, '<br>') : JSON.stringify(value, null, 2)}</p>`;
+            analysisResult.appendChild(section);
+        }
+    }
+}
+