459 lines
14 KiB
Dart
459 lines
14 KiB
Dart
// lib/pages/study_take_exam_page.dart
|
||
import 'dart:async';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:intl/intl.dart';
|
||
import 'package:qhd_prevention/customWidget/custom_alert_dialog.dart';
|
||
import 'package:qhd_prevention/customWidget/custom_button.dart';
|
||
import 'package:qhd_prevention/customWidget/toast_util.dart';
|
||
import 'package:qhd_prevention/http/modules/edu_api.dart';
|
||
import 'package:qhd_prevention/pages/my_appbar.dart';
|
||
import 'package:qhd_prevention/http/ApiService.dart';
|
||
import 'package:qhd_prevention/services/SessionService.dart';
|
||
import 'dart:convert';
|
||
|
||
import 'package:qhd_prevention/tools/tools.dart';
|
||
|
||
class Question {
|
||
final String questionDry;
|
||
final String questionType;
|
||
final String questionId;
|
||
final String answer; // 正确答案（如果接口返回）
|
||
final double score;
|
||
final Map<String, String> options;
|
||
|
||
// 用户选择的答案（UI 中变化）
|
||
String choiceAnswer;
|
||
|
||
Question({
|
||
required this.questionDry,
|
||
required this.questionType,
|
||
required this.questionId,
|
||
required this.answer,
|
||
required this.score,
|
||
required this.options,
|
||
this.choiceAnswer = '',
|
||
});
|
||
|
||
factory Question.fromJson(Map<String, dynamic> json) {
|
||
final type = '${json['questionType'] ?? ''}';
|
||
final opts = <String, String>{};
|
||
if (type == '1' || type == '2' || type == '3') {
|
||
opts['A'] = json['optionA'] as String? ?? '';
|
||
opts['B'] = json['optionB'] as String? ?? '';
|
||
if (type != '3') {
|
||
opts['C'] = json['optionC'] as String? ?? '';
|
||
opts['D'] = json['optionD'] as String? ?? '';
|
||
}
|
||
}
|
||
// 保留原接口回传的参考答案（若有）
|
||
final answer = json['answer'] as String? ?? '';
|
||
final qDry = json['questionDry'] as String? ?? '';
|
||
final qId = json['questionId'] as String? ?? '';
|
||
double score = json['score'];
|
||
|
||
return Question(
|
||
questionDry: qDry,
|
||
questionType: type,
|
||
questionId: qId,
|
||
answer: answer,
|
||
score: score,
|
||
options: opts,
|
||
);
|
||
}
|
||
|
||
/// 构造提交给后端的最小字段对象
|
||
Map<String, dynamic> toSubmitJson() {
|
||
return {
|
||
'questionId': questionId,
|
||
'answer': answer,
|
||
'choiceAnswer': choiceAnswer,
|
||
'score': score,
|
||
};
|
||
}
|
||
}
|
||
|
||
class StudyTakeExamPage extends StatefulWidget {
|
||
const StudyTakeExamPage({
|
||
required this.examInfo,
|
||
required this.signInfo,
|
||
super.key,
|
||
});
|
||
|
||
final Map<String, dynamic> examInfo;
|
||
final Map signInfo;
|
||
|
||
@override
|
||
State<StudyTakeExamPage> createState() => _StudyTakeExamPageState();
|
||
}
|
||
|
||
class _StudyTakeExamPageState extends State<StudyTakeExamPage> {
|
||
late final List<Question> questions;
|
||
late final Map<String, dynamic> info;
|
||
int current = 0;
|
||
late int remainingSeconds;
|
||
Timer? _timer;
|
||
final String _startExamTime = DateFormat('yyyy-MM-dd HH:mm:ss').format(DateTime.now());
|
||
|
||
final questionTypeMap = <String, String>{
|
||
'1': '单选题',
|
||
'2': '多选题',
|
||
'3': '判断题',
|
||
'4': '填空题',
|
||
};
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
info = widget.examInfo as Map<String, dynamic>? ?? {};
|
||
final rawList = widget.examInfo['questionList'] as List<dynamic>? ?? [];
|
||
questions = rawList.map((e) => Question.fromJson(e as Map<String, dynamic>)).toList();
|
||
final minutes = info['examTime'] as int? ?? 0;
|
||
remainingSeconds = minutes * 60;
|
||
_startTimer();
|
||
}
|
||
|
||
@override
|
||
void dispose() {
|
||
_timer?.cancel();
|
||
super.dispose();
|
||
}
|
||
|
||
Future<void> _showTip(String content) {
|
||
return CustomAlertDialog.showAlert(
|
||
context,
|
||
title: '温馨提示',
|
||
content: content,
|
||
confirmText: '确认',
|
||
);
|
||
}
|
||
|
||
bool _validateCurrentAnswer() {
|
||
final q = questions[current];
|
||
if (q.choiceAnswer.isEmpty) {
|
||
_showTip('请对本题进行作答。');
|
||
return false;
|
||
}
|
||
if (q.questionType == '2' && q.choiceAnswer.split(',').length < 2) {
|
||
_showTip('多选题最少需要选择两个答案。');
|
||
return false;
|
||
}
|
||
return true;
|
||
}
|
||
|
||
void _startTimer() {
|
||
_timer?.cancel();
|
||
_timer = Timer.periodic(const Duration(seconds: 1), (timer) {
|
||
if (remainingSeconds <= 0) {
|
||
timer.cancel();
|
||
_onTimeUp();
|
||
} else {
|
||
setState(() => remainingSeconds--);
|
||
}
|
||
});
|
||
}
|
||
|
||
/// 重置页面以便“继续考试”
|
||
void _resetForRetry() {
|
||
// 清空每题的选择
|
||
for (var q in questions) {
|
||
q.choiceAnswer = '';
|
||
}
|
||
// 重置当前题索引、计时等
|
||
setState(() {
|
||
current = 0;
|
||
final minutes = info['examTime'] as int? ?? 0;
|
||
remainingSeconds = minutes * 60;
|
||
});
|
||
// 重新启动计时器
|
||
_startTimer();
|
||
}
|
||
|
||
void _chooseTopic(String type, String key) {
|
||
final q = questions[current];
|
||
if (type == 'radio' || type == 'judge') {
|
||
q.choiceAnswer = (q.choiceAnswer == key) ? '' : key;
|
||
} else {
|
||
final chars = q.choiceAnswer.isEmpty ? <String>[] : q.choiceAnswer.split(',');
|
||
if (chars.contains(key)) {
|
||
chars.remove(key);
|
||
} else {
|
||
chars.add(key);
|
||
}
|
||
chars.sort();
|
||
q.choiceAnswer = chars.join(',');
|
||
}
|
||
setState(() {});
|
||
}
|
||
|
||
void _nextQuestion() {
|
||
if (!_validateCurrentAnswer()) return;
|
||
if (current < questions.length - 1) setState(() => current++);
|
||
}
|
||
|
||
void _previousQuestion() {
|
||
if (current > 0) setState(() => current--);
|
||
}
|
||
|
||
void _confirmSubmit() async {
|
||
if (!_validateCurrentAnswer()) return;
|
||
final ok = await CustomAlertDialog.showConfirm(
|
||
context,
|
||
title: '温馨提示',
|
||
content: '请确认是否交卷！',
|
||
cancelText: '取消',
|
||
);
|
||
if (ok) {
|
||
_submit();
|
||
}
|
||
}
|
||
|
||
Future<void> _submit() async {
|
||
LoadingDialogHelper.show(message: '正在提交');
|
||
|
||
// 按原逻辑：若多选题需要去掉逗号（保留你的业务要求）
|
||
for (var q in questions) {
|
||
if (q.questionType == '2') {
|
||
// 如果后端期待无逗号格式的话保留这一步，否则可删
|
||
q.choiceAnswer = q.choiceAnswer.replaceAll(',', '');
|
||
}
|
||
}
|
||
|
||
// 构造真正的 JSON 数组（而不是 JSON 字符串）
|
||
final questionList = questions.map((q) => q.toSubmitJson()).toList();
|
||
|
||
final data = {
|
||
'studentId': widget.signInfo['studentId'] ?? '',
|
||
'classId': widget.examInfo['classId'] ?? '',
|
||
'corpinfoId': SessionService.instance.tenantId ?? '',
|
||
'classExamPaperId': widget.examInfo['classExamPaperId'] ?? '',
|
||
'examPaperId': widget.examInfo['examPaperId'] ?? '',
|
||
'studentSignId': widget.signInfo['studentSignId'],
|
||
'examTimeBegin': _startExamTime,
|
||
// 当前时间就是结束时间
|
||
'examTimeEnd': DateFormat('yyyy-MM-dd HH:mm:ss').format(DateTime.now()),
|
||
'questionList': questionList, // 这里放真正的 List<Map<String,dynamic>>
|
||
};
|
||
|
||
final res = await EduApi.submitExam(data);
|
||
LoadingDialogHelper.hide();
|
||
|
||
if (res['success']) {
|
||
final data = res['data'] as Map<String, dynamic>? ?? {};
|
||
final score = data['examScore'] ?? 0;
|
||
final passed = data['result'] == 1;
|
||
|
||
// 弹窗告诉用户结果：通过直接返回上一页；未通过给“继续考试 / 确定”两个按钮
|
||
final result = await CustomAlertDialog.showConfirm(
|
||
context,
|
||
title: '温馨提示',
|
||
content: passed
|
||
? '您的成绩为 $score 分，恭喜您通过本次考试，请继续保持！'
|
||
: '您的成绩为 $score 分，很遗憾您没有通过本次考试，请再接再厉！',
|
||
cancelText: passed ? '' : '继续考试',
|
||
confirmText: '确定',
|
||
);
|
||
|
||
// 如果考试通过或用户点击了“确定”，则返回上一页
|
||
if (passed || result) {
|
||
Navigator.of(context).pop();
|
||
return;
|
||
}
|
||
|
||
// 到这里说明：未通过且用户点击了“继续考试” -> 重置页面状态并继续考试
|
||
_resetForRetry();
|
||
} else {
|
||
// 可选：处理失败情况并提示错误信息
|
||
final msg = res['message'] ?? '提交失败，请重试';
|
||
ToastUtil.showError(context, msg);
|
||
}
|
||
}
|
||
|
||
void _onTimeUp() {
|
||
ToastUtil.showError(context, '考试时间已结束');
|
||
_submit();
|
||
}
|
||
|
||
Widget _buildOptions(Question q) {
|
||
if (q.questionType == '4') {
|
||
return TextField(
|
||
controller: TextEditingController(text: q.choiceAnswer),
|
||
onChanged: (val) => q.choiceAnswer = val,
|
||
maxLength: 255,
|
||
decoration: const InputDecoration(
|
||
hintText: '请输入内容',
|
||
border: OutlineInputBorder(),
|
||
),
|
||
);
|
||
}
|
||
final keys = q.questionType == '3' ? ['A', 'B'] : ['A', 'B', 'C', 'D'];
|
||
return Column(
|
||
children: keys.map((key) {
|
||
final active = q.choiceAnswer.split(',').contains(key);
|
||
return GestureDetector(
|
||
onTap: () => _chooseTopic(
|
||
q.questionType == '3' ? 'judge' : (q.questionType == '2' ? 'multiple' : 'radio'),
|
||
key,
|
||
),
|
||
child: Container(
|
||
margin: const EdgeInsets.symmetric(vertical: 8),
|
||
child: Row(
|
||
children: [
|
||
Container(
|
||
width: 40,
|
||
height: 40,
|
||
alignment: Alignment.center,
|
||
decoration: BoxDecoration(
|
||
color: active ? Colors.blue : Colors.grey.shade200,
|
||
shape: BoxShape.circle,
|
||
),
|
||
child: Text(
|
||
key,
|
||
style: TextStyle(
|
||
color: active ? Colors.white : Colors.black87,
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(width: 16),
|
||
Expanded(
|
||
child: Text(
|
||
q.options[key] ?? '',
|
||
style: const TextStyle(fontSize: 15),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}).toList(),
|
||
);
|
||
}
|
||
|
||
String get _formattedTime {
|
||
final m = remainingSeconds ~/ 60;
|
||
final s = remainingSeconds % 60;
|
||
return '${m.toString().padLeft(2, '0')}:${s.toString().padLeft(2, '0')}';
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final q = questions.isNotEmpty ? questions[current] : null;
|
||
return PopScope(
|
||
canPop: true, // 禁用返回
|
||
child: Scaffold(
|
||
backgroundColor: Colors.white,
|
||
appBar: const MyAppbar(title: '课程考试', isBack: false),
|
||
body: Padding(
|
||
padding: const EdgeInsets.all(16),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Stack(
|
||
children: [
|
||
Container(
|
||
width: double.infinity,
|
||
height: 120,
|
||
decoration: BoxDecoration(
|
||
image: const DecorationImage(
|
||
image: AssetImage('assets/study/bgimg1.png'),
|
||
fit: BoxFit.cover,
|
||
),
|
||
borderRadius: BorderRadius.circular(8),
|
||
),
|
||
),
|
||
Positioned.fill(
|
||
child: Center(
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Text(
|
||
'试卷名称：${widget.examInfo['examName'] ?? ''}',
|
||
style: const TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 16,
|
||
fontWeight: FontWeight.bold,
|
||
),
|
||
),
|
||
const SizedBox(height: 8),
|
||
Text(
|
||
'当前试题 ${current + 1}/${questions.length}',
|
||
style: const TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 15,
|
||
),
|
||
),
|
||
const SizedBox(height: 8),
|
||
Text(
|
||
'考试剩余时间：$_formattedTime',
|
||
style: const TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 15,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 16),
|
||
if (q != null)
|
||
Expanded(
|
||
child: SingleChildScrollView(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text(
|
||
'${current + 1}. ${q.questionDry} （${questionTypeMap[q.questionType] ?? ''}）',
|
||
style: const TextStyle(
|
||
fontWeight: FontWeight.w500,
|
||
fontSize: 15,
|
||
),
|
||
),
|
||
const SizedBox(height: 16),
|
||
_buildOptions(q),
|
||
const SizedBox(height: 24),
|
||
],
|
||
),
|
||
),
|
||
)
|
||
else
|
||
const Expanded(child: SizedBox()),
|
||
const SizedBox(height: 8),
|
||
Row(
|
||
children: [
|
||
if (current > 0)
|
||
Expanded(
|
||
child: CustomButton(
|
||
text: '上一题',
|
||
backgroundColor: const Color(0xFFD7D7D7),
|
||
textColor: Colors.black54,
|
||
onPressed: _previousQuestion,
|
||
),
|
||
),
|
||
if (current > 0 && current < questions.length - 1) const SizedBox(width: 16),
|
||
if (current < questions.length - 1)
|
||
Expanded(
|
||
child: CustomButton(
|
||
text: '下一题',
|
||
backgroundColor: Colors.blue,
|
||
onPressed: _nextQuestion,
|
||
),
|
||
),
|
||
if (current == questions.length - 1)
|
||
Expanded(
|
||
child: CustomButton(
|
||
text: '交卷',
|
||
backgroundColor: Colors.blue,
|
||
onPressed: _confirmSubmit,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|