From 06225e0d650d4bbec5b9753369a628c5cdbd31e4 Mon Sep 17 00:00:00 2001
From: cjw <792430652@qq.com>
Date: Tue, 17 Feb 2026 00:42:55 +0800
Subject: [PATCH] deving
---
static/history.js | 215 --------------
static/script.js | 657 -----------------------------------------
static/style.css | 291 +++++++++++++-----
static/vue-app.js | 243 +++++++++++----
templates/history.html | 4 +-
templates/index.html | 14 +-
templates/result.html | 4 +-
7 files changed, 423 insertions(+), 1005 deletions(-)
delete mode 100644 static/history.js
delete mode 100644 static/script.js
diff --git a/static/history.js b/static/history.js
deleted file mode 100644
index e2d9c47..0000000
--- a/static/history.js
+++ /dev/null
@@ -1,215 +0,0 @@
-// static/history.js
-
-// 页面加载完成后加载历史记录
-document.addEventListener('DOMContentLoaded', function() {
- loadHistory();
-});
-
-async function loadHistory() {
- const fileList = document.getElementById('fileList');
-
- try {
- const response = await fetch('/api/history', {
- method: 'POST'
- });
- if (!response.ok) {
- throw new Error('获取历史记录失败');
- }
-
- const data = await response.json();
-
- if (data.files && data.files.length > 0) {
- displayFileList(data.files);
- } else {
- fileList.innerHTML = `
-
-
📁
-
暂无历史记录
-
还没有上传过STP文件
-
-
-
❌
-
加载失败
-
${error.message}
-
-
-
-
-
文件大小: ${formatFileSize(record.file_size)}
-
任务ID: ${record.task_id}
-
状态: ${record.status}
- ${record.completed_at ? `
完成时间: ${formatDateTime(record.completed_at)}
` : ''}
-
-
-
❌ 加载失败: ${error.message}
-
-
📁
- 拖放文件到此处或点击选择
- 最大文件大小: 100MB
-
-
- `;
- uploadBtn.disabled = true;
- hideError();
- loading.style.display = 'none';
-
- // 重新绑定事件
- const newFileInput = document.getElementById('fileInput');
- newFileInput.addEventListener('change', (e) => {
- if (e.target.files.length > 0) {
- handleFileSelect(e.target.files[0]);
- }
- });
-}
-
-// 拖放功能
-uploadArea.addEventListener('dragover', (e) => {
- e.preventDefault();
- uploadArea.classList.add('dragover');
-});
-
-uploadArea.addEventListener('dragleave', () => {
- uploadArea.classList.remove('dragover');
-});
-
-uploadArea.addEventListener('drop', (e) => {
- e.preventDefault();
- uploadArea.classList.remove('dragover');
- const files = e.dataTransfer.files;
- if (files.length > 0) {
- handleFileSelect(files[0]);
- }
-});
-
-// 文件选择
-fileInput.addEventListener('change', (e) => {
- if (e.target.files.length > 0) {
- handleFileSelect(e.target.files[0]);
- }
-});
-
-function handleFileSelect(file) {
- if (!file.name.toLowerCase().endsWith('.stp') && !file.name.toLowerCase().endsWith('.step')) {
- showError('请选择STP或STEP格式的文件');
- return;
- }
-
- if (file.size > 100 * 1024 * 1024) {
- showError('文件大小不能超过100MB');
- return;
- }
-
- selectedFile = file;
- uploadArea.innerHTML = `
- ✅
- 已选择文件
- ${file.name}
- 大小: ${(file.size / 1024 / 1024).toFixed(2)} MB
- `;
- uploadBtn.disabled = false;
- hideError();
-}
-
-async function uploadFile() {
- if (!selectedFile) return;
-
- loading.style.display = 'block';
- uploadBtn.disabled = true;
- hideError();
-
- const formData = new FormData();
- formData.append('file', selectedFile);
-
- try {
- const response = await fetch('/upload', {
- method: 'POST',
- body: formData
- });
-
- if (!response.ok) {
- throw new Error(`上传失败: ${response.status} ${response.statusText}`);
- }
-
- const result = await response.json();
- console.log('上传结果:', result);
-
- // 开始轮询任务状态
- pollTaskStatus(result.task_id);
-
- } catch (error) {
- showError('上传失败: ' + error.message);
- loading.style.display = 'none';
- uploadBtn.disabled = false;
- }
-}
-
-async function pollTaskStatus(taskId) {
- try {
- const response = await fetch(`/status/${taskId}`, {
- method: 'POST'
- });
- const task = await response.json();
-
- console.log('任务状态:', task.status);
- console.log('完整任务数据:', task);
-
- updateTaskInfo(task);
-
- if (task.status === 'completed') {
- loading.style.display = 'none';
- // 跳转到统一的分析结果页面
- window.location.href = `/result/${task.task_id}`;
- } else if (task.status === 'failed') {
- loading.style.display = 'none';
- showError('分析失败: ' + (task.error || '未知错误'));
- uploadBtn.disabled = false;
- } else {
- setTimeout(() => pollTaskStatus(taskId), 1000);
- }
-
- } catch (error) {
- console.error('轮询错误:', error);
- loading.style.display = 'none';
- showError('查询状态失败: ' + error.message);
- uploadBtn.disabled = false;
- }
-}
-
-function updateTaskInfo(task) {
- taskInfo.innerHTML = `
-
-
📋 任务ID
-
${task.task_id || 'N/A'}
-
-
🔄 状态
-
- ${getStatusText(task.status)}
-
-
-
📁 文件名
-
${task.filename || 'N/A'}
-
-
📏 文件大小
-
${task.file_size ? formatFileSize(task.file_size) : 'N/A'}
-
-
📦 体积
-
- ${geo.volume ? formatNumber(geo.volume) : 'N/A'}
- mm³
-
-
-
📐 表面积
-
- ${geo.surface_area ? formatNumber(geo.surface_area) : 'N/A'}
- mm²
-
-
-
📏 体积表面积比
-
- ${geo.volume && geo.surface_area ? (geo.volume / geo.surface_area).toFixed(4) : 'N/A'}
-
-
-
📍 最小坐标
-
- X: ${bbox.min[0].toFixed(2)}
- Y: ${bbox.min[1].toFixed(2)}
- Z: ${bbox.min[2].toFixed(2)}
-
-
-
📍 最大坐标
-
- X: ${bbox.max[0].toFixed(2)}
- Y: ${bbox.max[1].toFixed(2)}
- Z: ${bbox.max[2].toFixed(2)}
-
-
-
📏 尺寸
-
- ${bbox.dimensions[0].toFixed(2)} × ${bbox.dimensions[1].toFixed(2)} × ${bbox.dimensions[2].toFixed(2)}
- mm
-
-
-
🔺 面数
-
${topo.faces || 0}
-
-
📏 边数
-
${topo.edges || 0}
-
-
📍 顶点数
-
${topo.vertices || 0}
-
-
📊 拓扑复杂度
-
${calculateTopologyComplexity(topo)}
-
-
-
-
📍 位置
-
${feature.location.map(v => v.toFixed(2)).join(', ')}
-
-
-
📏 尺寸
-
${feature.dimensions.map(v => v.toFixed(2)).join(' × ')} mm
-
- ${feature.recommendations && feature.recommendations.length > 0 ? `
-
-
💡 建议
-
- ${feature.recommendations.map(rec => `- ${rec}
`).join('')}
-
-
- ` : ''}
-
-
-
-
📝 描述
-
${rec.description}
-
-
- ${Object.keys(rec.parameters).length > 0 ? `
-
-
⚙️ 参数
-
${formatParameters(rec.parameters)}
-
- ` : ''}
-
-
体积利用率
-
- ${(metrics.volume_utilization * 100).toFixed(1)}%
-
-
${getVolumeUtilizationText(metrics.volume_utilization)}
-
-
拓扑复杂度
-
- ${metrics.topology_complexity.toFixed(2)}
-
-
${getComplexityText(metrics.topology_complexity)}
-
-
壁厚均匀性
-
- ${(metrics.wall_uniformity * 100).toFixed(1)}%
-
-
${getUniformityText(metrics.wall_uniformity)}
-
-
🔧 分析方法
-
${geo.analysis_method || '未知'}
-
-
✅ 分析状态
-
${task.status === 'completed' ? '分析完成' : '分析中'}
-
-
📋 分析摘要
-
${analysis.analysis_summary || '无摘要'}
-
-
📅 处理时间
-
${task.completed_at ? new Date(task.completed_at).toLocaleString() : new Date().toLocaleString()}
-
${JSON.stringify(cavityData, null, 2)}
- `;
-}
-
-function displayKeyInfo(keyInfo) {
- const keyInfoDiv = document.getElementById('keyInfoData');
-
- if (!keyInfo) {
- keyInfoDiv.innerHTML = '';
- return;
- }
-
- // 从正确的数据结构中提取数据
- const metadata = keyInfo.metadata || {};
- const manufacturingInfo = keyInfo.manufacturing_info || {};
- const moldCavities = keyInfo.mold_cavities || {};
- const cavityKeyInfo = moldCavities.cavity_key_info || {};
- const geoChars = cavityKeyInfo.geometric_characteristics || {};
-
- keyInfoDiv.innerHTML = `
-
-
-
收缩率
-
${metadata.shrinkage_rate !== undefined ? metadata.shrinkage_rate : 'N/A'}
-
-
拔模角
-
${metadata.draft_angle !== undefined ? metadata.draft_angle + '°' : 'N/A'}
-
-
分型线长度
-
${manufacturingInfo.parting_line_length || 'N/A'}
-
-
产品体积
-
${geoChars.product_volume || 'N/A'}
-
-
产品重量
-
${geoChars.product_weight || 'N/A'}
-
-
壁厚范围
-
${geoChars.wall_thickness_range || 'N/A'}
-
-
型腔材料
-
${manufacturingInfo.mold_material || 'N/A'}
-
-
硬度
-
${manufacturingInfo.mold_hardness || 'N/A'}
-
-
表面光洁度
-
${manufacturingInfo.surface_finish || 'N/A'}
-
-
预估周期
-
${manufacturingInfo.estimated_cycle_time || 'N/A'}
-
+
+
+
+ {{ notification.message }}
+
+
+
+
@@ -86,11 +168,15 @@ const App = {