d0526c06b7
展开区灰底可读;行内详情只拉最近一条同步记录,去掉「最近 N 条」文案。 Co-authored-by: Cursor <cursoragent@cursor.com>
1 line
4.6 KiB
JavaScript
1 line
4.6 KiB
JavaScript
import{n as e,t}from"./useSnackbar-CO6aWXDh.js";import{n,t as r}from"./VRow-D9Aymv3q.js";import{$r as i,Br as a,Jt as o,Nr as s,X as c,_ as l,_r as u,cr as d,fr as f,h as p,hr as m,jr as h,l as g,m as _,pr as v,qr as y,ri as b,vr as x,y as S,yr as C}from"./index-CvdPgWXX.js";import{t as w}from"./usePageActivateRefresh-BUjb3V-U.js";import{n as T}from"./dataTable-esDY4cOk.js";import{r as E,t as D}from"./VCard-B3sNPlnu.js";import{t as O}from"./VSelect-CmROeO-f.js";import{t as k}from"./VDataTableServer-D_zdGyLL.js";var A={class:`font-weight-medium`},j={class:`text-body-2`},M={class:`text-caption text-medium-emphasis`},N=C({name:`AlertsPage`,__name:`AlertsPage`,setup(C){let N=t(),P=y(!1),F=y([]),I=y(0),L=y(1),R=y(null),z=y(null),B=y([{label:`今日告警`,value:`0`,color:`blue`,icon:`mdi-alert`},{label:`活跃告警`,value:`0`,color:`orange`,icon:`mdi-bell-ring`},{label:`已恢复`,value:`0`,color:`green`,icon:`mdi-check-circle`},{label:`Top 服务器`,value:`—`,color:`red`,icon:`mdi-server`}]),V=[{label:`CPU`,value:`cpu`},{label:`内存`,value:`memory`},{label:`磁盘`,value:`disk`},{label:`连接`,value:`connection`}],H=[{label:`活跃`,value:`active`},{label:`已恢复`,value:`recovered`}],U=T([{title:`类型`,key:`alert_type`,width:100},{title:`服务器`,key:`server_name`},{title:`详情`,key:`value`},{title:`状态`,key:`is_recovery`,width:100},{title:`时间`,key:`created_at`,width:160}]);async function W(){try{let e=await o.get(`/alert-history/stats`);B.value[0].value=String(e.today||0),B.value[1].value=String(e.active||0),B.value[2].value=String(e.recovered||0),B.value[3].value=e.top_server||`—`}catch{N(`加载统计失败`,`error`)}}async function G(e=!1){e||(P.value=!0);try{let e=await o.get(`/alert-history/`,{page:L.value,per_page:20,type:R.value||void 0,status:z.value||void 0});F.value=e.items||[],I.value=e.total||0}catch{F.value=[]}finally{e||(P.value=!1)}}function K(e){return e===`cpu`||e===`CPU`?`error`:e===`memory`||e===`内存`?`warning`:e===`disk`||e===`磁盘`?`info`:`primary`}function q(e){return e===`cpu`||e===`CPU`?`mdi-chip`:e===`memory`||e===`内存`?`mdi-memory`:e===`disk`||e===`磁盘`?`mdi-harddisk`:`mdi-lan-disconnect`}async function J(e=!1){await Promise.all([W(),G(e)])}return w(e=>J(e)),(t,o)=>(h(),v(e,{fluid:``,class:`pa-6`},{default:a(()=>[x(r,{class:`mb-4`},{default:a(()=>[(h(!0),m(d,null,s(B.value,e=>(h(),v(n,{cols:`12`,sm:`6`,lg:`3`,key:e.label},{default:a(()=>[x(g,{elevation:`0`,lines:`two`,rounded:`lg`,border:``},{default:a(()=>[x(_,null,{append:a(()=>[x(c,{color:e.color,size:`30`},{default:a(()=>[u(b(e.icon),1)]),_:2},1032,[`color`])]),default:a(()=>[x(p,{class:`text-body-small`},{default:a(()=>[u(b(e.label),1)]),_:2},1024),x(p,null,{default:a(()=>[u(b(e.value),1)]),_:2},1024)]),_:2},1024)]),_:2},1024)]),_:2},1024))),128))]),_:1}),x(D,{elevation:`0`,border:``,rounded:`lg`},{default:a(()=>[x(E,{class:`d-flex align-center`},{default:a(()=>[o[5]||=u(` 告警历史 `,-1),x(l),x(O,{modelValue:R.value,"onUpdate:modelValue":[o[0]||=e=>R.value=e,o[1]||=e=>{L.value=1,G()}],items:V,"item-title":`label`,"item-value":`value`,label:`类型`,variant:`outlined`,density:`compact`,"hide-details":``,style:{"max-width":`140px`},clearable:``},null,8,[`modelValue`]),x(O,{modelValue:z.value,"onUpdate:modelValue":[o[2]||=e=>z.value=e,o[3]||=e=>{L.value=1,G()}],items:H,"item-title":`label`,"item-value":`value`,label:`状态`,variant:`outlined`,density:`compact`,"hide-details":``,style:{"max-width":`140px`},class:`ml-3`,clearable:``},null,8,[`modelValue`])]),_:1}),x(k,{items:F.value,headers:i(U),"items-length":I.value,loading:P.value,page:L.value,"items-per-page":20,hover:``,density:`comfortable`,"onUpdate:page":o[4]||=e=>{L.value=e,G()}},{"item.alert_type":a(({item:e})=>[x(S,{color:K(e.alert_type),size:`small`,variant:`tonal`,label:``},{prepend:a(()=>[x(c,{size:`12`},{default:a(()=>[u(b(q(e.alert_type)),1)]),_:2},1024)]),default:a(()=>[u(` `+b(e.alert_type),1)]),_:2},1032,[`color`])]),"item.server_name":a(({item:e})=>[f(`span`,A,b(e.server_name),1)]),"item.value":a(({item:e})=>[f(`span`,j,b(e.value),1)]),"item.is_recovery":a(({item:e})=>[e.is_recovery?(h(),v(S,{key:0,color:`success`,size:`small`,variant:`tonal`,label:``},{default:a(()=>[...o[6]||=[u(`已恢复`,-1)]]),_:1})):(h(),v(S,{key:1,color:`error`,size:`small`,variant:`tonal`,label:``},{default:a(()=>[...o[7]||=[u(`告警中`,-1)]]),_:1}))]),"item.created_at":a(({item:e})=>[f(`span`,M,b(e.created_at),1)]),"no-data":a(()=>[...o[8]||=[f(`div`,{class:`text-center text-medium-emphasis py-6`},`暂无数据`,-1)]]),_:1},8,[`items`,`headers`,`items-length`,`loading`,`page`])]),_:1})]),_:1}))}});export{N as default}; |