发布 0.1.0:通知渠道、告警规则与多项体验修复

src/components/logs/LogEventPanel.vue

@@ -1,10 +1,11 @@
 <script setup lang="ts">
-import { NDataTable, NModal, NPopover, useMessage, type DataTableColumns } from 'naive-ui'
+import { NButton, NDataTable, NModal, NPopover, type DataTableColumns } from 'naive-ui'
 import { computed, h, reactive, ref } from 'vue'
 import { useRouter } from 'vue-router'
 
 import { listConfigs } from '@/api/configs'
 import { listLogEvents } from '@/api/logevents'
+import AlertRuleModal from '@/components/logs/AlertRuleModal.vue'
 import DetailFieldList, { type DetailRow } from '@/components/DetailFieldList.vue'
 import DetailHero, { type HeroChip } from '@/components/DetailHero.vue'
 import FootNote from '@/components/FootNote.vue'
@@ -18,8 +19,9 @@ import { useAsync } from '@/composables/useAsync'
 import { useRegionAlias } from '@/composables/useRegionAlias'
 import { useScopeStore } from '@/stores/scope'
 import type { LogEvent, OciConfigSummary } from '@/types/api'
+import { useToast } from '@/composables/useToast'
 
-const message = useMessage()
+const message = useToast()
 const router = useRouter()
 const scope = useScopeStore()
 const { alias: regionAlias } = useRegionAlias()
@@ -39,6 +41,7 @@ const cfgById = computed(() => {
 
 const detail = ref<LogEvent | null>(null)
 const showDetail = ref(false)
+const showRules = ref(false)
 
 /** 受控远程分页:字面量对象会在重渲染时被重建导致状态丢失 */
 const pagination = reactive({
@@ -219,16 +222,19 @@ useAutoRefresh(() => load(true))
           OCI 侧推送的关键审计事件(Connector Hub → Notifications → 面板 webhook)
         </div>
       </div>
-      <TenantPicker
-        v-model:value="cfgFilter"
-        size="small"
-        clearable
-        placeholder="全部租户"
-        class="w-52"
-        :configs="scope.configs.data ?? []"
-        :loading="scope.configs.loading"
-        @update:value="onFilter"
-      />
+      <div class="flex flex-wrap items-center gap-2">
+        <NButton size="small" @click="showRules = true">告警规则</NButton>
+        <TenantPicker
+          v-model:value="cfgFilter"
+          size="small"
+          clearable
+          placeholder="全部租户"
+          class="w-52"
+          :configs="scope.configs.data ?? []"
+          :loading="scope.configs.loading"
+          @update:value="onFilter"
+        />
+      </div>
     </div>
     <NDataTable
       remote
@@ -245,9 +251,12 @@ useAutoRefresh(() => load(true))
       在租户详情「其他」tab 一键创建链路后,实例生命周期(Launch/Terminate/InstanceAction)、
       用户与凭据(Create/Delete/UpdateUser、Create/DeleteApiKey、UpdateUserCapabilities)、
       区域订阅与策略变更等关键审计事件将自动回传;消息按 MessageId 幂等去重,保留 90
-      天、总量超 2 万条时删除最旧,关键事件另经「通知管理 → 云端事件」推送告警
+      天、总量超 2 万条时删除最旧,关键事件另经「通知管理 → 云端事件」推送告警;
+      更细粒度的条件告警(事件/来源 IP/资源/频率)在「告警规则」中配置
     </FootNote>
 
+    <AlertRuleModal v-model:show="showRules" />
+
     <NModal v-model:show="showDetail" preset="card" closable :style="{ width: '720px', maxWidth: 'calc(100vw - 24px)' }">
       <template #header>
         <DetailHero