yanlongqi
4c06a8acd5
实现了包含试卷管理、考试答题、AI智能阅卷的完整考试流程。 **后端新增功能**: - 试卷管理: 创建试卷、获取试卷列表和详情 - 考试流程: 开始考试、提交答案、查询结果 - AI阅卷: 异步阅卷系统，支持简答题和论述题AI评分 - 实时答题: 题目级别的答案保存和加载 - 数据模型: ExamRecord(考试记录)、ExamUserAnswer(用户答案) **前端新增页面**: - 考试管理页面: 试卷列表展示，支持开始/继续考试 - 答题页面: 左侧题目列表、右侧答题区，支持实时保存 - 成绩查看页面: 展示详细评分结果和AI评语 **技术亮点**: - 按题型固定分值配置(总分100分) - 异步阅卷机制，提交后立即返回 - 答案实时保存，支持断点续答 - AI评分集成，智能评判主观题 - 响应式设计，适配移动端和PC端 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
106 lines
1.4 KiB
Plaintext
106 lines
1.4 KiB
Plaintext
.container {
|
|
padding: 20px;
|
|
max-width: 1400px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
margin-bottom: 24px;
|
|
|
|
h2 {
|
|
margin: 0 0 4px 0;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.subtitle {
|
|
margin: 0;
|
|
color: rgba(0, 0, 0, 0.45);
|
|
}
|
|
}
|
|
|
|
.cardTitle {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
|
|
svg {
|
|
font-size: 18px;
|
|
color: #1890ff;
|
|
}
|
|
}
|
|
|
|
.cardContent {
|
|
.description {
|
|
margin-bottom: 16px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
font-size: 14px;
|
|
}
|
|
|
|
.statItem {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
font-size: 14px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
|
|
svg {
|
|
color: #1890ff;
|
|
}
|
|
}
|
|
|
|
.stats {
|
|
margin-top: 16px;
|
|
padding-top: 16px;
|
|
border-top: 1px solid #f0f0f0;
|
|
display: flex;
|
|
gap: 8px;
|
|
}
|
|
}
|
|
|
|
.divider {
|
|
font-weight: 600;
|
|
font-size: 16px;
|
|
margin: 24px 0 16px 0;
|
|
padding-bottom: 8px;
|
|
border-bottom: 1px solid #f0f0f0;
|
|
}
|
|
|
|
// 响应式适配
|
|
@media (max-width: 768px) {
|
|
.container {
|
|
padding: 12px;
|
|
}
|
|
|
|
.header {
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
|
|
h2 {
|
|
font-size: 20px;
|
|
}
|
|
|
|
button {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.cardTitle {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.cardContent {
|
|
.description {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.statItem {
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
}
|