-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdemo.html
More file actions
251 lines (233 loc) · 10.3 KB
/
Copy pathdemo.html
File metadata and controls
251 lines (233 loc) · 10.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI训练系统 - SWOT方法</title>
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
</head>
<body class="bg-gray-50 min-h-screen">
<div class="container mx-auto px-4 py-6">
<header class="mb-6">
<h1 class="text-2xl md:text-3xl font-bold text-gray-800">AI训练系统 - SWOT方法</h1>
<p class="text-gray-600">基于强弱项分析的智能训练工具</p>
</header>
<div class="grid grid-cols-1 lg:grid-cols-4 gap-4">
<!-- 控制面板 -->
<div class="lg:col-span-1 bg-white rounded-lg shadow p-4">
<h2 class="text-lg font-semibold mb-3 text-gray-700">训练控制</h2>
<div class="space-y-3 mb-4">
<button class="w-full bg-blue-500 hover:bg-blue-600 text-white py-2 px-3 rounded transition text-sm">
开始训练
</button>
<button class="w-full bg-green-500 hover:bg-green-600 text-white py-2 px-3 rounded transition text-sm">
继续训练
</button>
<button class="w-full bg-red-500 hover:bg-red-600 text-white py-2 px-3 rounded transition text-sm">
停止训练
</button>
</div>
<div class="border-t pt-3">
<h3 class="font-medium text-gray-700 mb-2 text-sm">训练参数</h3>
<div class="space-y-2 text-xs">
<div class="flex justify-between items-center">
<label class="text-gray-600">最大循环次数</label>
<input type="number" value="30" class="w-16 border rounded px-2 py-1 text-xs">
</div>
<div class="flex justify-between items-center">
<label class="text-gray-600">版本简单阈值</label>
<input type="number" value="2" class="w-16 border rounded px-2 py-1 text-xs">
</div>
<div class="flex justify-between items-center">
<label class="text-gray-600">版本跳过阈值</label>
<input type="number" value="5" class="w-16 border rounded px-2 py-1 text-xs">
</div>
</div>
</div>
<div class="border-t pt-3 mt-3">
<h3 class="font-medium text-gray-700 mb-2 text-sm">选择训练题集</h3>
<select class="w-full border rounded px-2 py-1 text-xs">
<option>数学基础题集</option>
<option>逻辑推理题集</option>
<option>编程算法题集</option>
<option>全部题目</option>
</select>
</div>
<div class="border-t pt-3 mt-3">
<h3 class="font-medium text-gray-700 mb-2 text-sm">训练状态</h3>
<div class="text-xs space-y-1">
<div class="flex justify-between">
<span class="text-gray-600">当前循环:</span>
<span>5/30</span>
</div>
<div class="flex justify-between">
<span class="text-gray-600">版本确证:</span>
<span>1/2</span>
</div>
<div class="flex justify-between">
<span class="text-gray-600">活跃题目:</span>
<span>8</span>
</div>
</div>
</div>
</div>
<!-- 并行题目展示区 -->
<div class="lg:col-span-3 space-y-4">
<!-- 题目1 -->
<div class="bg-white rounded-lg shadow overflow-hidden">
<div class="border-b p-3 bg-blue-50">
<div class="flex justify-between items-center">
<h3 class="font-medium">题目 #Q001</h3>
<span class="px-2 py-1 text-xs rounded-full bg-green-100 text-green-800">正确</span>
</div>
</div>
<div class="p-4">
<div class="mb-3">
<h4 class="text-sm font-medium text-gray-700 mb-1">题目内容:</h4>
<div class="bg-gray-50 p-3 rounded text-sm">
<p>计算函数f(x) = x²在x=2处的导数。</p>
</div>
</div>
<div class="mb-3">
<h4 class="text-sm font-medium text-gray-700 mb-1">AI思考过程:</h4>
<div class="bg-blue-50 p-3 rounded text-sm">
<p>1. 识别题目要求计算导数<br>
2. 回忆导数定义和幂函数求导公式<br>
3. 应用公式: f'(x) = 2x<br>
4. 代入x=2得到f'(2)=4</p>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<h4 class="text-sm font-medium text-gray-700 mb-1">正确答案:</h4>
<div class="bg-gray-50 p-3 rounded text-sm">
<p>4</p>
</div>
</div>
<div>
<h4 class="text-sm font-medium text-gray-700 mb-1">AI回答:</h4>
<div class="bg-green-50 p-3 rounded text-sm">
<p>4</p>
</div>
</div>
</div>
</div>
</div>
<!-- 题目2 -->
<div class="bg-white rounded-lg shadow overflow-hidden">
<div class="border-b p-3 bg-red-50">
<div class="flex justify-between items-center">
<h3 class="font-medium">题目 #Q002</h3>
<span class="px-2 py-1 text-xs rounded-full bg-red-100 text-red-800">错误</span>
</div>
</div>
<div class="p-4">
<div class="mb-3">
<h4 class="text-sm font-medium text-gray-700 mb-1">题目内容:</h4>
<div class="bg-gray-50 p-3 rounded text-sm">
<p>证明对于所有正整数n，1+3+5+...+(2n-1)=n²。</p>
</div>
</div>
<div class="mb-3">
<h4 class="text-sm font-medium text-gray-700 mb-1">AI思考过程:</h4>
<div class="bg-blue-50 p-3 rounded text-sm">
<p>1. 识别题目要求数学归纳法证明<br>
2. 基础步骤验证n=1时成立<br>
3. 归纳假设n=k时成立<br>
4. 错误: 在n=k+1步骤中计算错误<br>
5. 得出错误结论</p>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-3">
<div>
<h4 class="text-sm font-medium text-gray-700 mb-1">正确答案:</h4>
<div class="bg-gray-50 p-3 rounded text-sm">
<p>使用数学归纳法完整证明过程...</p>
</div>
</div>
<div>
<h4 class="text-sm font-medium text-gray-700 mb-1">AI回答:</h4>
<div class="bg-red-50 p-3 rounded text-sm">
<p>不完整的证明过程...</p>
</div>
</div>
</div>
<div>
<h4 class="text-sm font-medium text-gray-700 mb-1">错误分析与笔记更新计划:</h4>
<div class="bg-yellow-50 p-3 rounded text-sm">
<p>1. 错误原因: 归纳步骤计算错误<br>
2. 改进方向: 加强数学归纳法训练<br>
3. 笔记更新: 添加归纳法详细步骤示例<br>
4. 相关题目: Q005, Q012需要重新验证</p>
</div>
</div>
</div>
</div>
<!-- 题目3 -->
<div class="bg-white rounded-lg shadow overflow-hidden">
<div class="border-b p-3 bg-blue-50">
<div class="flex justify-between items-center">
<h3 class="font-medium">题目 #Q003</h3>
<span class="px-2 py-1 text-xs rounded-full bg-blue-100 text-blue-800">处理中</span>
</div>
</div>
<div class="p-4">
<div class="mb-3">
<h4 class="text-sm font-medium text-gray-700 mb-1">题目内容:</h4>
<div class="bg-gray-50 p-3 rounded text-sm">
<p>解释什么是拉格朗日中值定理并给出一个应用示例。</p>
</div>
</div>
<div class="mb-3">
<h4 class="text-sm font-medium text-gray-700 mb-1">AI思考过程:</h4>
<div class="bg-blue-50 p-3 rounded text-sm">
<p>1. 分析题目要求解释定理和示例<br>
2. 检索拉格朗日中值定理定义<br>
3. 构建解释框架<br>
4. 搜索合适的应用场景...</p>
</div>
</div>
<div class="flex items-center justify-center py-4">
<div class="animate-pulse text-gray-500 text-sm">AI正在处理中...</div>
</div>
</div>
</div>
</div>
</div>
<!-- 笔记历史版本 -->
<div class="mt-6 bg-white rounded-lg shadow p-4">
<h2 class="text-lg font-semibold mb-3 text-gray-700">笔记历史版本</h2>
<div class="flex space-x-2 mb-3 overflow-x-auto pb-2">
<button class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-xs whitespace-nowrap">
当前版本
</button>
<button class="px-3 py-1 bg-gray-100 text-gray-800 rounded-full text-xs whitespace-nowrap">
2023-11-15
</button>
<button class="px-3 py-1 bg-gray-100 text-gray-800 rounded-full text-xs whitespace-nowrap">
2023-11-10
</button>
<button class="px-3 py-1 bg-gray-100 text-gray-800 rounded-full text-xs whitespace-nowrap">
2023-11-05
</button>
<button class="px-3 py-1 bg-gray-100 text-gray-800 rounded-full text-xs whitespace-nowrap">
2023-11-01
</button>
</div>
<div class="border rounded p-3 bg-gray-50 text-sm">
<h3 class="font-medium mb-1">当前笔记内容 (2023-11-20 更新)</h3>
<div class="space-y-2">
<p>1. 数学归纳法步骤详解:<br>
- 基础步骤: 验证n=1<br>
- 归纳假设: 假设n=k成立<br>
- 归纳步骤: 证明n=k+1成立</p>
<p>2. 常见错误:<br>
- 归纳假设使用不当<br>
- 归纳步骤计算错误</p>
<p>3. 相关练习题目: Q002, Q005, Q012</p>
</div>
</div>
</div>
</div>
</body>
</html>