update

packages/frontend/src/stores/notifications.store.ts

@@ -0,0 +1,116 @@
+import { defineStore } from 'pinia';
+import { ref, computed } from 'vue';
+import axios from 'axios'; // Assuming axios is globally available or installed
+import { NotificationSetting, NotificationSettingData } from '../types/server.types';
+
+export const useNotificationsStore = defineStore('notifications', () => {
+    const settings = ref<NotificationSetting[]>([]);
+    const isLoading = ref(false);
+    const error = ref<string | null>(null);
+
+    const fetchSettings = async () => {
+        isLoading.value = true;
+        error.value = null;
+        try {
+            const response = await axios.get<NotificationSetting[]>('/api/v1/notifications');
+            settings.value = response.data;
+        } catch (err: any) {
+            console.error('Error fetching notification settings:', err);
+            error.value = err.response?.data?.message || '获取通知设置失败';
+            settings.value = []; // Clear settings on error
+        } finally {
+            isLoading.value = false;
+        }
+    };
+
+    const addSetting = async (settingData: NotificationSettingData): Promise<NotificationSetting | null> => {
+        isLoading.value = true;
+        error.value = null;
+        try {
+            const response = await axios.post<NotificationSetting>('/api/v1/notifications', settingData);
+            settings.value.push(response.data);
+            return response.data;
+        } catch (err: any) {
+            console.error('Error adding notification setting:', err);
+            error.value = err.response?.data?.message || '添加通知设置失败';
+            return null;
+        } finally {
+            isLoading.value = false;
+        }
+    };
+
+    const updateSetting = async (id: number, settingData: Partial<NotificationSettingData>): Promise<NotificationSetting | null> => {
+        isLoading.value = true;
+        error.value = null;
+        try {
+            const response = await axios.put<NotificationSetting>(`/api/v1/notifications/${id}`, settingData);
+            const index = settings.value.findIndex(s => s.id === id);
+            if (index !== -1) {
+                settings.value[index] = response.data;
+            } else {
+                // If not found locally, maybe fetch again or just add it
+                settings.value.push(response.data);
+            }
+            return response.data;
+        } catch (err: any) {
+            console.error(`Error updating notification setting ${id}:`, err);
+            error.value = err.response?.data?.message || '更新通知设置失败';
+            return null;
+        } finally {
+            isLoading.value = false;
+        }
+    };
+
+    const deleteSetting = async (id: number): Promise<boolean> => {
+        isLoading.value = true;
+        error.value = null;
+        try {
+            await axios.delete(`/api/v1/notifications/${id}`);
+            settings.value = settings.value.filter(s => s.id !== id);
+            return true;
+        } catch (err: any) {
+            console.error(`Error deleting notification setting ${id}:`, err);
+            error.value = err.response?.data?.message || '删除通知设置失败';
+            return false;
+        } finally {
+            isLoading.value = false;
+        }
+    };
+
+    const testSetting = async (id: number, config: any): Promise<{ success: boolean; message: string }> => {
+        // Note: We don't set isLoading here as it might interfere with the main form submission state.
+        // The component handles its own 'testingNotification' state.
+        error.value = null; // Clear previous general errors
+        try {
+            // Send the config to test in the request body
+            const response = await axios.post<{ message: string }>(`/api/v1/notifications/${id}/test`, { config });
+            return { success: true, message: response.data.message || '测试成功' };
+        } catch (err: any) {
+            console.error(`Error testing notification setting ${id}:`, err);
+            // Don't set the main 'error' ref here, let the component handle test-specific errors/results.
+            // Throw the error so the component's catch block can handle it.
+            throw err; // Re-throw the error to be caught in the component
+        }
+        // No finally block needed here as loading state is managed in the component
+    };
+
+
+    // Computed property to get settings by type (example)
+    const webhookSettings = computed(() => settings.value.filter(s => s.channel_type === 'webhook'));
+    const emailSettings = computed(() => settings.value.filter(s => s.channel_type === 'email'));
+    const telegramSettings = computed(() => settings.value.filter(s => s.channel_type === 'telegram'));
+
+    return {
+        settings,
+        isLoading,
+        error,
+        fetchSettings,
+        addSetting,
+        updateSetting,
+        deleteSetting,
+        testSetting, // Add the new function here
+        webhookSettings,
+        emailSettings,
+        telegramSettings,
+    };
+});