From ca3d4a73ee7ffb0e3234e3f6ab1d719235882373 Mon Sep 17 00:00:00 2001
From: wood chen <wood@czl.net>
Date: Tue, 18 Mar 2025 04:00:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=89=B9=E9=87=8F=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=E4=BB=B7=E6=A0=BC=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 Prices.vue 中添加批量删除按钮，允许管理员选择多个价格记录进行删除。
- 实现批量删除逻辑，包含用户确认提示和删除成功/失败的反馈。
- 优化用户体验，确保在删除前提示用户操作不可恢复。
---
 frontend/src/views/Prices.vue | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/frontend/src/views/Prices.vue b/frontend/src/views/Prices.vue
index d6931a7..7d377e0 100644
--- a/frontend/src/views/Prices.vue
+++ b/frontend/src/views/Prices.vue
@@ -10,6 +10,7 @@
             <template v-if="isAdmin && selectedPrices.length > 0">
               <el-button type="success" @click="batchUpdateStatus('approved')">批量通过</el-button>
               <el-button type="danger" @click="batchUpdateStatus('rejected')">批量拒绝</el-button>
+              <el-button type="danger" @click="batchDelete">批量删除</el-button>
               <el-divider direction="vertical" />
             </template>
             <template v-if="isAdmin">
@@ -1006,6 +1007,39 @@ const batchUpdateStatus = async (status) => {
   }
 }
 
+// 批量删除价格记录
+const batchDelete = async () => {
+  if (!selectedPrices.value.length) {
+    ElMessage.warning('请先选择要删除的价格')
+    return
+  }
+
+  try {
+    // 确认操作
+    await ElMessageBox.confirm(
+      `确定要删除选中的 ${selectedPrices.value.length} 条价格吗？此操作不可恢复！`,
+      '警告',
+      {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }
+    )
+
+    // 批量删除
+    for (const price of selectedPrices.value) {
+      await axios.delete(`/api/prices/${price.id}`)
+    }
+
+    await loadPrices()
+    ElMessage.success('批量删除成功')
+  } catch (error) {
+    if (error === 'cancel') return
+    console.error('Failed to batch delete prices:', error)
+    ElMessage.error('批量删除失败')
+  }
+}
+
 // 处理分页变化
 const handleSizeChange = (val) => {
   pageSize.value = val