Files
linux_format_docs_check/app/templates/index.html

68 lines
2.3 KiB
HTML
Raw Normal View History

2026-05-18 15:50:43 +08:00
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GJB438C DOCX 规范分析</title>
<link rel="stylesheet" href="/static/styles.css">
</head>
<body>
<main class="shell">
<section class="panel">
<div class="header">
<div>
<p class="eyebrow">GJB438C / GJB2786</p>
<h1>DOCX 规范分析</h1>
</div>
<div class="meta">
<span>{{ skill_count }} 项技能</span>
<span>默认 {{ default_provider }}</span>
</div>
</div>
<form id="upload-form" class="form">
<label class="drop-zone">
<input id="file" name="file" type="file" accept=".docx" required>
<span class="drop-title">选择 DOCX 文件</span>
<span class="drop-subtitle">上传后自动匹配技能规范并生成报告</span>
</label>
<div class="controls">
<label>
模型供应商
<select name="provider">
<option value="{{ default_provider }}">默认:{{ default_provider }}</option>
<option value="intranet">intranet / qwen3-coder</option>
<option value="deepseek">deepseek / deepseek-chat</option>
</select>
</label>
<label class="checkbox">
<input type="checkbox" name="use_model" value="true" checked>
调用模型分析
</label>
</div>
<button type="submit">开始分析</button>
</form>
<section id="result" class="result" hidden>
<h2>分析结果</h2>
<div class="progress-wrap">
<div class="progress-track">
<div id="analysis-progress" class="progress-bar" style="width: 0%"></div>
</div>
<p id="analysis-status" class="status-text">等待提交文件</p>
</div>
<p id="summary"></p>
<div id="skills" class="skills"></div>
<div class="downloads">
<!-- <a id="download-docx" href="#">下载 DOCX 报告</a> -->
<a id="download-md" href="#">下载 Markdown 报告</a>
</div>
</section>
</section>
</main>
<script src="/static/app.js"></script>
</body>
</html>