xzsjob
/
problem_check_system
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

feat : 删除问题

dev
徐振升 2 months ago
parent
bf6966bb30
commit
da29a0d2c0
5 changed files with 229 additions and 75 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 10
      lib/app/features/problem/domain/usecases/delete_problem.dart
  2. 29
      lib/app/features/problem/domain/usecases/delete_problem_usecase.dart
  3. 8
      lib/app/features/problem/presentation/bindings/problem_list_binding.dart
  4. 66
      lib/app/features/problem/presentation/controllers/problem_list_controller.dart
  5. 191
      lib/app/features/problem/presentation/pages/problem_list_page.dart

10
lib/app/features/problem/domain/usecases/delete_problem.dart
Unescape View File

@ -1,10 +0,0 @@
import 'package:problem_check_system/app/features/problem/domain/repositories/problem_repository.dart';
class DeleteProblem {
final ProblemRepository problemRepository;
DeleteProblem({required this.problemRepository});
Future<void> call(String id) async {
await problemRepository.deleteProblem(id);
}
}

29
lib/app/features/problem/domain/usecases/delete_problem_usecase.dart
Unescape View File

@ -0,0 +1,29 @@
import 'package:problem_check_system/app/core/domain/entities/sync_status.dart';
import 'package:problem_check_system/app/core/repositories/auth_repository.dart';
import 'package:problem_check_system/app/features/problem/domain/entities/problem_entity.dart';
import 'package:problem_check_system/app/features/problem/domain/repositories/problem_repository.dart';
class DeleteProblemUsecase {
final ProblemRepository problemRepository;
final AuthRepository authRepository;
DeleteProblemUsecase({
required this.problemRepository,
required this.authRepository,
});
Future<void> call(ProblemEntity problemEntity) async {
final nowUtc = DateTime.now().toUtc();
final userId = authRepository.getUserId();
if (problemEntity.syncStatus == SyncStatus.pendingCreate) {
await problemRepository.deleteProblem(problemEntity.id);
} else {
final newProblem = problemEntity.copyWith(
lastModifiedTime: nowUtc,
lastModifierId: userId,
syncStatus: SyncStatus.pendingDelete,
);
await problemRepository.updateProblem(newProblem);
}
}
}

8
lib/app/features/problem/presentation/bindings/problem_list_binding.dart
Unescape View File

@ -8,6 +8,7 @@ import 'package:problem_check_system/app/features/problem/data/datasources/probl
import 'package:problem_check_system/app/features/problem/data/datasources/problem_remote_data_source.dart';
import 'package:problem_check_system/app/features/problem/data/repositories/problem_repository_impl.dart';
import 'package:problem_check_system/app/features/problem/domain/repositories/problem_repository.dart';
import 'package:problem_check_system/app/features/problem/domain/usecases/delete_problem_usecase.dart';
import 'package:problem_check_system/app/features/problem/domain/usecases/get_all_problems_usecase.dart';
import 'package:problem_check_system/app/features/problem/domain/usecases/resolve_conflict_usecase.dart';
import 'package:problem_check_system/app/features/problem/domain/usecases/sync_problems_usecase.dart';
@ -58,6 +59,12 @@ class ProblemListBinding extends BaseBindings {
Get.lazyPut<ProblemResolveConflictUsecase>(
() => ProblemResolveConflictUsecase(repository: Get.find()),
);
Get.lazyPut<DeleteProblemUsecase>(
() => DeleteProblemUsecase(
problemRepository: Get.find(),
authRepository: Get.find(),
),
);
}
@override
@ -68,6 +75,7 @@ class ProblemListBinding extends BaseBindings {
syncProblemsUsecase: Get.find(),
problemResolveConflictUsecase: Get.find(),
getEnterprisesUsecase: Get.find(),
deleteProblemUsecase: Get.find(),
),
);
}

66
lib/app/features/problem/presentation/controllers/problem_list_controller.dart
Unescape View File

