From fc74b761a94f2ac82911b8ef91e4bb0278dfaf5a Mon Sep 17 00:00:00 2001
From: jingrow <support@jingrow.com>
Date: Sun, 2 Nov 2025 15:20:34 +0800
Subject: [PATCH] =?UTF-8?q?pagetype=E5=88=97=E8=A1=A8=E9=A1=B5=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=E8=AE=B0=E5=BD=95=E5=A2=9E=E5=8A=A0=E7=A1=AE=E8=AE=A4?=
 =?UTF-8?q?=E5=AF=B9=E8=AF=9D=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/core/pagetype/GenericListPage.vue     | 68 ++++++++++++++-----
 1 file changed, 52 insertions(+), 16 deletions(-)

diff --git a/apps/jingrow/frontend/src/core/pagetype/GenericListPage.vue b/apps/jingrow/frontend/src/core/pagetype/GenericListPage.vue
index d51f99e..c7366fd 100644
--- a/apps/jingrow/frontend/src/core/pagetype/GenericListPage.vue
+++ b/apps/jingrow/frontend/src/core/pagetype/GenericListPage.vue
@@ -268,7 +268,7 @@
 <script setup lang="ts">
 import { onMounted, ref, computed, watch, shallowRef, markRaw } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { NPagination, useMessage } from 'naive-ui'
+import { NPagination, useMessage, useDialog } from 'naive-ui'
 import { Icon } from '@iconify/vue'
 import axios from 'axios'
 import { t } from '@/shared/i18n'
@@ -290,6 +290,7 @@ import { downloadImageToLocal } from '@/shared/api/common'
 const route = useRoute()
 const router = useRouter()
 const message = useMessage()
+const dialog = useDialog()
 
 // 使用组合式函数处理URL slug
 const { pagetypeSlug, entity } = usePageTypeSlug(route)
@@ -992,14 +993,32 @@ function openDetail(name: string) {
 
 async function handleDeleteSelected() {
   if (selectedKeys.value.length === 0) return
-  const { deleteRecords } = await import('../../shared/api/common')
-  const res = await deleteRecords(entity.value, selectedKeys.value)
-  if (res.success) {
-    selectedKeys.value = []
-    await loadData()
-  } else {
-    message.error(res.message || t('Delete failed'))
-  }
+  
+  dialog.warning({
+    title: t('Delete Selected Records'),
+    content: t(`Are you sure you want to delete ${selectedKeys.value.length} selected record(s)? This action cannot be undone.`),
+    positiveText: t('Delete'),
+    negativeText: t('Cancel'),
+    onPositiveClick: async () => {
+      loading.value = true
+      try {
+        const { deleteRecords } = await import('../../shared/api/common')
+        const res = await deleteRecords(entity.value, selectedKeys.value)
+        if (res.success) {
+          message.success(res.message || t('Deleted successfully'))
+          selectedKeys.value = []
+          await loadData()
+        } else {
+          message.error(res.message || t('Delete failed'))
+        }
+      } catch (error) {
+        message.error(t('Delete failed'))
+        console.error('Delete error:', error)
+      } finally {
+        loading.value = false
+      }
+    }
+  })
 }
 
 function createRecordHandler() {
@@ -1013,13 +1032,30 @@ function editRecord(row: any) {
 }
 
 async function deleteRecord(name: string) {
-  const { deleteRecords } = await import('@/shared/api/common')
-  const res = await deleteRecords(entity.value, [name])
-  if (res.success) {
-    await loadData()
-  } else {
-    message.error(res.message || t('Delete failed'))
-  }
+  dialog.warning({
+    title: t('Delete Record'),
+    content: t('Are you sure you want to delete this record? This action cannot be undone.'),
+    positiveText: t('Delete'),
+    negativeText: t('Cancel'),
+    onPositiveClick: async () => {
+      loading.value = true
+      try {
+        const { deleteRecords } = await import('@/shared/api/common')
+        const res = await deleteRecords(entity.value, [name])
+        if (res.success) {
+          message.success(res.message || t('Deleted successfully'))
+          await loadData()
+        } else {
+          message.error(res.message || t('Delete failed'))
+        }
+      } catch (error) {
+        message.error(t('Delete failed'))
+        console.error('Delete error:', error)
+      } finally {
+        loading.value = false
+      }
+    }
+  })
 }