|
|
|
|
@ -1,11 +1,11 @@
|
|
|
|
|
import 'package:flutter/material.dart'; |
|
|
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|
|
|
|
import 'package:get/get.dart'; |
|
|
|
|
import 'package:problem_check_system/app/core/widgets/app_bar_add.dart'; |
|
|
|
|
import 'package:problem_check_system/app/features/problem/presentation/controllers/problem_controller.dart'; |
|
|
|
|
import 'package:problem_check_system/app/features/problem/presentation/views/problem_list_page.dart'; // 导入修正后的 ProblemListPage |
|
|
|
|
import 'package:problem_check_system/app/features/problem/presentation/views/widgets/problem_list_page.dart'; |
|
|
|
|
import 'package:problem_check_system/app/features/problem/presentation/views/widgets/current_filter_bar.dart'; |
|
|
|
|
import 'package:problem_check_system/app/features/problem/presentation/views/widgets/history_filter_bar.dart'; |
|
|
|
|
import 'package:problem_check_system/app/features/problem/presentation/views/widgets/problem_card.dart'; // 导入自定义下拉菜单 |
|
|
|
|
import 'package:problem_check_system/app/features/problem/presentation/views/widgets/problem_card.dart'; |
|
|
|
|
|
|
|
|
|
class ProblemPage extends GetView<ProblemController> { |
|
|
|
|
const ProblemPage({super.key}); |
|
|
|
|
@ -13,38 +13,9 @@ class ProblemPage extends GetView<ProblemController> {
|
|
|
|
|
@override |
|
|
|
|
Widget build(BuildContext context) { |
|
|
|
|
return Scaffold( |
|
|
|
|
appBar: AppBar( |
|
|
|
|
title: Text( |
|
|
|
|
'问题列表', |
|
|
|
|
style: TextStyle( |
|
|
|
|
fontWeight: FontWeight.bold, |
|
|
|
|
fontFamily: 'MyFont', |
|
|
|
|
fontSize: 18.sp, |
|
|
|
|
color: Colors.white, |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
backgroundColor: Colors.transparent, |
|
|
|
|
flexibleSpace: Container( |
|
|
|
|
decoration: const BoxDecoration( |
|
|
|
|
gradient: LinearGradient( |
|
|
|
|
colors: [Color(0xFF418CFC), Color(0xFF3DBFFC)], |
|
|
|
|
begin: Alignment.centerLeft, |
|
|
|
|
end: Alignment.centerRight, |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
elevation: 0, |
|
|
|
|
centerTitle: true, |
|
|
|
|
actions: [ |
|
|
|
|
IconButton( |
|
|
|
|
icon: Icon(Icons.add, color: Colors.white), // 使用 .sp |
|
|
|
|
onPressed: () {}, |
|
|
|
|
), |
|
|
|
|
IconButton( |
|
|
|
|
icon: Icon(Icons.upload, color: Colors.pink[300]), // 使用 .sp |
|
|
|
|
onPressed: () {}, |
|
|
|
|
), |
|
|
|
|
], |
|
|
|
|
appBar: AppBarAdd( |
|
|
|
|
titleName: '问题列表', |
|
|
|
|
onAddPressed: () => controller.toProblemFormPageAndRefresh(), |
|
|
|
|
), |
|
|
|
|
body: Column( |
|
|
|
|
children: [ |
|
|
|
|
@ -59,65 +30,65 @@ class ProblemPage extends GetView<ProblemController> {
|
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
|
|
|
|
|
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked, |
|
|
|
|
// floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked, |
|
|
|
|
// 使用 Stack 统一管理所有浮动按钮 |
|
|
|
|
floatingActionButton: Stack( |
|
|
|
|
children: [ |
|
|
|
|
// 固定位置的 "添加" 按钮 |
|
|
|
|
// 使用 Align 和 Positioned |
|
|
|
|
Align( |
|
|
|
|
alignment: Alignment.bottomCenter, |
|
|
|
|
child: Padding( |
|
|
|
|
padding: EdgeInsets.only(bottom: 24.h), // 底部间距 |
|
|
|
|
child: FloatingActionButton( |
|
|
|
|
heroTag: "btn_add", |
|
|
|
|
onPressed: () { |
|
|
|
|
controller.toProblemFormPageAndRefresh(); |
|
|
|
|
}, |
|
|
|
|
shape: const CircleBorder(), |
|
|
|
|
backgroundColor: Colors.blue[300], |
|
|
|
|
foregroundColor: Colors.white, |
|
|
|
|
child: const Icon(Icons.add), |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
// floatingActionButton: Stack( |
|
|
|
|
// children: [ |
|
|
|
|
// // 固定位置的 "添加" 按钮 |
|
|
|
|
// // 使用 Align 和 Positioned |
|
|
|
|
// Align( |
|
|
|
|
// alignment: Alignment.bottomCenter, |
|
|
|
|
// child: Padding( |
|
|
|
|
// padding: EdgeInsets.only(bottom: 24.h), // 底部间距 |
|
|
|
|
// child: FloatingActionButton( |
|
|
|
|
// heroTag: "btn_add", |
|
|
|
|
// onPressed: () { |
|
|
|
|
// controller.toProblemFormPageAndRefresh(); |
|
|
|
|
// }, |
|
|
|
|
// shape: const CircleBorder(), |
|
|
|
|
// backgroundColor: Colors.blue[300], |
|
|
|
|
// foregroundColor: Colors.white, |
|
|
|
|
// child: const Icon(Icons.add), |
|
|
|
|
// ), |
|
|
|
|
// ), |
|
|
|
|
// ), |
|
|
|
|
|
|
|
|
|
// 可拖动的 "上传" 按钮 |
|
|
|
|
Obx(() { |
|
|
|
|
final isOnline = controller.isOnline.value; |
|
|
|
|
return Positioned( |
|
|
|
|
// 使用正确的坐标，left/right 对应 dx，top/bottom 对应 dy |
|
|
|
|
left: controller.fabUploadPosition.value.dx, |
|
|
|
|
top: controller.fabUploadPosition.value.dy, |
|
|
|
|
child: GestureDetector( |
|
|
|
|
onPanUpdate: (details) { |
|
|
|
|
// 调用控制器中的方法来更新位置 |
|
|
|
|
controller.updateFabUploadPosition(details.delta); |
|
|
|
|
}, |
|
|
|
|
onPanEnd: (details) { |
|
|
|
|
// 拖动结束后调用吸附方法 |
|
|
|
|
controller.snapToEdge(); |
|
|
|
|
}, |
|
|
|
|
child: FloatingActionButton( |
|
|
|
|
heroTag: "btn_upload", |
|
|
|
|
onPressed: isOnline |
|
|
|
|
? () => controller.showUploadPage() |
|
|
|
|
: null, |
|
|
|
|
foregroundColor: Colors.white, |
|
|
|
|
backgroundColor: isOnline |
|
|
|
|
? Colors.red[300] |
|
|
|
|
: Colors.grey[400], |
|
|
|
|
child: Icon( |
|
|
|
|
isOnline |
|
|
|
|
? Icons.file_upload_outlined |
|
|
|
|
: Icons.cloud_off_outlined, |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
); |
|
|
|
|
}), |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
// // 可拖动的 "上传" 按钮 |
|
|
|
|
// Obx(() { |
|
|
|
|
// final isOnline = controller.isOnline.value; |
|
|
|
|
// return Positioned( |
|
|
|
|
// // 使用正确的坐标，left/right 对应 dx，top/bottom 对应 dy |
|
|
|
|
// left: controller.fabUploadPosition.value.dx, |
|
|
|
|
// top: controller.fabUploadPosition.value.dy, |
|
|
|
|
// child: GestureDetector( |
|
|
|
|
// onPanUpdate: (details) { |
|
|
|
|
// // 调用控制器中的方法来更新位置 |
|
|
|
|
// controller.updateFabUploadPosition(details.delta); |
|
|
|
|
// }, |
|
|
|
|
// onPanEnd: (details) { |
|
|
|
|
// // 拖动结束后调用吸附方法 |
|
|
|
|
// controller.snapToEdge(); |
|
|
|
|
// }, |
|
|
|
|
// child: FloatingActionButton( |
|
|
|
|
// heroTag: "btn_upload", |
|
|
|
|
// onPressed: isOnline |
|
|
|
|
// ? () => controller.showUploadPage() |
|
|
|
|
// : null, |
|
|
|
|
// foregroundColor: Colors.white, |
|
|
|
|
// backgroundColor: isOnline |
|
|
|
|
// ? Colors.red[300] |
|
|
|
|
// : Colors.grey[400], |
|
|
|
|
// child: Icon( |
|
|
|
|
// isOnline |
|
|
|
|
// ? Icons.file_upload_outlined |
|
|
|
|
// : Icons.cloud_off_outlined, |
|
|
|
|
// ), |
|
|
|
|
// ), |
|
|
|
|
// ), |
|
|
|
|
// ); |
|
|
|
|
// }), |
|
|
|
|
// ], |
|
|
|
|
// ), |
|
|
|
|
); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