@ -11,6 +11,7 @@ import 'package:problem_check_system/app/features/problem/domain/entities/proble
import 'package:problem_check_system/app/features/problem/domain/entities/problem_list_item_entity.dart';
import 'package:problem_check_system/app/features/problem/domain/entities/problem_upload_status.dart';
import 'package:problem_check_system/app/features/problem/domain/repositories/problem_repository.dart';
import 'package:problem_check_system/app/features/problem/domain/usecases/delete_problem_usecase.dart';
import 'package:problem_check_system/app/features/problem/domain/usecases/get_all_problems_usecase.dart';
import 'package:problem_check_system/app/features/problem/domain/usecases/resolve_conflict_usecase.dart';
import 'package:problem_check_system/app/features/problem/domain/usecases/sync_problems_usecase.dart';
@ -20,12 +21,14 @@ class ProblemListController extends GetxController {
final GetEnterprisesUsecase getEnterprisesUsecase;
final SyncProblemsUsecase syncProblemsUsecase;
final ProblemResolveConflictUsecase problemResolveConflictUsecase;
final DeleteProblemUsecase deleteProblemUsecase;
ProblemListController({
required this.getAllProblemsUsecase,
required this.syncProblemsUsecase,
required this.problemResolveConflictUsecase,
required this.getEnterprisesUsecase,
required this.deleteProblemUsecase,
});
final problemList = <ProblemListItemEntity>[].obs;
@ -218,6 +221,69 @@ class ProblemListController extends GetxController {
}
}
/// 显示删除确认对话框
Future<bool?> confirmDeleteProblem(ProblemEntity problem) async {
// 使用 Get.dialog 来显示一个标准的确认弹窗
return await Get.dialog<bool>(
AlertDialog(
title: const Text('确认删除'),
content: Text('您确定要删除问题 "${problem.description}" 吗？此操作不可恢复。'),
actions: <Widget>[
TextButton(
child: const Text('取消'),
onPressed: () {
// 返回 false 表示用户取消了操作
Get.back(result: false);
},
),
TextButton(
style: TextButton.styleFrom(
foregroundColor: Colors.red, // 让确认按钮更醒目
),
child: const Text('删除'),
onPressed: () {
// 返回 true 表示用户确认了操作
Get.back(result: true);
},
),
],
),
);
}
/// 执行删除操作
Future<void> deleteProblem(ProblemEntity problem) async {
// 使用 try-catch 来处理可能发生的错误
try {
// 假设你有一个 deleteProblemUsecase 来处理业务逻辑
await deleteProblemUsecase(problem);
// [!!!] 关键：从UI列表中移除该项。
// 由于 problemList 是 .obs，移除后UI会自动更新。
problemList.removeWhere((item) => item.problemEntity.id == problem.id);
// 显示一个成功的提示消息
Get.snackbar(
'删除成功',
'"${problem.description}" 已被删除。',
snackPosition: SnackPosition.BOTTOM,
backgroundColor: Colors.green,
colorText: Colors.white,
);
} catch (e) {
// 如果删除失败，显示错误提示
Get.snackbar(
'删除失败',
'无法删除该问题: $e',
snackPosition: SnackPosition.BOTTOM,
backgroundColor: Colors.red,
colorText: Colors.white,
);
// 可选：如果删除失败，你可能需要重新加载列表以恢复UI状态
// loadAndSyncProblems();
}
}
// 设置筛选条件
void setFilters(Enterprise enterprise) {
showAppBar.value = false;

191
lib/app/features/problem/presentation/pages/problem_list_page.dart
Unescape View File

@ -2,6 +2,7 @@ import 'package:easy_refresh/easy_refresh.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:problem_check_system/app/core/domain/entities/sync_status.dart';
import 'package:problem_check_system/app/core/extensions/datetime_extension.dart';
import 'package:problem_check_system/app/core/pages/widgets/custom_app_bar.dart';
import 'package:problem_check_system/app/features/enterprise/domain/entities/enterprise.dart';
@ -339,82 +340,142 @@ class ProblemListPage extends GetView<ProblemListController> {
itemCount: controller.problemList.length,
itemBuilder: (context, index) {
final item = controller.problemList[index];
final enterprise = item.problemEntity;
final problemEntity = item.problemEntity;
// 核心: 从 base controller 获取选中状态
final isSelected = controller.selectedProblems.contains(enterprise);
final isSelected = controller.selectedProblems.contains(
problemEntity,
);
// 检查问题是否为待删除
final bool isPendingDelete =
problemEntity.syncStatus == SyncStatus.pendingDelete;
// ✅ 1.使用 Dismissible 包裹列表项
return Dismissible(
// ✅ 2.为每个 Dismissible 提供一个唯一的 Key。
// 这非常重要，Flutter 用它来识别和追踪列表项。
// 通常使用数据的唯一ID。
key: Key(problemEntity.id),
// ✅ 3.根据状态动态设置滑动方向
// 如果 isPendingDelete 为 true，则设置方向为 none，禁用滑动
// 否则，正常设置为 endToStart
direction: isPendingDelete
? DismissDirection.none
: DismissDirection.endToStart,
return Padding(
padding: EdgeInsets.only(bottom: 12.h),
child: ProblemCard(
problemListItem: item,
isSelected: isSelected,
onTap: () =>
controller.navigateToDetailsView(item.problemEntity),
actions: Row(
crossAxisAlignment: CrossAxisAlignment.end,
// ✅ 4. 【背景】设置滑动时露出的背景。
// 这为用户提供了明确的视觉反馈。
background: Container(
color: Colors.red, // 删除操作通常用红色背景
padding: EdgeInsets.symmetric(horizontal: 20.w),
alignment: Alignment.centerRight, // 让图标和文字靠右显示
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
// “修改信息” 按钮
ElevatedButton(
onPressed: () =>
controller.navigateToEditForm(item.problemEntity),
style: ElevatedButton.styleFrom(
backgroundColor: const Color(0xFF42A5F5),
foregroundColor: Colors.white,
padding: EdgeInsets.symmetric(
horizontal: 20.w,
vertical: 8.h,
),
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
// [!!!] 移除按钮自身的阴影，因为它现在在卡片内部
elevation: 0,
// [!!!] 自定义形状，只保留左上角圆角，以完美贴合卡片边缘
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(12.r),
bottomRight: Radius.circular(12.r),
),
),
),
child: Text(
"修改",
style: TextStyle(
fontSize: 13.sp,
fontWeight: FontWeight.bold,
),
Text(
'删除',
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.bold,
fontSize: 16.sp,
),
),
SizedBox(width: 8.w),
// “查看问题” 按钮 (关键样式在这里)
ElevatedButton(
onPressed: () =>
controller.navigateToDetailsView(item.problemEntity),
style: ElevatedButton.styleFrom(
backgroundColor: const Color(0xFF42A5F5),
foregroundColor: Colors.white,
padding: EdgeInsets.symmetric(
horizontal: 20.w,
vertical: 8.h,
const Icon(Icons.delete, color: Colors.white),
],
),
),
// ✅ 5. 【确认回调】在滑动到一定程度时触发，用于弹出确认对话框。
// 这可以防止用户误操作。
confirmDismiss: (direction) async {
// 在这里调用控制器的方法来显示确认对话框
return await controller.confirmDeleteProblem(problemEntity);
},
// ✅ 6. 【删除回调】当滑动完成或确认对话框返回 true 时触发。
// 这是真正执行删除逻辑的地方。
// 注意：confirmDismiss 返回 true 后才会执行 onDismissed
onDismissed: (direction) {
// 调用控制器的方法来处理删除逻辑
controller.deleteProblem(problemEntity);
},
// ✅ 7. 【子组件】将你原来的列表项作为 child 放入 Dismissible 中。
child: Padding(
padding: EdgeInsets.only(bottom: 12.h),
child: ProblemCard(
problemListItem: item,
isSelected: isSelected,
onTap: () =>
controller.navigateToDetailsView(item.problemEntity),
actions: Row(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
// “修改信息” 按钮
if (isPendingDelete == false)
ElevatedButton(
onPressed: () =>
controller.navigateToEditForm(item.problemEntity),
style: ElevatedButton.styleFrom(
backgroundColor: const Color(0xFF42A5F5),
foregroundColor: Colors.white,
padding: EdgeInsets.symmetric(
horizontal: 20.w,
vertical: 8.h,
),
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
// [!!!] 移除按钮自身的阴影，因为它现在在卡片内部
elevation: 0,
// [!!!] 自定义形状，只保留左上角圆角，以完美贴合卡片边缘
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(12.r),
bottomRight: Radius.circular(12.r),
),
),
),
child: Text(
"修改",
style: TextStyle(
fontSize: 13.sp,
fontWeight: FontWeight.bold,
),
),
),
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
// [!!!] 移除按钮自身的阴影，因为它现在在卡片内部
elevation: 0,
// [!!!] 自定义形状，只保留左上角圆角，以完美贴合卡片边缘
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(12.r),
bottomRight: Radius.circular(12.r),
SizedBox(width: 8.w),
// “查看问题” 按钮 (关键样式在这里)
ElevatedButton(
onPressed: () => controller.navigateToDetailsView(
item.problemEntity,
),
style: ElevatedButton.styleFrom(
backgroundColor: const Color(0xFF42A5F5),
foregroundColor: Colors.white,
padding: EdgeInsets.symmetric(
horizontal: 20.w,
vertical: 8.h,
),
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
// [!!!] 移除按钮自身的阴影，因为它现在在卡片内部
elevation: 0,
// [!!!] 自定义形状，只保留左上角圆角，以完美贴合卡片边缘
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(12.r),
bottomRight: Radius.circular(12.r),
),
),
),
),
child: Text(
"查看",
style: TextStyle(
fontSize: 13.sp,
fontWeight: FontWeight.bold,
child: Text(
"查看",
style: TextStyle(
fontSize: 13.sp,
fontWeight: FontWeight.bold,
),
),
),
),
],
],
),
),
),
);

Write Preview
Loading…
Cancel
Save