feat： events list

composables/useEventTarget.ts

@@ -0,0 +1,24 @@
+export const useEventTarget = () => {
+  const { $api } = useNuxtApp();
+  return {
+    // 获取所有通知目标列表
+    async getEventsTargetList() {
+      return await $api.get('/target/list');
+    },
+
+    //新增或更新通知目标
+    async updateEventTarget(target_type: string, target_name: string, targetData: any) {
+      return await $api.put(`/target/${target_type}/${target_name}`, targetData);
+    },
+
+    // 删除通知目标
+    async deleteEventTarget(target_type: string, target_name: string) {
+      return await $api.delete(`/target/${target_type}/${target_name}/reset`);
+    },
+
+    // 获取所有通知目标 ARN 列表
+    async getEventTargetArnList() {
+      return await $api.get('/target/arns');
+    },
+  };
+};

pages/events-target/index.vue

@@ -42,24 +42,33 @@
 import { Icon } from '#components';
 import { NButton, NSpace, type DataTableColumns, NPopconfirm } from 'naive-ui';
 import { useI18n } from 'vue-i18n';
-const message = useMessage();
+const { getEventsTargetList, deleteEventTarget } = useEventTarget();
 
 const { t } = useI18n();
+const message = useMessage();
 const searchTerm = ref('');
 
 interface RowData {
-  type: string;
+  account_id: string;
+  service: string;
+  status: string;
 }
 
 const columns: DataTableColumns<RowData> = [
   {
-    title: t('Status'),
-    key: 'bucket',
-    width: 180,
+    title: t('Event Destinations'),
+    key: 'account_id',
+    width: 220,
   },
   {
-    title: t('Service'),
-    key: 'endpoint',
+    title: t('Type'),
+    key: 'service',
+  },
+
+  {
+    title: t('Status'),
+    key: 'status',
+    width: 160,
   },
 
   {
@@ -99,11 +108,10 @@ const columns: DataTableColumns<RowData> = [
 ];
 
 const { data, refresh } = await useAsyncData(
-  'tier',
+  'events',
   async () => {
-    // const response = await usetier.listTiers();
-    // return response;
-    return [];
+    const response = await getEventsTargetList();
+    return response.notification_endpoints;
   },
   { default: () => [] }
 );
@@ -115,23 +123,22 @@ const filteredData = computed(() => {
 
   const term = searchTerm.value.toLowerCase();
   return data.value.filter(
-    (tier: any) =>
-      tier.name.toLowerCase().includes(term) ||
-      tier.endpoint.toLowerCase().includes(term) ||
-      tier.bucket.toLowerCase().includes(term)
+    (item: RowData) =>
+      item.account_id?.toLowerCase().includes(term) ||
+      item.service?.toLowerCase().includes(term) ||
+      item.status?.toLowerCase().includes(term)
   );
 });
 
 const deleteItem = async (row: RowData) => {
-  // usetier
-  //   .removeTiers(config.name)
-  //   .then(() => {
-  //     message.success(t("Delete Success"));
-  //     refresh();
-  //   })
-  //   .catch((error) => {
-  //     message.error(t("Delete Failed"));
-  //   });
+  deleteEventTarget(row.service, row.account_id)
+    .then(() => {
+      message.success(t('Delete Success'));
+      refresh();
+    })
+    .catch(error => {
+      message.error(t('Delete Failed'));
+    });
 };
 
 const newFormRef = ref();

public/site.webmanifest

@@ -1 +1 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
+{"name":"","short_name":"","icons":[{"src":"/rustfs/console/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/rustfs/console/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}