hr-eval-api-v2 / index.html
KarenYYH
Initial commit - HR Evaluation API v2
c8b1f17
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HR 对话质量评估系统</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #f5f5f5;
padding: 20px;
}
.container {
max-width: 800px;
margin: 0 auto;
background: white;
border-radius: 12px;
padding: 30px;
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}
h1 {
color: #333;
margin-bottom: 10px;
}
.subtitle {
color: #666;
margin-bottom: 30px;
font-size: 14px;
}
.api-links {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 15px;
margin-bottom: 30px;
}
.api-link {
display: block;
padding: 15px;
background: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 8px;
text-decoration: none;
color: #333;
transition: all 0.2s;
}
.api-link:hover {
background: #e9ecef;
border-color: #adb5bd;
}
.api-link h3 {
font-size: 16px;
margin-bottom: 5px;
color: #667eea;
}
.api-link p {
font-size: 12px;
color: #666;
}
.info-box {
background: #e7f3ff;
border-left: 4px solid #667eea;
padding: 15px;
border-radius: 4px;
margin-top: 20px;
}
.info-box h3 {
color: #333;
margin-bottom: 10px;
}
.info-box ul {
margin-left: 20px;
}
.info-box li {
color: #555;
margin: 5px 0;
}
</style>
</head>
<body>
<div class="container">
<h1>HR 对话质量评估系统</h1>
<p class="subtitle">基于 ML 模型的 HR 对话质量评估与智能回复系统</p>
<div class="api-links">
<a href="./docs" class="api-link" target="_blank">
<h3>📖 API 文档</h3>
<p>Swagger 交互式文档</p>
</a>
<a href="./redoc" class="api-link" target="_blank">
<h3>📚 ReDoc 文档</h3>
<p>备选 API 文档</p>
</a>
<a href="./api/v1/health" class="api-link" target="_blank">
<h3>💚 健康检查</h3>
<p>API 服务状态</p>
</a>
</div>
<div class="info-box">
<h3>🔧 API 端点</h3>
<ul>
<li><strong>智能对话</strong>: POST /api/v1/chat</li>
<li><strong>评估对话</strong>: POST /api/v1/evaluate</li>
<li><strong>批量评估</strong>: POST /api/v1/evaluate/batch</li>
<li><strong>配置管理</strong>: GET /api/v1/config</li>
</ul>
</div>
<div class="info-box" style="margin-top: 20px; background: #fff3cd; border-left-color: #ffc107;">
<h3>💡 使用提示</h3>
<ul>
<li>访问 <strong>/docs</strong> 可以在线测试所有 API</li>
<li>需要配置 <strong>DeepSeek API Key</strong> 才能使用智能对话功能</li>
<li>模型从 HuggingFace Hub 自动下载</li>
</ul>
</div>
</div>
<script>
// 检查 API 健康状态
fetch('./api/v1/health')
.then(r => r.json())
.then(data => {
console.log('API 状态:', data);
})
.catch(err => {
console.error('API 不可用:', err);
});
</script>
</body>
</html>