finyx_data_ai/tests/index.html
2026-01-11 07:48:19 +08:00

288 lines
11 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>测试页面导航 - Finyx Data AI</title>
<link rel="stylesheet" href="test_common.css">
<style>
body {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
padding: 40px 20px;
}
.nav-container {
max-width: 1200px;
margin: 0 auto;
}
.nav-header {
text-align: center;
color: var(--white);
margin-bottom: 40px;
}
.nav-header h1 {
font-size: 36px;
margin-bottom: 12px;
color: var(--white);
}
.nav-header p {
font-size: 16px;
opacity: 0.9;
}
.page-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 24px;
}
.page-card {
background: var(--white);
border-radius: 12px;
padding: 24px;
transition: var(--transition);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.page-card:hover {
transform: translateY(-8px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
}
.page-icon {
font-size: 48px;
margin-bottom: 16px;
}
.page-title {
font-size: 20px;
font-weight: 600;
color: var(--dark-color);
margin-bottom: 8px;
}
.page-desc {
font-size: 14px;
color: var(--text-muted);
margin-bottom: 16px;
line-height: 1.6;
}
.page-api {
background: var(--light-color);
padding: 8px 12px;
border-radius: 6px;
font-family: 'Courier New', monospace;
font-size: 12px;
color: var(--primary-color);
margin-bottom: 16px;
}
.page-features {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 16px;
}
.feature-tag {
padding: 4px 10px;
background: #e3f2fd;
color: #1976d2;
border-radius: 12px;
font-size: 11px;
font-weight: 500;
}
.page-link {
display: inline-block;
width: 100%;
padding: 12px 24px;
background: var(--primary-color);
color: var(--white);
text-align: center;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
transition: var(--transition);
}
.page-link:hover {
background: #3e5bb8;
transform: scale(1.02);
}
.page-link.primary { background: var(--primary-color); }
.page-link.success { background: var(--success-color); }
.page-link.info { background: var(--info-color); }
.page-link.warning { background: var(--warning-color); }
.section-divider {
height: 1px;
background: rgba(255, 255, 255, 0.2);
margin: 32px 0;
}
.section-title {
color: var(--white);
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 2px;
}
.footer {
text-align: center;
color: var(--white);
margin-top: 40px;
opacity: 0.8;
}
.footer a {
color: var(--white);
text-decoration: underline;
}
</style>
</head>
<body>
<div class="nav-container">
<div class="nav-header">
<h1>🧪 Finyx Data AI 测试页面</h1>
<p>数据资产盘点系统接口可视化测试平台</p>
</div>
<div class="section-title">高优先级接口 ⭐⭐⭐</div>
<div class="page-grid">
<!-- 数据资产智能识别接口 -->
<div class="page-card">
<div class="page-icon">🔍</div>
<div class="page-title">数据资产智能识别</div>
<div class="page-desc">
使用大模型识别数据资产的中文名称、业务含义、PII敏感信息和重要数据特征
</div>
<div class="page-api">POST /api/v1/inventory/ai-analyze</div>
<div class="page-features">
<span class="feature-tag">AI识别</span>
<span class="feature-tag">PII检测</span>
<span class="feature-tag">置信度评分</span>
<span class="feature-tag">多行业场景</span>
</div>
<a href="test_ai_analyze.html" class="page-link primary">进入测试页面 →</a>
</div>
<!-- 潜在场景推荐接口 -->
<div class="page-card">
<div class="page-icon">💡</div>
<div class="page-title">潜在场景推荐</div>
<div class="page-desc">
基于企业背景、数据资产清单和存量场景,使用 AI 推荐潜在的数据应用场景
</div>
<div class="page-api">POST /api/v1/value/scenario-recommendation</div>
<div class="page-features">
<span class="feature-tag">AI推荐</span>
<span class="feature-tag">场景评分</span>
<span class="feature-tag">ROI评估</span>
<span class="feature-tag">多场景支持</span>
</div>
<a href="test_scenario_recommendation.html" class="page-link success">进入测试页面 →</a>
</div>
<!-- 完整报告生成接口 -->
<div class="page-card">
<div class="page-icon">📊</div>
<div class="page-title">完整报告生成</div>
<div class="page-desc">
基于数据盘点结果、背景调研信息和价值挖掘场景,生成完整的数据资产盘点工作总结报告
</div>
<div class="page-api">POST /api/v1/delivery/generate-report</div>
<div class="page-features">
<span class="feature-tag">四章节报告</span>
<span class="feature-tag">合规风险提示</span>
<span class="feature-tag">专家建议</span>
<span class="feature-tag">多行业模板</span>
</div>
<a href="test_generate_report.html" class="page-link info">进入测试页面 →</a>
</div>
</div>
<div class="section-divider"></div>
<div class="section-title">中优先级接口 ⭐⭐</div>
<div class="page-grid">
<!-- 文档解析接口 -->
<div class="page-card">
<div class="page-icon">📄</div>
<div class="page-title">文档解析</div>
<div class="page-desc">
解析上传的数据字典文档Excel/Word/PDF提取表结构信息
</div>
<div class="page-api">POST /api/v1/inventory/parse-document</div>
<div class="page-features">
<span class="feature-tag">文件上传</span>
<span class="feature-tag">多格式支持</span>
<span class="feature-tag">结构提取</span>
<span class="feature-tag">拖拽上传</span>
</div>
<a href="test_parse_document.html" class="page-link warning">进入测试页面 →</a>
</div>
<!-- 业务表解析接口 -->
<div class="page-card">
<div class="page-icon">📋</div>
<div class="page-title">业务表解析</div>
<div class="page-desc">
解析业务人员手动导出的核心业务表Excel/CSV支持批量文件解析
</div>
<div class="page-api">POST /api/v1/inventory/parse-business-tables</div>
<div class="page-features">
<span class="feature-tag">批量解析</span>
<span class="feature-tag">多Sheet支持</span>
<span class="feature-tag">CSV支持</span>
<span class="feature-tag">进度反馈</span>
</div>
<a href="#" class="page-link" style="background: var(--text-color); cursor: not-allowed; opacity: 0.5;">开发中...</a>
</div>
<!-- 存量场景优化建议接口 -->
<div class="page-card">
<div class="page-icon">🔧</div>
<div class="page-title">存量场景优化建议</div>
<div class="page-desc">
基于存量场景信息和截图,分析场景不足,提供优化建议
</div>
<div class="page-api">POST /api/v1/value/scenario-optimization</div>
<div class="page-features">
<span class="feature-tag">OCR识别</span>
<span class="feature-tag">场景分析</span>
<span class="feature-tag">优化建议</span>
<span class="feature-tag">多图支持</span>
</div>
<a href="#" class="page-link" style="background: var(--text-color); cursor: not-allowed; opacity: 0.5;">开发中...</a>
</div>
</div>
<div class="section-divider"></div>
<div class="section-title">低优先级接口 ⭐</div>
<div class="page-grid">
<!-- SQL 结果解析接口 -->
<div class="page-card">
<div class="page-icon">💾</div>
<div class="page-title">SQL 结果解析</div>
<div class="page-desc">
解析 IT 执行 SQL 脚本后导出的 Excel/CSV 结果文件
</div>
<div class="page-api">POST /api/v1/inventory/parse-sql-result</div>
<div class="page-features">
<span class="feature-tag">SQL结果</span>
<span class="feature-tag">Excel/CSV</span>
<span class="feature-tag">列名映射</span>
<span class="feature-tag">数据清洗</span>
</div>
<a href="#" class="page-link" style="background: var(--text-color); cursor: not-allowed; opacity: 0.5;">开发中...</a>
</div>
</div>
<div class="footer">
<p>💡 提示:点击"进入测试页面"按钮,即可开始可视化测试</p>
<p style="margin-top: 8px;">
📚 更多信息请查看 <a href="README.md">测试页面文档</a> |
<a href="../docs/README.md">接口开发文档</a>
</p>
<p style="margin-top: 16px; font-size: 12px; opacity: 0.7;">
Finyx Data AI API v2.3.0 | © 2026 Finyx AI Team
</p>
</div>
</div>
</body>
</html>