feat : 删除问题

2 months ago · da29a0d2c0
5 changed files with 229 additions and 75 deletions
--- a/lib/app/features/problem/domain/usecases/delete_problem.dart
+++ b/lib/app/features/problem/domain/usecases/delete_problem.dart
@ -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);
-  }
-}
--- a/lib/app/features/problem/domain/usecases/delete_problem_usecase.dart
+++ b/lib/app/features/problem/domain/usecases/delete_problem_usecase.dart
@ -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);
+    }
+  }
+}
--- a/lib/app/features/problem/presentation/bindings/problem_list_binding.dart
+++ b/lib/app/features/problem/presentation/bindings/problem_list_binding.dart
@ -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(),
      ),
    );
  }
--- a/lib/app/features/problem/presentation/controllers/problem_list_controller.dart
+++ b/lib/app/features/problem/presentation/controllers/problem_list_controller.dart
@ -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;
--- a/lib/app/features/problem/presentation/pages/problem_list_page.dart
+++ b/lib/app/features/problem/presentation/pages/problem_list_page.dart
@ -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,11 +340,68 @@ 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(
+              // ✅ 4. 【背景】设置滑动时露出的背景。
+              //    这为用户提供了明确的视觉反馈。
+              background: Container(
+                color: Colors.red, // 删除操作通常用红色背景
+                padding: EdgeInsets.symmetric(horizontal: 20.w),
+                alignment: Alignment.centerRight, // 让图标和文字靠右显示
+                child: Row(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    Text(
+                      '删除',
+                      style: TextStyle(
+                        color: Colors.white,
+                        fontWeight: FontWeight.bold,
+                        fontSize: 16.sp,
+                      ),
+                    ),
+                    SizedBox(width: 8.w),
+                    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,
@ -354,6 +412,7 @@ class ProblemListPage extends GetView<ProblemListController> {
                    crossAxisAlignment: CrossAxisAlignment.end,
                    children: [
                      // “修改信息” 按钮
+                      if (isPendingDelete == false)
                        ElevatedButton(
                          onPressed: () =>
                              controller.navigateToEditForm(item.problemEntity),
@ -386,8 +445,9 @@ class ProblemListPage extends GetView<ProblemListController> {
                      SizedBox(width: 8.w),
                      // “查看问题” 按钮 (关键样式在这里)
                      ElevatedButton(
-                      onPressed: () =>
-                          controller.navigateToDetailsView(item.problemEntity),
+                        onPressed: () => controller.navigateToDetailsView(
+                          item.problemEntity,
+                        ),
                        style: ElevatedButton.styleFrom(
                          backgroundColor: const Color(0xFF42A5F5),
                          foregroundColor: Colors.white,
@ -417,6 +477,7 @@ class ProblemListPage extends GetView<ProblemListController> {
                    ],
                  ),
                ),
+              ),
            );
          },
        );