886 lines
27 KiB
Dart
886 lines
27 KiB
Dart
/// ============================================================
|
||
/// 【ReportPage】攻克报告页
|
||
/// 1:1 对标 Vue pages/conquerPackage/report/report.vue
|
||
///
|
||
/// 路由 extra：
|
||
/// - recordId 学习记录 id（同时用于 GetReport/{id}）
|
||
/// - packId 攻克包 id（跳解析页时作为 totalPackId）
|
||
/// - from 来源（submit=交卷后进入：隐藏返回、显示小房子）
|
||
/// ============================================================
|
||
library;
|
||
|
||
import 'package:cached_network_image/cached_network_image.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||
import 'package:go_router/go_router.dart';
|
||
import 'package:new_learn/core/api/conquerPackage/classExercises/api.dart';
|
||
import 'package:new_learn/core/providers/user_provider.dart';
|
||
import 'package:new_learn/core/utils/img_url.dart';
|
||
import 'package:new_learn/core/utils/question/exam_answer_card.dart';
|
||
import 'package:new_learn/core/utils/question/question_constant.dart';
|
||
import 'package:new_learn/core/utils/question/question_parser.dart';
|
||
import 'package:new_learn/features/conquerPackage/classExercises/controllers/exercise_timing.dart';
|
||
import 'package:new_learn/features/conquerPackage/classExercises/widgets/exercise_styles.dart';
|
||
import 'package:new_learn/features/conquerPackage/report/widgets/conquer_poster_popup.dart';
|
||
import 'package:new_learn/features/conquerPackage/report/widgets/guide_modal.dart';
|
||
import 'package:new_learn/features/conquerPackage/report/widgets/semicircle_progress.dart';
|
||
|
||
class ReportPage extends ConsumerStatefulWidget {
|
||
const ReportPage({super.key, this.extra});
|
||
|
||
final Map<String, dynamic>? extra;
|
||
|
||
@override
|
||
ConsumerState<ReportPage> createState() => _ReportPageState();
|
||
}
|
||
|
||
class _ReportPageState extends ConsumerState<ReportPage> {
|
||
// ===================== 颜色（对标 report.vue / common.scss） =====================
|
||
static const Color _bg = Color(0xFFF5F8FA);
|
||
static const Color _title = Color(0xFF1D2B47);
|
||
static const Color _primary = Color(0xFF3D7DF5);
|
||
static const Color _subtitle = Color(0xFF687FAD);
|
||
static const Color _success = Color(0xFF00CC96);
|
||
static const Color _error = Color(0xFFFF5252);
|
||
static const Color _unanswered = Color(0xFF94A5B8);
|
||
static const Color _failText = Color(0xFFB4C2E0);
|
||
|
||
// ===================== 路由参数 =====================
|
||
String _recordId = '';
|
||
String _packId = '';
|
||
bool _isFromSubmit = false;
|
||
|
||
// ===================== 页面数据 =====================
|
||
Map<String, dynamic> _data = <String, dynamic>{};
|
||
List<Map<String, dynamic>> _answerCard = [];
|
||
bool _loading = true;
|
||
|
||
bool _showPoster = false;
|
||
bool _showGuide = false;
|
||
|
||
// 跳转防连点（对标 navigateToOnce：2 秒节流 + 原子锁 + 1200ms 兜底解锁）
|
||
bool _navigating = false;
|
||
int _lastNavigateAt = 0;
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
final extra = widget.extra ?? const <String, dynamic>{};
|
||
_recordId = '${extra['recordId'] ?? ''}';
|
||
_packId = '${extra['packId'] ?? ''}';
|
||
_isFromSubmit = extra['from'] == 'submit';
|
||
WidgetsBinding.instance.addPostFrameCallback((_) => _load());
|
||
}
|
||
|
||
// ===================== 数据加载（对标 GetSubmitReportFn） =====================
|
||
|
||
Future<void> _load() async {
|
||
setState(() => _loading = true);
|
||
try {
|
||
final res =
|
||
await ClassExercisesApi.instance.getSubmitReport(_recordId);
|
||
|
||
final user = ref.read(currentUserProvider).value;
|
||
final userName = (user?.userName.isNotEmpty ?? false)
|
||
? user!.userName
|
||
: '我';
|
||
final userAvatar = user?.avatar ?? '';
|
||
|
||
final data = Map<String, dynamic>.from(res.raw);
|
||
// 后端数值字段可能返回 String，统一规范为 num，避免 build 中 as num 崩溃
|
||
final accuracyRate =
|
||
num.tryParse('${data['accuracyRate'] ?? 0}') ?? 0;
|
||
|
||
setState(() {
|
||
_data = {
|
||
...data,
|
||
'userName': userName,
|
||
'userAvatar': userAvatar,
|
||
'accuracyRate': accuracyRate,
|
||
};
|
||
});
|
||
|
||
// questions 解析 / 答题卡构建单独兜底：单题异常不影响头部与统计
|
||
final questions = res.questions;
|
||
if (questions.isNotEmpty) {
|
||
try {
|
||
final subjectType =
|
||
getSubjectTypeById(data['baseSubjectId']) ?? 0;
|
||
final parsed = questions.map((item) {
|
||
item['iSFilllankItemUpload'] = subjectType;
|
||
return parseQuestionData(item, mergeOriginalChilds: true);
|
||
}).toList();
|
||
var questionsData = appendQuestionSort(parsed);
|
||
questionsData =
|
||
appendExamQuestionChildOptionStatus(questionsData,
|
||
data['baseSubjectId']);
|
||
final card = buildExamAnswerCard(questionsData);
|
||
setState(() => _answerCard = card);
|
||
} catch (e) {
|
||
debugPrint('GetSubmitReport build answerCard error: $e');
|
||
}
|
||
}
|
||
|
||
// status 1 已攻克 / 2 未攻克 → 弹海报
|
||
final status = _di('status');
|
||
if (status == 1 || status == 2) {
|
||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||
if (mounted) setState(() => _showPoster = true);
|
||
});
|
||
}
|
||
} catch (e) {
|
||
_toast('获取报告失败，请稍后重试');
|
||
} finally {
|
||
if (mounted) setState(() => _loading = false);
|
||
}
|
||
}
|
||
|
||
int _di(String key) => int.tryParse('${_data[key] ?? 0}') ?? 0;
|
||
|
||
num get _accuracyRate =>
|
||
num.tryParse('${_data['accuracyRate'] ?? 0}') ?? 0;
|
||
|
||
bool get _hasHandouts {
|
||
final h = _data['handouts'];
|
||
return h is List && h.isNotEmpty;
|
||
}
|
||
|
||
// 回答状态（未回答=0, 判题中=1, 正确=10, 错误=11, 部分错误=12）
|
||
Color _statusColor(dynamic status) {
|
||
final s = int.tryParse('$status') ?? 0;
|
||
if (s == 10) return _success;
|
||
if (s == 11 || s == 12 || s == 1) return _error;
|
||
return _unanswered;
|
||
}
|
||
|
||
Color _statusBg(dynamic status) {
|
||
final s = int.tryParse('$status') ?? 0;
|
||
if (s == 10) return const Color(0xFFE6FAF4);
|
||
if (s == 11 || s == 12 || s == 1) return const Color(0xFFFFF2F2);
|
||
return const Color(0xFFF5F7FA);
|
||
}
|
||
|
||
// ===================== 跳转（对标 navigateToOnce） =====================
|
||
|
||
void _navigateToOnce(String location, Map<String, dynamic> extra) {
|
||
final now = DateTime.now().millisecondsSinceEpoch;
|
||
if (now - _lastNavigateAt < 2000) return;
|
||
if (_navigating) return;
|
||
_lastNavigateAt = now;
|
||
_navigating = true;
|
||
Future.delayed(const Duration(milliseconds: 1200), () {
|
||
_navigating = false;
|
||
});
|
||
context.push(location, extra: extra).whenComplete(() {
|
||
_navigating = false;
|
||
});
|
||
}
|
||
|
||
/// 查看讲义
|
||
void _getLectureNotes() {
|
||
final id = '${_data['id'] ?? ''}';
|
||
_navigateToOnce(
|
||
'/conquerPackage/beforeDuringClass',
|
||
{
|
||
'status': '1',
|
||
'packId': id,
|
||
'recordId': id,
|
||
'type': 'view',
|
||
},
|
||
);
|
||
}
|
||
|
||
/// 全部解析 / 点答题卡题号（带 targetSort）
|
||
void _handleShowAnswerCard([Map<String, dynamic>? question]) {
|
||
final targetSort = int.tryParse('${question?['sort'] ?? 0}') ?? 0;
|
||
_navigateToOnce(
|
||
'/conquerPackage/classExercises',
|
||
{
|
||
'courseId': '${_data['courseId'] ?? ''}',
|
||
'packId': '${_data['id'] ?? ''}',
|
||
'type': 'view',
|
||
'totalPackId': _packId,
|
||
if (targetSort > 0) 'targetSort': targetSort,
|
||
},
|
||
);
|
||
}
|
||
|
||
/// 错题解析
|
||
void _handleWrongQuestionAnalysis() {
|
||
_navigateToOnce(
|
||
'/conquerPackage/classExercises',
|
||
{
|
||
'courseId': '${_data['courseId'] ?? ''}',
|
||
'packId': '${_data['id'] ?? ''}',
|
||
'type': 'view',
|
||
'totalPackId': _packId,
|
||
'isWrong': true,
|
||
},
|
||
);
|
||
}
|
||
|
||
/// 海报关闭 → 未看过引导时延迟 500ms 弹引导
|
||
void _handlePosterClose() {
|
||
setState(() => _showPoster = false);
|
||
final isShowGuide = ref.read(currentUserProvider).value?.isShowGuide;
|
||
if (isShowGuide == false) {
|
||
Future.delayed(const Duration(milliseconds: 500), () {
|
||
if (mounted) setState(() => _showGuide = true);
|
||
});
|
||
}
|
||
}
|
||
|
||
void _toast(String text) {
|
||
if (!mounted) return;
|
||
ScaffoldMessenger.of(context)
|
||
..hideCurrentSnackBar()
|
||
..showSnackBar(
|
||
SnackBar(
|
||
content: Text(text),
|
||
duration: const Duration(seconds: 2),
|
||
behavior: SnackBarBehavior.floating,
|
||
),
|
||
);
|
||
}
|
||
|
||
// ===================== Build =====================
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final pad = isPadDevice(context);
|
||
final correct = _di('correctQuestionCount');
|
||
final total = _di('totalQuestionCount');
|
||
final allCorrect = correct == total && total > 0;
|
||
|
||
return Scaffold(
|
||
body: Stack(
|
||
children: [
|
||
// HeaderBac 顶部背景图（固定屏幕顶部，与 classExercises 页一致）
|
||
Positioned(
|
||
top: 0,
|
||
left: 0,
|
||
right: 0,
|
||
child: CachedNetworkImage(
|
||
imageUrl: ImgUrl.build(
|
||
'/StaticResource/2026-05-26/my-header-bg-default1779775984375.png',
|
||
),
|
||
fit: BoxFit.fitWidth,
|
||
width: double.infinity,
|
||
placeholder: (_, _) => const SizedBox.shrink(),
|
||
errorWidget: (_, _, _) => const SizedBox.shrink(),
|
||
),
|
||
),
|
||
// 内容层：非定位 Column + Expanded，让滚动区严格撑满整屏
|
||
// （与 class_exercises_page 相同的已验证骨架）
|
||
SafeArea(
|
||
bottom: false,
|
||
child: Column(
|
||
children: [
|
||
_buildNavBar(),
|
||
Expanded(
|
||
child: SingleChildScrollView(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
_buildReportBac(pad),
|
||
_buildAnswerCard(),
|
||
// 底部固定栏留白 220rpx
|
||
SizedBox(height: 110.h),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
_buildFooter(allCorrect: allCorrect),
|
||
ConquerPosterPopup(
|
||
show: _showPoster,
|
||
status: _di('status'),
|
||
name: '${_data['name'] ?? ''}',
|
||
accuracyRate: _accuracyRate,
|
||
overcomeTimeSecond: _di('overcomeTimeSecond'),
|
||
userName: '${_data['userName'] ?? '我'}',
|
||
userAvatar: '${_data['userAvatar'] ?? ''}',
|
||
onClose: _handlePosterClose,
|
||
),
|
||
GuideModal(
|
||
show: _showGuide,
|
||
onClose: () => setState(() => _showGuide = false),
|
||
),
|
||
if (_loading) _buildLoadingMask(),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
// ---------- 加载遮罩（对标 uni.showLoading 加载中...） ----------
|
||
|
||
Widget _buildLoadingMask() {
|
||
return const Positioned.fill(
|
||
child: ColoredBox(
|
||
color: Color(0x33000000),
|
||
child: Center(
|
||
child: Card(
|
||
color: Color(0xCC000000),
|
||
child: Padding(
|
||
padding: EdgeInsets.symmetric(horizontal: 24, vertical: 20),
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
CircularProgressIndicator(
|
||
strokeWidth: 3,
|
||
color: Colors.white,
|
||
),
|
||
SizedBox(height: 12),
|
||
Text(
|
||
'加载中...',
|
||
style: TextStyle(color: Colors.white, fontSize: 14),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
// ===================== 滚动内容（HeaderBac + NavBar + 卡片） =====================
|
||
// 背景图 / 滚动体 / NavBar 已在 build 的外层全屏 Stack 中分层，见 build()。
|
||
|
||
// ---------- NavBar（对标 NavBar.vue：居中标题 + 返回/小房子） ----------
|
||
// 状态栏高度由外层 SafeArea 处理，这里只绘制 44px 的导航条。
|
||
|
||
Widget _buildNavBar() {
|
||
return SizedBox(
|
||
width: double.infinity,
|
||
height: 44.h,
|
||
child: Stack(
|
||
children: [
|
||
Center(
|
||
child: Padding(
|
||
padding: EdgeInsets.only(left: 10.w),
|
||
child: Text(
|
||
'攻克报告',
|
||
maxLines: 1,
|
||
style: TextStyle(
|
||
fontSize: 17.sp,
|
||
fontWeight: FontWeight.w400,
|
||
color: Colors.black,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
Positioned(
|
||
left: 12.w,
|
||
top: 0,
|
||
bottom: 0,
|
||
child: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
if (!_isFromSubmit)
|
||
_navIcon(
|
||
'/StaticResource/2026-04-01/return.png',
|
||
onTap: _handleBack,
|
||
),
|
||
if (_isFromSubmit)
|
||
_navIcon(
|
||
'/StaticResource/2026-06-02/homesa1780391437267.png',
|
||
onTap: () => context.go('/'),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _navIcon(String path, {required VoidCallback onTap}) {
|
||
return GestureDetector(
|
||
behavior: HitTestBehavior.opaque,
|
||
onTap: onTap,
|
||
child: Padding(
|
||
padding: EdgeInsets.symmetric(horizontal: 2.w, vertical: 10.h),
|
||
child: CachedNetworkImage(
|
||
imageUrl: ImgUrl.build(path),
|
||
width: 24.w,
|
||
height: 24.h,
|
||
fit: BoxFit.contain,
|
||
placeholder: (_, _) => Icon(
|
||
Icons.arrow_back_ios,
|
||
size: 18.w,
|
||
color: const Color(0xCC000000),
|
||
),
|
||
errorWidget: (_, _, _) => Icon(
|
||
Icons.home_outlined,
|
||
size: 20.w,
|
||
color: const Color(0xCC000000),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
void _handleBack() {
|
||
if (context.canPop()) {
|
||
context.pop();
|
||
} else {
|
||
context.go('/');
|
||
}
|
||
}
|
||
|
||
// ===================== report-bac：头部 + 正确率/统计白卡 =====================
|
||
|
||
Widget _buildReportBac(bool pad) {
|
||
final status = _di('status');
|
||
return Container(
|
||
margin: EdgeInsets.fromLTRB(14.w, 30.h, 14.w, 0),
|
||
decoration: BoxDecoration(
|
||
gradient: const LinearGradient(
|
||
begin: Alignment.topCenter,
|
||
end: Alignment.bottomCenter,
|
||
colors: [Color(0xFFFAFEFF), Color(0xFFEDF7FF)],
|
||
),
|
||
border: Border.all(color: Colors.white, width: 2),
|
||
borderRadius: BorderRadius.circular(20),
|
||
),
|
||
child: Stack(
|
||
clipBehavior: Clip.none,
|
||
children: [
|
||
Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
// head
|
||
Padding(
|
||
padding: EdgeInsets.fromLTRB(
|
||
pad ? 29.w : 16.w, 15.h, pad ? 29.w : 16.w, 0),
|
||
child: SizedBox(
|
||
width: double.infinity,
|
||
child: LayoutBuilder(
|
||
builder: (_, constraints) => SizedBox(
|
||
// .report-head view { width: 55% }
|
||
width: constraints.maxWidth * 0.55,
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
if (status == 1)
|
||
_buildHeadTips(
|
||
icon:
|
||
'/StaticResource/2026-04-07/conquer-success-icon.png',
|
||
text: '恭喜你，已攻克！',
|
||
color: _primary,
|
||
),
|
||
if (status == 2)
|
||
_buildHeadTips(
|
||
icon:
|
||
'/StaticResource/2026-04-07/conquer-fail-icon.png',
|
||
text: '本次未攻克',
|
||
color: _failText,
|
||
),
|
||
Padding(
|
||
padding: EdgeInsets.only(top: 7.5.h),
|
||
child: Text(
|
||
'${_data['name'] ?? ''}',
|
||
maxLines: 2,
|
||
overflow: TextOverflow.ellipsis,
|
||
style: TextStyle(
|
||
fontSize: 18.sp,
|
||
fontWeight: FontWeight.w600,
|
||
color: _title,
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
// report-main（margin-t-50）
|
||
Padding(
|
||
padding: EdgeInsets.only(top: 25.h),
|
||
child: _buildMainCard(),
|
||
),
|
||
],
|
||
),
|
||
// 右上勋章 260rpx，top -100rpx
|
||
if (status == 1 || status == 2)
|
||
Positioned(
|
||
top: -50.h,
|
||
right: pad ? 20.w : 0,
|
||
child: CachedNetworkImage(
|
||
imageUrl: ImgUrl.build(
|
||
status == 1
|
||
? '/StaticResource/2026-04-07/conquer-success.png'
|
||
: '/StaticResource/2026-04-07/conquer-fail.png',
|
||
),
|
||
width: 130.w,
|
||
height: 130.h,
|
||
fit: BoxFit.contain,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildHeadTips({
|
||
required String icon,
|
||
required String text,
|
||
required Color color,
|
||
}) {
|
||
return Row(
|
||
children: [
|
||
CachedNetworkImage(
|
||
imageUrl: ImgUrl.build(icon),
|
||
width: 24.w,
|
||
height: 24.h,
|
||
fit: BoxFit.contain,
|
||
),
|
||
SizedBox(width: 10.w),
|
||
Flexible(
|
||
child: Text(
|
||
text,
|
||
maxLines: 1,
|
||
overflow: TextOverflow.ellipsis,
|
||
style: TextStyle(fontSize: 14.sp, color: color),
|
||
),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildMainCard() {
|
||
return Container(
|
||
width: double.infinity,
|
||
padding: EdgeInsets.all(14.w),
|
||
decoration: BoxDecoration(
|
||
color: Colors.white,
|
||
borderRadius: BorderRadius.circular(20),
|
||
),
|
||
child: Column(
|
||
children: [
|
||
// 半圆环（padding-b-50）
|
||
Padding(
|
||
padding: EdgeInsets.only(bottom: 25.h),
|
||
child: SemicircleProgress(
|
||
percent: _accuracyRate,
|
||
),
|
||
),
|
||
_buildStatistics(),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildStatistics() {
|
||
return Container(
|
||
padding: EdgeInsets.symmetric(vertical: 16.h, horizontal: 20.w),
|
||
decoration: BoxDecoration(
|
||
color: const Color(0xFFFAFBFD),
|
||
border: Border.all(color: const Color(0xFFE3ECFF), width: 1.w),
|
||
borderRadius: BorderRadius.circular(10.r),
|
||
),
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
_statItem('${_di('totalQuestionCount')}', '总计', _title),
|
||
_statItem('${_di('correctQuestionCount')}', '答对', _success),
|
||
_statItem('${_di('incorrectQuestionCount')}', '答错', _error),
|
||
_statItem('${_di('unansweredQuestionCount')}', '未答', _title),
|
||
_statItem(formatDuration(_di('overcomeTimeSecond')), '用时', _title),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _statItem(String num, String label, Color color) {
|
||
return Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Padding(
|
||
padding: EdgeInsets.only(bottom: 4.h),
|
||
child: Text(
|
||
num,
|
||
style: TextStyle(
|
||
fontSize: 14.sp,
|
||
fontWeight: FontWeight.w600,
|
||
color: color,
|
||
),
|
||
),
|
||
),
|
||
Text(
|
||
label,
|
||
style: TextStyle(fontSize: 12.sp, color: _subtitle),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
// ===================== 答题卡卡 =====================
|
||
|
||
Widget _buildAnswerCard() {
|
||
return Container(
|
||
width: double.infinity,
|
||
margin: EdgeInsets.fromLTRB(14.w, 14.h, 14.w, 0),
|
||
padding: EdgeInsets.fromLTRB(14.w, 14.w, 14.w, 20.h),
|
||
decoration: BoxDecoration(
|
||
color: Colors.white,
|
||
borderRadius: BorderRadius.circular(10.r),
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
_buildCardHead(),
|
||
for (var i = 0; i < _answerCard.length; i++)
|
||
_buildGroup(_answerCard[i], i),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildCardHead() {
|
||
return Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
CachedNetworkImage(
|
||
imageUrl: ImgUrl.build(
|
||
'/StaticResource/2026-04-08/conquer-card-icon.png',
|
||
),
|
||
width: 18.w,
|
||
height: 18.h,
|
||
fit: BoxFit.contain,
|
||
),
|
||
SizedBox(width: 5.w),
|
||
Container(
|
||
width: 59.5.w,
|
||
height: 24.h,
|
||
alignment: Alignment.centerLeft,
|
||
decoration: BoxDecoration(
|
||
image: DecorationImage(
|
||
image: CachedNetworkImageProvider(
|
||
ImgUrl.build(
|
||
'/StaticResource/2026-04-01/title-bacs.png',
|
||
),
|
||
),
|
||
fit: BoxFit.fitWidth,
|
||
alignment: Alignment.bottomCenter,
|
||
),
|
||
),
|
||
child: Text(
|
||
'答题卡',
|
||
style: TextStyle(
|
||
fontSize: 16.sp,
|
||
fontWeight: FontWeight.w600,
|
||
color: _title,
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
Row(
|
||
children: [
|
||
_legend(_success, '答对'),
|
||
_legend(_error, '答错'),
|
||
_legend(_unanswered, '未答'),
|
||
],
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _legend(Color color, String label) {
|
||
return Padding(
|
||
padding: EdgeInsets.only(left: 10.w),
|
||
child: Row(
|
||
children: [
|
||
Container(
|
||
width: 6.w,
|
||
height: 6.w,
|
||
decoration: BoxDecoration(color: color, shape: BoxShape.circle),
|
||
),
|
||
SizedBox(width: 5.w),
|
||
Text(
|
||
label,
|
||
style: TextStyle(fontSize: 12.sp, color: _subtitle),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildGroup(Map<String, dynamic> group, int index) {
|
||
final questions = (group['questions'] as List?) ?? const [];
|
||
return Padding(
|
||
padding: EdgeInsets.only(top: 20.h),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Padding(
|
||
padding: EdgeInsets.only(bottom: 12.h),
|
||
child: Text(
|
||
'${group['name'] ?? ''}',
|
||
style: TextStyle(fontSize: 12.sp, color: _subtitle),
|
||
),
|
||
),
|
||
Wrap(
|
||
spacing: 10.w,
|
||
runSpacing: 10.w,
|
||
children: [
|
||
for (final q in questions)
|
||
_buildQuestionItem(Map<String, dynamic>.from(q as Map)),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildQuestionItem(Map<String, dynamic> question) {
|
||
final status = question['status'];
|
||
return GestureDetector(
|
||
behavior: HitTestBehavior.opaque,
|
||
onTap: () => _handleShowAnswerCard(question),
|
||
child: Container(
|
||
width: 44.w,
|
||
height: 36.h,
|
||
alignment: Alignment.center,
|
||
decoration: BoxDecoration(
|
||
color: _statusBg(status),
|
||
borderRadius: BorderRadius.circular(6.r),
|
||
),
|
||
child: Text(
|
||
'${question['sort'] ?? ''}',
|
||
style: TextStyle(fontSize: 14.sp, color: _statusColor(status)),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
// ===================== 底部固定按钮栏 =====================
|
||
|
||
Widget _buildFooter({required bool allCorrect}) {
|
||
return Positioned(
|
||
left: 0,
|
||
right: 0,
|
||
bottom: 0,
|
||
child: Container(
|
||
decoration: BoxDecoration(
|
||
color: Colors.white,
|
||
border: Border(
|
||
top: BorderSide(color: const Color(0xFFEEEEEE), width: 1.w),
|
||
),
|
||
),
|
||
padding: EdgeInsets.fromLTRB(
|
||
14.w,
|
||
12.h,
|
||
14.w,
|
||
12.h + MediaQuery.of(context).padding.bottom,
|
||
),
|
||
child: Row(
|
||
children: [
|
||
if (_hasHandouts) ...[
|
||
_buildLectureEntry(),
|
||
SizedBox(width: 10.w),
|
||
],
|
||
Expanded(
|
||
flex: allCorrect
|
||
? (_hasHandouts ? 80 : 100)
|
||
: (_hasHandouts ? 40 : 48),
|
||
child: _footerButton(
|
||
text: '全部解析',
|
||
primary: false,
|
||
onTap: () => _handleShowAnswerCard(),
|
||
),
|
||
),
|
||
if (!allCorrect) ...[
|
||
SizedBox(width: 14.w),
|
||
Expanded(
|
||
flex: _hasHandouts ? 40 : 48,
|
||
child: _footerButton(
|
||
text: '错题解析',
|
||
primary: true,
|
||
onTap: _handleWrongQuestionAnalysis,
|
||
),
|
||
),
|
||
],
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildLectureEntry() {
|
||
return GestureDetector(
|
||
behavior: HitTestBehavior.opaque,
|
||
onTap: _getLectureNotes,
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
CachedNetworkImage(
|
||
imageUrl: ImgUrl.build('/StaticResource/2026-04-02/note.png'),
|
||
width: 24.w,
|
||
height: 24.h,
|
||
fit: BoxFit.contain,
|
||
),
|
||
SizedBox(height: 5.h),
|
||
Text(
|
||
'查看讲义',
|
||
style: TextStyle(fontSize: 10.sp, color: _title),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
/// default-button4（白底蓝边）/ default-button1（蓝渐变 + 投影）
|
||
Widget _footerButton({
|
||
required String text,
|
||
required bool primary,
|
||
required VoidCallback onTap,
|
||
}) {
|
||
return GestureDetector(
|
||
behavior: HitTestBehavior.opaque,
|
||
onTap: onTap,
|
||
child: Container(
|
||
height: 46.h,
|
||
alignment: Alignment.center,
|
||
decoration: BoxDecoration(
|
||
color: primary ? null : Colors.white,
|
||
gradient: primary
|
||
? const LinearGradient(
|
||
colors: [Color(0xFF3373FF), Color(0xFF3D7DF5)],
|
||
)
|
||
: null,
|
||
borderRadius: BorderRadius.circular(50.r),
|
||
border: primary
|
||
? null
|
||
: Border.all(color: _primary, width: 1.w),
|
||
boxShadow: primary
|
||
? const [
|
||
BoxShadow(
|
||
color: Color(0x4D3D7DF5),
|
||
offset: Offset(0, 7.5),
|
||
blurRadius: 15,
|
||
),
|
||
]
|
||
: null,
|
||
),
|
||
child: Text(
|
||
text,
|
||
style: TextStyle(
|
||
fontSize: 14.sp,
|
||
fontWeight: FontWeight.w400,
|
||
color: primary ? Colors.white : _primary,
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|