123 lines
4.1 KiB
HTML
123 lines
4.1 KiB
HTML
<!-- templates/index.html -->
|
|
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>STP文件几何分析工具</title>
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<h1>🔧 STP文件几何分析工具</h1>
|
|
<p>上传STP/STEP文件，自动分析几何属性和拓扑结构</p>
|
|
</div>
|
|
|
|
<!-- 上传区域 - 默认显示 -->
|
|
<div class="upload-section" id="uploadSection">
|
|
<h2>选择STP文件</h2>
|
|
<p>支持 .stp 和 .step 格式文件</p>
|
|
|
|
<div class="upload-area" id="uploadArea">
|
|
<div class="upload-icon">📁</div>
|
|
<h3>拖放文件到此处或点击选择</h3>
|
|
<p>最大文件大小: 100MB</p>
|
|
<input type="file" id="fileInput" class="file-input" accept=".stp,.step">
|
|
<button class="upload-btn" onclick="document.getElementById('fileInput').click()">
|
|
选择文件
|
|
</button>
|
|
</div>
|
|
|
|
<button class="upload-btn" id="uploadBtn" onclick="uploadFile()" disabled>
|
|
开始分析
|
|
</button>
|
|
|
|
<div class="loading" id="loading">
|
|
<div class="spinner"></div>
|
|
<p>正在分析文件，请稍候...</p>
|
|
</div>
|
|
|
|
<div class="error-message" id="errorMessage"></div>
|
|
</div>
|
|
|
|
<!-- 结果区域 - 默认隐藏 -->
|
|
<div class="results-section" id="resultsSection" style="display: none;">
|
|
<h2>📊 分析结果</h2>
|
|
|
|
<!-- 任务基本信息 -->
|
|
<div class="result-card">
|
|
<h3>📝 任务信息</h3>
|
|
<div class="task-info" id="taskInfo"></div>
|
|
</div>
|
|
|
|
<!-- 几何属性 -->
|
|
<div class="result-card">
|
|
<h3>📐 几何属性</h3>
|
|
<div class="geometry-data" id="geometryData"></div>
|
|
</div>
|
|
|
|
<!-- 边界框信息 -->
|
|
<div class="result-card">
|
|
<h3>📦 边界框信息</h3>
|
|
<div class="bounding-box-data" id="boundingBoxData"></div>
|
|
</div>
|
|
|
|
<!-- 拓扑结构 -->
|
|
<div class="result-card">
|
|
<h3>🔺 拓扑结构</h3>
|
|
<div class="topology-data" id="topologyData"></div>
|
|
</div>
|
|
|
|
<div class="result-card">
|
|
<h3>🔧 模具型腔设计</h3>
|
|
<div class="cavity-data" id="cavityData"></div>
|
|
</div>
|
|
|
|
<div class="result-card">
|
|
<h3>📐 关键工艺参数</h3>
|
|
<div class="key-info-data" id="keyInfoData"></div>
|
|
</div>
|
|
|
|
<!-- 检测到的特征 -->
|
|
<div class="result-card">
|
|
<h3>🎯 检测到的特征</h3>
|
|
<div class="features-data" id="featuresData"></div>
|
|
</div>
|
|
|
|
<!-- 设计建议 -->
|
|
<div class="result-card">
|
|
<h3>💡 设计建议</h3>
|
|
<div class="recommendations-data" id="recommendationsData"></div>
|
|
</div>
|
|
|
|
<!-- 质量指标 -->
|
|
<div class="result-card">
|
|
<h3>📈 质量指标</h3>
|
|
<div class="metrics-data" id="metricsData"></div>
|
|
</div>
|
|
|
|
<!-- 分析信息 -->
|
|
<div class="result-card">
|
|
<h3>🔍 分析信息</h3>
|
|
<div class="analysis-info" id="analysisInfo"></div>
|
|
</div>
|
|
|
|
<!-- 返回按钮 -->
|
|
<div style="text-align: center; margin-top: 30px;">
|
|
<button class="upload-btn" onclick="showUploadSection()">
|
|
🔄 分析新文件
|
|
</button>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="system-info">
|
|
<p>PythonOCC 可用: {{ pythonocc_available }} | 服务版本: 2.0.0</p>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/static/script.js"></script>
|
|
</body>
|
|
</html> |