cancan-microstack 0.0.1__py3-none-any.whl

cancan_microstack/assets/www/adminops/assets/RateLimitManage-DJY4NiF-.js

@@ -0,0 +1 @@
+import{K as de,r as b,x as G,E as m,d as re,v as ce,a as me,o as _e,g as j,b as E,w as a,c as X,h as Y,i as l,y as M,e as n,t as w,j as h,l as g,n as pe,B as ve,F as fe,L as be,_ as ye}from"./index-CiFlm8oc.js";import{P as we}from"./PageContainer-Byss-yUC.js";import{n as he,o as ge,p as ke,q as Ve,r as Re,v as xe,w as Ce,x as Le,y as Ue,z as Be,A as Ie}from"./caddy-nnCKf8fG.js";const qe=de("caddyRateLimit",()=>{const D=b([]),c=b(null),x=b(null),r=b(!1),V=b(null),k=G(()=>D.value.filter(u=>u.is_enabled)),C=G(()=>D.value.filter(u=>!u.is_enabled)),y=async u=>{r.value=!0,V.value=null;try{const s=await he(u);return D.value=s.rules||[],s}catch(s){throw V.value=s,m.error("获取限流规则失败"),s}finally{r.value=!1}},L=async u=>{r.value=!0;try{const s=await ge(u);return c.value=s,s}catch(s){throw m.error("获取限流规则详情失败"),s}finally{r.value=!1}},P=async u=>{r.value=!0;try{const s=await ke(u);return m.success(s.message||"限流规则创建成功"),await y(),await I(),s}catch(s){throw m.error("创建限流规则失败"),s}finally{r.value=!1}},z=async(u,s)=>{r.value=!0;try{const d=await Ve(u,s);return m.success(d.message||"限流规则更新成功"),await y(),await I(),d}catch(d){throw m.error("更新限流规则失败"),d}finally{r.value=!1}},o=async u=>{r.value=!0;try{const s=await Re(u);return m.success(s.message||"限流规则删除成功"),await y(),await I(),s}catch(s){throw m.error("删除限流规则失败"),s}finally{r.value=!1}},N=async u=>{r.value=!0;try{const s=await xe(u);return m.success(s.message||"规则状态切换成功"),await y(),await I(),s}catch(s){throw m.error("切换限流规则状态失败"),s}finally{r.value=!1}},q=async(u,s)=>{r.value=!0;try{const d=await Ce(u,{ips:s});return m.success(d.message||"白名单已添加"),await y(),d}catch(d){throw m.error("添加白名单失败"),d}finally{r.value=!1}},U=async(u,s)=>{r.value=!0;try{const d=await Le(u,{ips:s});return m.success(d.message||"白名单已移除"),await y(),d}catch(d){throw m.error("移除白名单失败"),d}finally{r.value=!1}},p=async(u,s)=>{r.value=!0;try{const d=await Ue(u,{ips:s});return m.success(d.message||"黑名单已添加"),await y(),d}catch(d){throw m.error("添加黑名单失败"),d}finally{r.value=!1}},B=async(u,s)=>{r.value=!0;try{const d=await Be(u,{ips:s});return m.success(d.message||"黑名单已移除"),await y(),d}catch(d){throw m.error("移除黑名单失败"),d}finally{r.value=!1}},I=async()=>{try{const u=await Ie();return x.value={total:u.total,enabled:u.enabled,disabled:u.disabled,by_match_type:u.by_match_type||{},total_whitelist_ips:u.total_whitelist_ips||0,total_blacklist_ips:u.total_blacklist_ips||0},x.value}catch(u){throw m.error("获取限流统计失败"),u}};return{rules:D,currentRule:c,statistics:x,loading:r,error:V,enabledRules:k,disabledRules:C,fetchRules:y,fetchRuleDetail:L,createRule:P,updateRule:z,deleteRule:o,toggleRule:N,addWhitelist:q,removeWhitelist:U,addBlacklist:p,removeBlacklist:B,fetchStatistics:I,clearData:()=>{D.value=[],c.value=null,x.value=null,V.value=null}}}),De={key:0,class:"stats-cards mb-6"},ze={class:"stat-content"},$e={class:"stat-info"},Ee={class:"stat-value"},Me={class:"stat-content"},Pe={class:"stat-info"},Se={class:"stat-value"},Te={class:"stat-content"},We={class:"stat-info"},Fe={class:"stat-value"},Ne={class:"flex flex-col gap-1"},Ae={class:"text-sm text-secondary"},Ke={class:"action-buttons"},je={class:"ip-chips"},Xe={key:0,class:"text-secondary"},Ye=re({__name:"RateLimitManage",setup(D){const c=qe(),{rules:x,loading:r,statistics:V}=ce(c),k=me({match_type:void 0,is_enabled:void 0}),C=b(!1),y=b(!1),L=b(!1),P=b(),z=b(null),o=b({rule_name:"",description:"",match_type:"path",match_pattern:"/v1/besrv/*",match_domain:"",limit_type:"request",limit_value:30,limit_window:60,limit_key:"ip",block_status_code:429,block_message:"Too Many Requests",is_enabled:!0}),N={rule_name:[{required:!0,message:"请输入规则名称",trigger:"blur"}],match_type:[{required:!0,message:"请选择匹配类型",trigger:"change"}],match_pattern:[{required:!0,message:"请输入匹配模式",trigger:"blur"}],limit_type:[{required:!0,message:"请选择限流类型",trigger:"change"}],limit_value:[{required:!0,message:"请输入限流值",trigger:"blur"}],limit_window:[{required:!0,message:"请输入时间窗口",trigger:"blur"}],limit_key:[{required:!0,message:"请选择限流键",trigger:"change"}]},q=b(!1),U=b("whitelist"),p=b(null),B=b(""),I=G(()=>p.value?U.value==="whitelist"?p.value.whitelist_ips||[]:p.value.blacklist_ips||[]:[]),H=i=>i.split(",").map(e=>e.trim()).filter(e=>e.length>0),u=()=>{o.value={rule_name:"",description:"",match_type:"path",match_pattern:"/v1/besrv/*",match_domain:"",limit_type:"request",limit_value:30,limit_window:60,limit_key:"ip",block_status_code:429,block_message:"Too Many Requests",is_enabled:!0}},s=()=>{y.value=!1,z.value=null,u(),C.value=!0},d=i=>{y.value=!0,z.value=i.id,o.value={rule_name:i.rule_name,description:i.description,match_type:i.match_type,match_pattern:i.match_pattern,match_domain:i.match_domain,limit_type:i.limit_type,limit_value:i.limit_value,limit_window:i.limit_window,limit_key:i.limit_key,block_status_code:i.block_status_code,block_message:i.block_message,is_enabled:i.is_enabled,whitelist_ips:i.whitelist_ips,blacklist_ips:i.blacklist_ips,rule_metadata:i.rule_metadata},C.value=!0},O=async()=>{P.value&&await P.value.validate(async i=>{if(i){L.value=!0;try{if(y.value&&z.value){const e={...o.value};await c.updateRule(z.value,e)}else await c.createRule(o.value);C.value=!1}finally{L.value=!1}}})},Q=async i=>{await c.toggleRule(i.id)},Z=async i=>{try{await be.confirm(`确定删除限流规则「${i.rule_name}」吗？`,"删除确认",{type:"warning",confirmButtonText:"确定",cancelButtonText:"取消"}),await c.deleteRule(i.id)}catch{}},ee=i=>{U.value="whitelist",p.value=i,B.value="",q.value=!0},le=i=>{U.value="blacklist",p.value=i,B.value="",q.value=!0},te=async()=>{if(!p.value)return;const i=H(B.value);if(i.length!==0){L.value=!0;try{U.value==="whitelist"?await c.addWhitelist(p.value.id,i):await c.addBlacklist(p.value.id,i),B.value="";const e=x.value.find(v=>v.id===p.value?.id);e&&(p.value=e)}finally{L.value=!1}}},ae=async i=>{if(!p.value)return;U.value==="whitelist"?await c.removeWhitelist(p.value.id,[i]):await c.removeBlacklist(p.value.id,[i]);const e=x.value.find(v=>v.id===p.value?.id);e&&(p.value=e)},se=async()=>{await c.fetchRules({match_type:k.match_type,is_enabled:k.is_enabled})},ie=async()=>{k.match_type=void 0,k.is_enabled=void 0,await c.fetchRules()},ne=async()=>{await c.fetchRules(),await c.fetchStatistics()};return _e(async()=>{await c.fetchRules(),await c.fetchStatistics()}),(i,e)=>{const v=h("el-button"),S=h("el-card"),_=h("el-option"),T=h("el-select"),f=h("el-form-item"),A=h("el-form"),R=h("el-table-column"),F=h("el-tag"),ue=h("el-table"),$=h("el-input"),K=h("el-input-number"),oe=h("el-switch"),J=h("el-dialog");return E(),j(we,{title:"限流管理",icon:"i-carbon-traffic-cone"},{actions:a(()=>[l(v,{type:"primary",onClick:s},{default:a(()=>[...e[19]||(e[19]=[n("i",{class:"i-carbon-add mr-2"},null,-1),n("span",null,"创建规则",-1)])]),_:1}),l(v,{onClick:ne},{default:a(()=>[...e[20]||(e[20]=[n("i",{class:"i-carbon-renew mr-2"},null,-1),n("span",null,"刷新",-1)])]),_:1})]),default:a(()=>[M(V)?(E(),X("div",De,[l(S,{class:"stat-card"},{default:a(()=>[n("div",ze,[e[22]||(e[22]=n("div",{class:"stat-icon stat-icon-primary"},[n("i",{class:"i-carbon-traffic-cone"})],-1)),n("div",$e,[e[21]||(e[21]=n("p",{class:"stat-label"},"总规则数",-1)),n("h3",Ee,w(M(V).total),1)])])]),_:1}),l(S,{class:"stat-card"},{default:a(()=>[n("div",Me,[e[24]||(e[24]=n("div",{class:"stat-icon stat-icon-success"},[n("i",{class:"i-carbon-checkmark"})],-1)),n("div",Pe,[e[23]||(e[23]=n("p",{class:"stat-label"},"启用中",-1)),n("h3",Se,w(M(V).enabled),1)])])]),_:1}),l(S,{class:"stat-card"},{default:a(()=>[n("div",Te,[e[26]||(e[26]=n("div",{class:"stat-icon stat-icon-warning"},[n("i",{class:"i-carbon-pause"})],-1)),n("div",We,[e[25]||(e[25]=n("p",{class:"stat-label"},"已禁用",-1)),n("h3",Fe,w(M(V).disabled),1)])])]),_:1})])):Y("",!0),l(S,{class:"filter-card mb-6"},{default:a(()=>[l(A,{inline:!0,model:k},{default:a(()=>[l(f,{label:"匹配类型"},{default:a(()=>[l(T,{modelValue:k.match_type,"onUpdate:modelValue":e[0]||(e[0]=t=>k.match_type=t),clearable:"",placeholder:"全部",style:{width:"160px"}},{default:a(()=>[l(_,{label:"全部",value:"all"}),l(_,{label:"路径",value:"path"}),l(_,{label:"域名",value:"domain"}),l(_,{label:"IP",value:"ip"}),l(_,{label:"请求头",value:"header"})]),_:1},8,["modelValue"])]),_:1}),l(f,{label:"状态"},{default:a(()=>[l(T,{modelValue:k.is_enabled,"onUpdate:modelValue":e[1]||(e[1]=t=>k.is_enabled=t),clearable:"",placeholder:"全部",style:{width:"120px"}},{default:a(()=>[l(_,{label:"启用",value:!0}),l(_,{label:"禁用",value:!1})]),_:1},8,["modelValue"])]),_:1}),l(f,null,{default:a(()=>[l(v,{type:"primary",onClick:se},{default:a(()=>[...e[27]||(e[27]=[g("查询",-1)])]),_:1}),l(v,{onClick:ie},{default:a(()=>[...e[28]||(e[28]=[g("重置",-1)])]),_:1})]),_:1})]),_:1},8,["model"])]),_:1}),l(S,null,{default:a(()=>[l(ue,{data:M(x),loading:M(r),stripe:"",class:"caddy-table"},{default:a(()=>[l(R,{prop:"id",label:"ID",width:"80"}),l(R,{prop:"rule_name",label:"规则名称","min-width":"160"}),l(R,{label:"匹配","min-width":"220"},{default:a(({row:t})=>[n("div",Ne,[l(F,{size:"small"},{default:a(()=>[g(w(t.match_type),1)]),_:2},1024),n("span",Ae,w(t.match_domain||t.match_pattern||"-"),1)])]),_:1}),l(R,{label:"阈值",width:"170"},{default:a(({row:t})=>[n("span",null,w(t.limit_value)+" / "+w(t.limit_window)+"s",1)]),_:1}),l(R,{label:"限流键",width:"110"},{default:a(({row:t})=>[l(F,{type:"info",size:"small"},{default:a(()=>[g(w(t.limit_key),1)]),_:2},1024)]),_:1}),l(R,{label:"白名单",width:"100",align:"center"},{default:a(({row:t})=>[g(w((t.whitelist_ips||[]).length),1)]),_:1}),l(R,{label:"黑名单",width:"100",align:"center"},{default:a(({row:t})=>[g(w((t.blacklist_ips||[]).length),1)]),_:1}),l(R,{label:"状态",width:"90",align:"center"},{default:a(({row:t})=>[l(F,{type:t.is_enabled?"success":"info",size:"small"},{default:a(()=>[g(w(t.is_enabled?"启用":"禁用"),1)]),_:2},1032,["type"])]),_:1}),l(R,{label:"操作",width:"340",fixed:"right"},{default:a(({row:t})=>[n("div",Ke,[l(v,{text:"",type:"primary",size:"small",onClick:W=>d(t)},{default:a(()=>[...e[29]||(e[29]=[n("i",{class:"i-carbon-edit"},null,-1),n("span",null,"编辑",-1)])]),_:1},8,["onClick"]),l(v,{text:"",size:"small",onClick:W=>ee(t)},{default:a(()=>[...e[30]||(e[30]=[n("i",{class:"i-carbon-list-boxes"},null,-1),n("span",null,"白名单",-1)])]),_:1},8,["onClick"]),l(v,{text:"",size:"small",onClick:W=>le(t)},{default:a(()=>[...e[31]||(e[31]=[n("i",{class:"i-carbon-list-checked"},null,-1),n("span",null,"黑名单",-1)])]),_:1},8,["onClick"]),l(v,{text:"",type:t.is_enabled?"warning":"success",size:"small",onClick:W=>Q(t)},{default:a(()=>[n("i",{class:pe(t.is_enabled?"i-carbon-pause":"i-carbon-play")},null,2),n("span",null,w(t.is_enabled?"禁用":"启用"),1)]),_:2},1032,["type","onClick"]),l(v,{text:"",type:"danger",size:"small",onClick:W=>Z(t)},{default:a(()=>[...e[32]||(e[32]=[n("i",{class:"i-carbon-trash-can"},null,-1),n("span",null,"删除",-1)])]),_:1},8,["onClick"])])]),_:1})]),_:1},8,["data","loading"])]),_:1}),l(J,{modelValue:C.value,"onUpdate:modelValue":e[15]||(e[15]=t=>C.value=t),title:y.value?"编辑限流规则":"创建限流规则",width:"760px","close-on-click-modal":!1},{footer:a(()=>[l(v,{onClick:e[14]||(e[14]=t=>C.value=!1)},{default:a(()=>[...e[33]||(e[33]=[g("取消",-1)])]),_:1}),l(v,{type:"primary",loading:L.value,onClick:O},{default:a(()=>[...e[34]||(e[34]=[g("确定",-1)])]),_:1},8,["loading"])]),default:a(()=>[l(A,{ref_key:"formRef",ref:P,model:o.value,rules:N,"label-width":"130px"},{default:a(()=>[l(f,{label:"规则名称",prop:"rule_name"},{default:a(()=>[l($,{modelValue:o.value.rule_name,"onUpdate:modelValue":e[2]||(e[2]=t=>o.value.rule_name=t)},null,8,["modelValue"])]),_:1}),l(f,{label:"描述"},{default:a(()=>[l($,{modelValue:o.value.description,"onUpdate:modelValue":e[3]||(e[3]=t=>o.value.description=t)},null,8,["modelValue"])]),_:1}),l(f,{label:"匹配类型",prop:"match_type"},{default:a(()=>[l(T,{modelValue:o.value.match_type,"onUpdate:modelValue":e[4]||(e[4]=t=>o.value.match_type=t),style:{width:"100%"}},{default:a(()=>[l(_,{label:"路径",value:"path"}),l(_,{label:"域名",value:"domain"}),l(_,{label:"IP",value:"ip"}),l(_,{label:"请求头",value:"header"}),l(_,{label:"全部",value:"all"})]),_:1},8,["modelValue"])]),_:1}),o.value.match_type!=="all"?(E(),j(f,{key:0,label:"匹配模式",prop:"match_pattern"},{default:a(()=>[l($,{modelValue:o.value.match_pattern,"onUpdate:modelValue":e[5]||(e[5]=t=>o.value.match_pattern=t),placeholder:"例如: /v1/besrv/* 或 X-API-KEY:abc"},null,8,["modelValue"])]),_:1})):Y("",!0),l(f,{label:"匹配域名"},{default:a(()=>[l($,{modelValue:o.value.match_domain,"onUpdate:modelValue":e[6]||(e[6]=t=>o.value.match_domain=t),placeholder:"可选，例如 api.local"},null,8,["modelValue"])]),_:1}),l(f,{label:"限流类型",prop:"limit_type"},{default:a(()=>[l(T,{modelValue:o.value.limit_type,"onUpdate:modelValue":e[7]||(e[7]=t=>o.value.limit_type=t),style:{width:"100%"}},{default:a(()=>[l(_,{label:"请求数",value:"request"}),l(_,{label:"带宽",value:"bandwidth"})]),_:1},8,["modelValue"])]),_:1}),l(f,{label:"限流值",prop:"limit_value"},{default:a(()=>[l(K,{modelValue:o.value.limit_value,"onUpdate:modelValue":e[8]||(e[8]=t=>o.value.limit_value=t),min:1},null,8,["modelValue"])]),_:1}),l(f,{label:"时间窗口(秒)",prop:"limit_window"},{default:a(()=>[l(K,{modelValue:o.value.limit_window,"onUpdate:modelValue":e[9]||(e[9]=t=>o.value.limit_window=t),min:1},null,8,["modelValue"])]),_:1}),l(f,{label:"限流键",prop:"limit_key"},{default:a(()=>[l(T,{modelValue:o.value.limit_key,"onUpdate:modelValue":e[10]||(e[10]=t=>o.value.limit_key=t),style:{width:"100%"}},{default:a(()=>[l(_,{label:"客户端 IP",value:"ip"}),l(_,{label:"请求头",value:"header"}),l(_,{label:"Cookie",value:"cookie"}),l(_,{label:"路径",value:"path"})]),_:1},8,["modelValue"])]),_:1}),l(f,{label:"状态码"},{default:a(()=>[l(K,{modelValue:o.value.block_status_code,"onUpdate:modelValue":e[11]||(e[11]=t=>o.value.block_status_code=t),min:100,max:599},null,8,["modelValue"])]),_:1}),l(f,{label:"返回消息"},{default:a(()=>[l($,{modelValue:o.value.block_message,"onUpdate:modelValue":e[12]||(e[12]=t=>o.value.block_message=t)},null,8,["modelValue"])]),_:1}),l(f,{label:"启用状态"},{default:a(()=>[l(oe,{modelValue:o.value.is_enabled,"onUpdate:modelValue":e[13]||(e[13]=t=>o.value.is_enabled=t)},null,8,["modelValue"])]),_:1})]),_:1},8,["model"])]),_:1},8,["modelValue","title"]),l(J,{modelValue:q.value,"onUpdate:modelValue":e[18]||(e[18]=t=>q.value=t),title:U.value==="whitelist"?"管理白名单":"管理黑名单",width:"620px"},{footer:a(()=>[l(v,{onClick:e[17]||(e[17]=t=>q.value=!1)},{default:a(()=>[...e[35]||(e[35]=[g("关闭",-1)])]),_:1}),l(v,{type:"primary",loading:L.value,onClick:te},{default:a(()=>[...e[36]||(e[36]=[g("添加",-1)])]),_:1},8,["loading"])]),default:a(()=>[l(A,{"label-width":"90px"},{default:a(()=>[l(f,{label:"当前列表"},{default:a(()=>[n("div",je,[(E(!0),X(fe,null,ve(I.value,t=>(E(),j(F,{key:t,closable:"",onClose:W=>ae(t)},{default:a(()=>[g(w(t),1)]),_:2},1032,["onClose"]))),128)),I.value.length===0?(E(),X("span",Xe,"暂无 IP")):Y("",!0)])]),_:1}),l(f,{label:"新增 IP"},{default:a(()=>[l($,{modelValue:B.value,"onUpdate:modelValue":e[16]||(e[16]=t=>B.value=t),placeholder:"支持逗号分隔，例如 1.1.1.1,2.2.2.2"},null,8,["modelValue"])]),_:1})]),_:1})]),_:1},8,["modelValue","title"])]),_:1})}}}),Oe=ye(Ye,[["__scopeId","data-v-449af0a5"]]);export{Oe as default};

cancan_microstack/assets/www/adminops/assets/RouteManage-DaUQ4QLw.css

@@ -0,0 +1 @@
+.stats-cards[data-v-26d584fd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-4)}.stat-card[data-v-26d584fd]{border:none;background:var(--bg-elevated);transition:all var(--duration-base) var(--ease-in-out)}.stat-card[data-v-26d584fd]:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.stat-content[data-v-26d584fd]{display:flex;align-items:center;gap:var(--spacing-4)}.stat-icon[data-v-26d584fd]{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px}.stat-icon-primary[data-v-26d584fd]{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.stat-icon-success[data-v-26d584fd]{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff}.stat-icon-warning[data-v-26d584fd]{background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:#fff}.stat-icon-error[data-v-26d584fd]{background:linear-gradient(135deg,var(--error-500),var(--error-600));color:#fff}.stat-info[data-v-26d584fd]{flex:1}.stat-label[data-v-26d584fd]{color:var(--text-secondary);font-size:14px;margin:0 0 4px}.stat-value[data-v-26d584fd]{color:var(--text-primary);font-size:28px;font-weight:600;margin:0}.filter-card[data-v-26d584fd]{border:none;background:var(--bg-elevated)}.caddy-table[data-v-26d584fd]{--el-table-bg-color: var(--bg-elevated);--el-table-tr-bg-color: var(--bg-elevated);--el-table-header-bg-color: var(--bg-secondary)}.action-buttons[data-v-26d584fd]{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.action-buttons .el-button[data-v-26d584fd]{padding:4px 8px}@media (max-width: 768px){.stats-cards[data-v-26d584fd]{grid-template-columns:1fr}}

cancan_microstack/assets/www/adminops/assets/RouteManage-w9XCU0UA.js

@@ -0,0 +1 @@
+import{K as ne,r as g,x as T,E as p,d as oe,v as ue,a as re,o as ie,g as S,b as B,w as t,e as n,i as a,h as q,y,j as _,t as b,l as h,n as de,L as O,_ as ce}from"./index-CiFlm8oc.js";import{g as me,a as _e,c as pe,u as fe,d as ve,t as be,s as ye,b as he,e as ge}from"./caddy-nnCKf8fG.js";import{P as we}from"./PageContainer-Byss-yUC.js";const Ve=ne("caddyRoute",()=>{const R=g([]),c=g(null),D=g(null),i=g(!1),f=g(null),m=T(()=>R.value.filter(u=>u.is_enabled)),k=T(()=>R.value.filter(u=>!u.is_enabled)),C=T(()=>R.value.filter(u=>u.enable_waf??u.waf_enabled)),$=T(()=>{const u={};return R.value.forEach(r=>{u[r.domain]||(u[r.domain]=[]),u[r.domain].push(r)}),u}),E=T(()=>{const u={};return R.value.forEach(r=>{const w=r.service_name||r.upstream_service||"unknown";u[w]||(u[w]=[]),u[w].push(r)}),u}),o=async u=>{i.value=!0,f.value=null;try{const r=await me(u);return R.value=r.routes,r}catch(r){throw f.value=r,p.error("获取路由列表失败"),r}finally{i.value=!1}};return{routes:R,currentRoute:c,statistics:D,loading:i,error:f,enabledRoutes:m,disabledRoutes:k,wafEnabledRoutes:C,routesByDomain:$,routesByService:E,fetchRoutes:o,fetchRouteDetail:async u=>{i.value=!0;try{const r=await _e(u);return c.value=r,r}catch(r){throw p.error("获取路由详情失败"),r}finally{i.value=!1}},createRoute:async u=>{i.value=!0;try{const r=await pe(u);return p.success(r.message||"路由创建成功"),await o(),r}catch(r){throw p.error("创建路由失败"),r}finally{i.value=!1}},updateRoute:async(u,r)=>{i.value=!0;try{const w=await fe(u,r);return p.success(w.message||"路由更新成功"),await o(),w}catch(w){throw p.error("更新路由失败"),w}finally{i.value=!1}},deleteRoute:async u=>{i.value=!0;try{const r=await ve(u);return p.success(r.message||"路由删除成功"),await o(),r}catch(r){throw p.error("删除路由失败"),r}finally{i.value=!1}},toggleRoute:async u=>{try{const r=await be(u);return p.success(r.message||"状态切换成功"),await o(),r}catch(r){throw p.error("切换状态失败"),r}},syncRoutes:async()=>{i.value=!0;try{const u=await ye();return p.success(u.message||"同步成功"),await o(),u}catch(u){throw p.error("同步失败"),u}finally{i.value=!1}},fetchStatistics:async()=>{try{const u=await he();return D.value=u,u}catch(u){throw p.error("获取统计信息失败"),u}},fetchRoutesByDomain:async u=>{i.value=!0;try{return await ge(u)}catch(r){throw p.error("获取域名路由失败"),r}finally{i.value=!1}},clearData:()=>{R.value=[],c.value=null,D.value=null,f.value=null}}}),Re={class:"stats-cards mb-6"},ke={class:"stat-content"},xe={class:"stat-info"},Ce={class:"stat-value"},Ue={class:"stat-content"},Se={class:"stat-info"},Be={class:"stat-value"},De={class:"stat-content"},$e={class:"stat-info"},Ee={class:"stat-value"},Fe={class:"stat-content"},ze={class:"stat-info"},Te={class:"stat-value"},qe={class:"text-sm"},Ae={class:"text-sm"},Ne={class:"action-buttons"},Ie=oe({__name:"RouteManage",setup(R){const c=Ve(),{routes:D,loading:i,statistics:f}=ue(c),m=re({domain:"",service_name:"",is_enabled:void 0}),k=g(!1),C=g(!1),$=g(!1),E=g(),o=g({route_name:"",domain:"",path:"",service_name:"",upstream_address:"",priority:100,is_enabled:!0,waf_enabled:!1,waf_rules:[],load_balance_policy:"round_robin",health_check_path:"/internal/health",health_check_interval:30,timeout:60}),F=g(null),L={route_name:[{required:!0,message:"请输入路由名称",trigger:"blur"},{min:1,max:100,message:"长度需在 1-100 字符之间",trigger:"blur"}],domain:[{required:!0,message:"请输入域名",trigger:"blur"}],path:[{required:!0,message:"请输入路径",trigger:"blur"}],service_name:[{required:!0,message:"请输入服务名",trigger:"blur"}],upstream_address:[{required:!0,message:"请输入上游地址",trigger:"blur"}]},P=s=>s?{round_robin:"轮询",least_conn:"最少连接",ip_hash:"IP Hash"}[s]||s:"-",N=(s,e)=>{const v=`${s||""}${e||""}`.trim();return v?v.replace(/[^a-zA-Z0-9-_]/g,"-").replace(/-{2,}/g,"-").replace(/^-+|-+$/g,"").slice(0,100):""},W=s=>s.upstream_address?s.upstream_address:s.upstream_host?s.upstream_port?`${s.upstream_host}:${s.upstream_port}`:s.upstream_host:"",H=()=>{o.value.route_name||(o.value.route_name=N(o.value.domain,o.value.path))},K=()=>{C.value=!1,F.value=null,o.value={route_name:"",domain:"",path:"",service_name:"",upstream_address:"",priority:100,is_enabled:!0,waf_enabled:!1,waf_rules:[],load_balance_policy:"round_robin",health_check_path:"/internal/health",health_check_interval:30,timeout:60},k.value=!0},j=s=>{C.value=!0,F.value=s.id,o.value={route_name:s.route_name||N(s.domain,s.path||s.path_pattern||""),domain:s.domain,path:s.path||s.path_pattern||"",service_name:s.service_name||s.upstream_service||"",upstream_address:W(s),priority:s.priority,is_enabled:s.is_enabled,waf_enabled:s.enable_waf??s.waf_enabled,waf_rules:s.waf_rules||(s.waf_rule_set?s.waf_rule_set.split(","):[]),load_balance_policy:s.load_balance_strategy||s.load_balance_policy,health_check_path:s.health_check_path,health_check_interval:s.health_check_interval,timeout:s.timeout},k.value=!0},Q=async()=>{E.value&&(H(),await E.value.validate(async s=>{if(s){$.value=!0;try{C.value&&F.value?await c.updateRoute(F.value,o.value):await c.createRoute(o.value),k.value=!1}finally{$.value=!1}}}))},u=async s=>{await c.toggleRoute(s.id)},r=async s=>{try{await O.confirm(`确定要删除路由 "${s.domain}${s.path||s.path_pattern||""}" 吗？`,"删除确认",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}),await c.deleteRoute(s.id)}catch{}},w=async()=>{try{await O.confirm("确定要同步所有路由到Caddy吗？","同步确认",{confirmButtonText:"确定",cancelButtonText:"取消",type:"info"}),await c.syncRoutes()}catch{}},Y=async()=>{await c.fetchRoutes({domain:m.domain||void 0,service_name:m.service_name||void 0,is_enabled:m.is_enabled})},ee=async()=>{m.domain="",m.service_name="",m.is_enabled=void 0,await c.fetchRoutes()},ae=async()=>{await c.fetchRoutes(),await c.fetchStatistics()};return ie(async()=>{try{await c.fetchRoutes()}catch(s){console.error("Failed to load routes:",s)}try{await c.fetchStatistics()}catch(s){console.error("Failed to load statistics:",s)}}),(s,e)=>{const v=_("el-button"),U=_("el-card"),x=_("el-input"),d=_("el-form-item"),z=_("el-option"),X=_("el-select"),Z=_("el-form"),V=_("el-table-column"),I=_("el-tag"),le=_("el-table"),M=_("el-input-number"),G=_("el-switch"),A=_("el-checkbox"),te=_("el-checkbox-group"),se=_("el-dialog");return B(),S(we,{title:"路由管理",icon:"i-carbon-router"},{actions:t(()=>[a(v,{type:"primary",onClick:K},{default:t(()=>[...e[18]||(e[18]=[n("i",{class:"i-carbon-add mr-2"},null,-1),n("span",null,"创建路由",-1)])]),_:1}),a(v,{onClick:w,loading:y(i)},{default:t(()=>[...e[19]||(e[19]=[n("i",{class:"i-carbon-sync-settings mr-2"},null,-1),n("span",null,"同步到Caddy",-1)])]),_:1},8,["loading"]),a(v,{onClick:ae},{default:t(()=>[...e[20]||(e[20]=[n("i",{class:"i-carbon-renew mr-2"},null,-1),n("span",null,"刷新",-1)])]),_:1})]),default:t(()=>[n("div",Re,[y(f)?(B(),S(U,{key:0,class:"stat-card"},{default:t(()=>[n("div",ke,[e[22]||(e[22]=n("div",{class:"stat-icon stat-icon-primary"},[n("i",{class:"i-carbon-router"})],-1)),n("div",xe,[e[21]||(e[21]=n("p",{class:"stat-label"},"总路由数",-1)),n("h3",Ce,b(y(f).total),1)])])]),_:1})):q("",!0),y(f)?(B(),S(U,{key:1,class:"stat-card"},{default:t(()=>[n("div",Ue,[e[24]||(e[24]=n("div",{class:"stat-icon stat-icon-success"},[n("i",{class:"i-carbon-checkmark"})],-1)),n("div",Se,[e[23]||(e[23]=n("p",{class:"stat-label"},"已启用",-1)),n("h3",Be,b(y(f).enabled),1)])])]),_:1})):q("",!0),y(f)?(B(),S(U,{key:2,class:"stat-card"},{default:t(()=>[n("div",De,[e[26]||(e[26]=n("div",{class:"stat-icon stat-icon-warning"},[n("i",{class:"i-carbon-warning"})],-1)),n("div",$e,[e[25]||(e[25]=n("p",{class:"stat-label"},"已禁用",-1)),n("h3",Ee,b(y(f).disabled),1)])])]),_:1})):q("",!0),y(f)?(B(),S(U,{key:3,class:"stat-card"},{default:t(()=>[n("div",Fe,[e[28]||(e[28]=n("div",{class:"stat-icon stat-icon-error"},[n("i",{class:"i-carbon-security"})],-1)),n("div",ze,[e[27]||(e[27]=n("p",{class:"stat-label"},"WAF已启用",-1)),n("h3",Te,b(y(f).waf_enabled_count),1)])])]),_:1})):q("",!0)]),a(U,{class:"filter-card mb-6"},{default:t(()=>[a(Z,{inline:!0,model:m},{default:t(()=>[a(d,{label:"域名"},{default:t(()=>[a(x,{modelValue:m.domain,"onUpdate:modelValue":e[0]||(e[0]=l=>m.domain=l),placeholder:"请输入域名",clearable:"",style:{width:"200px"}},null,8,["modelValue"])]),_:1}),a(d,{label:"服务名"},{default:t(()=>[a(x,{modelValue:m.service_name,"onUpdate:modelValue":e[1]||(e[1]=l=>m.service_name=l),placeholder:"请输入服务名",clearable:"",style:{width:"200px"}},null,8,["modelValue"])]),_:1}),a(d,{label:"状态"},{default:t(()=>[a(X,{modelValue:m.is_enabled,"onUpdate:modelValue":e[2]||(e[2]=l=>m.is_enabled=l),placeholder:"全部",clearable:"",style:{width:"120px"}},{default:t(()=>[a(z,{label:"已启用",value:!0}),a(z,{label:"已禁用",value:!1})]),_:1},8,["modelValue"])]),_:1}),a(d,null,{default:t(()=>[a(v,{type:"primary",onClick:Y},{default:t(()=>[...e[29]||(e[29]=[h("查询",-1)])]),_:1}),a(v,{onClick:ee},{default:t(()=>[...e[30]||(e[30]=[h("重置",-1)])]),_:1})]),_:1})]),_:1},8,["model"])]),_:1}),a(U,null,{default:t(()=>[a(le,{data:y(D),loading:y(i),stripe:"",style:{width:"100%"},class:"caddy-table"},{default:t(()=>[a(V,{prop:"id",label:"ID",width:"80"}),a(V,{label:"路由名称","min-width":"160"},{default:t(({row:l})=>[n("span",qe,b(l.route_name||"-"),1)]),_:1}),a(V,{prop:"domain",label:"域名","min-width":"150"}),a(V,{label:"路径","min-width":"150"},{default:t(({row:l})=>[n("span",null,b(l.path||l.path_pattern||"-"),1)]),_:1}),a(V,{label:"服务名",width:"140"},{default:t(({row:l})=>[n("span",null,b(l.service_name||l.upstream_service||"-"),1)]),_:1}),a(V,{label:"优先级",width:"90",align:"center"},{default:t(({row:l})=>[a(I,{size:"small"},{default:t(()=>[h(b(l.priority),1)]),_:2},1024)]),_:1}),a(V,{label:"状态",width:"90",align:"center"},{default:t(({row:l})=>[a(I,{type:l.is_enabled?"success":"info",size:"small"},{default:t(()=>[h(b(l.is_enabled?"启用":"禁用"),1)]),_:2},1032,["type"])]),_:1}),a(V,{label:"WAF",width:"80",align:"center"},{default:t(({row:l})=>[a(I,{type:l.enable_waf??l.waf_enabled?"danger":"info",size:"small"},{default:t(()=>[h(b(l.enable_waf??l.waf_enabled?"开启":"关闭"),1)]),_:2},1032,["type"])]),_:1}),a(V,{label:"负载均衡",width:"120"},{default:t(({row:l})=>[n("span",Ae,b(P(l.load_balance_strategy||l.load_balance_policy)),1)]),_:1}),a(V,{label:"操作",width:"260",fixed:"right"},{default:t(({row:l})=>[n("div",Ne,[a(v,{text:"",type:"primary",size:"small",onClick:J=>j(l)},{default:t(()=>[...e[31]||(e[31]=[n("i",{class:"i-carbon-edit"},null,-1),n("span",null,"编辑",-1)])]),_:1},8,["onClick"]),a(v,{text:"",type:l.is_enabled?"warning":"success",size:"small",onClick:J=>u(l)},{default:t(()=>[n("i",{class:de(l.is_enabled?"i-carbon-power":"i-carbon-play")},null,2),n("span",null,b(l.is_enabled?"禁用":"启用"),1)]),_:2},1032,["type","onClick"]),a(v,{text:"",type:"danger",size:"small",onClick:J=>r(l)},{default:t(()=>[...e[32]||(e[32]=[n("i",{class:"i-carbon-trash-can"},null,-1),n("span",null,"删除",-1)])]),_:1},8,["onClick"])])]),_:1})]),_:1},8,["data","loading"])]),_:1}),a(se,{modelValue:k.value,"onUpdate:modelValue":e[17]||(e[17]=l=>k.value=l),title:C.value?"编辑路由":"创建路由",width:"800px","close-on-click-modal":!1},{footer:t(()=>[a(v,{onClick:e[16]||(e[16]=l=>k.value=!1)},{default:t(()=>[...e[39]||(e[39]=[h("取消",-1)])]),_:1}),a(v,{type:"primary",onClick:Q,loading:$.value},{default:t(()=>[...e[40]||(e[40]=[h(" 确定 ",-1)])]),_:1},8,["loading"])]),default:t(()=>[a(Z,{ref_key:"formRef",ref:E,model:o.value,rules:L,"label-width":"140px"},{default:t(()=>[a(d,{label:"域名",prop:"domain"},{default:t(()=>[a(x,{modelValue:o.value.domain,"onUpdate:modelValue":e[3]||(e[3]=l=>o.value.domain=l),placeholder:"例如: api.example.com"},null,8,["modelValue"])]),_:1}),a(d,{label:"路由名称",prop:"route_name"},{default:t(()=>[a(x,{modelValue:o.value.route_name,"onUpdate:modelValue":e[4]||(e[4]=l=>o.value.route_name=l),placeholder:"可自定义路由名称，不填则自动生成"},null,8,["modelValue"])]),_:1}),a(d,{label:"路径",prop:"path"},{default:t(()=>[a(x,{modelValue:o.value.path,"onUpdate:modelValue":e[5]||(e[5]=l=>o.value.path=l),placeholder:"例如: /v1/besrv/*"},null,8,["modelValue"])]),_:1}),a(d,{label:"服务名",prop:"service_name"},{default:t(()=>[a(x,{modelValue:o.value.service_name,"onUpdate:modelValue":e[6]||(e[6]=l=>o.value.service_name=l),placeholder:"例如: besrv"},null,8,["modelValue"])]),_:1}),a(d,{label:"上游地址",prop:"upstream_address"},{default:t(()=>[a(x,{modelValue:o.value.upstream_address,"onUpdate:modelValue":e[7]||(e[7]=l=>o.value.upstream_address=l),placeholder:"例如: besrv.service:8080"},null,8,["modelValue"])]),_:1}),a(d,{label:"优先级",prop:"priority"},{default:t(()=>[a(M,{modelValue:o.value.priority,"onUpdate:modelValue":e[8]||(e[8]=l=>o.value.priority=l),min:0,max:1e3},null,8,["modelValue"])]),_:1}),a(d,{label:"负载均衡策略",prop:"load_balance_policy"},{default:t(()=>[a(X,{modelValue:o.value.load_balance_policy,"onUpdate:modelValue":e[9]||(e[9]=l=>o.value.load_balance_policy=l),style:{width:"100%"}},{default:t(()=>[a(z,{label:"轮询(Round Robin)",value:"round_robin"}),a(z,{label:"最少连接(Least Conn)",value:"least_conn"}),a(z,{label:"IP Hash",value:"ip_hash"})]),_:1},8,["modelValue"])]),_:1}),a(d,{label:"健康检查路径",prop:"health_check_path"},{default:t(()=>[a(x,{modelValue:o.value.health_check_path,"onUpdate:modelValue":e[10]||(e[10]=l=>o.value.health_check_path=l),placeholder:"例如: /internal/health"},null,8,["modelValue"])]),_:1}),a(d,{label:"健康检查间隔"},{default:t(()=>[a(M,{modelValue:o.value.health_check_interval,"onUpdate:modelValue":e[11]||(e[11]=l=>o.value.health_check_interval=l),min:10,max:300},null,8,["modelValue"]),e[33]||(e[33]=n("span",{class:"ml-2 text-secondary"},"秒",-1))]),_:1}),a(d,{label:"超时时间"},{default:t(()=>[a(M,{modelValue:o.value.timeout,"onUpdate:modelValue":e[12]||(e[12]=l=>o.value.timeout=l),min:10,max:300},null,8,["modelValue"]),e[34]||(e[34]=n("span",{class:"ml-2 text-secondary"},"秒",-1))]),_:1}),a(d,{label:"启用状态"},{default:t(()=>[a(G,{modelValue:o.value.is_enabled,"onUpdate:modelValue":e[13]||(e[13]=l=>o.value.is_enabled=l)},null,8,["modelValue"])]),_:1}),a(d,{label:"启用WAF"},{default:t(()=>[a(G,{modelValue:o.value.waf_enabled,"onUpdate:modelValue":e[14]||(e[14]=l=>o.value.waf_enabled=l)},null,8,["modelValue"])]),_:1}),o.value.waf_enabled?(B(),S(d,{key:0,label:"WAF规则"},{default:t(()=>[a(te,{modelValue:o.value.waf_rules,"onUpdate:modelValue":e[15]||(e[15]=l=>o.value.waf_rules=l)},{default:t(()=>[a(A,{label:"sqli"},{default:t(()=>[...e[35]||(e[35]=[h("SQL注入",-1)])]),_:1}),a(A,{label:"xss"},{default:t(()=>[...e[36]||(e[36]=[h("XSS攻击",-1)])]),_:1}),a(A,{label:"rce"},{default:t(()=>[...e[37]||(e[37]=[h("远程代码执行",-1)])]),_:1}),a(A,{label:"lfi"},{default:t(()=>[...e[38]||(e[38]=[h("本地文件包含",-1)])]),_:1})]),_:1},8,["modelValue"])]),_:1})):q("",!0)]),_:1},8,["model"])]),_:1},8,["modelValue","title"])]),_:1})}}}),We=ce(Ie,[["__scopeId","data-v-26d584fd"]]);export{We as default};

cancan_microstack/assets/www/adminops/assets/ServiceCard-BFzHe6Tw.css

@@ -0,0 +1 @@
+.service-card[data-v-ca27daff]{height:100%;border-radius:var(--radius-lg);border:1px solid var(--border-secondary);background:var(--bg-elevated);transition:all var(--duration-base) var(--ease-in-out)}.service-card[data-v-ca27daff]:hover{border-color:var(--primary-500);box-shadow:var(--shadow-md)}.service-icon[data-v-ca27daff]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary-50);margin-right:12px;flex-shrink:0}.service-icon i[data-v-ca27daff]{font-size:24px;color:var(--primary-500)}.service-title[data-v-ca27daff]{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:4px;line-height:1.4}.service-stats[data-v-ca27daff]{margin-top:16px}.stat-item[data-v-ca27daff]{padding:12px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-tertiary)}.stat-value[data-v-ca27daff]{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-value-success[data-v-ca27daff]{color:var(--success-500)}.stat-value-error[data-v-ca27daff]{color:var(--error-500)}.stat-label[data-v-ca27daff]{font-size:12px;color:var(--text-tertiary);margin-top:4px}.progress-header[data-v-ca27daff]{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.status-expectation[data-v-ca27daff]{border-top:1px solid var(--border-tertiary);padding-top:10px}.status-row[data-v-ca27daff]{display:flex;align-items:center;gap:8px;font-size:12px}.status-label[data-v-ca27daff]{color:var(--text-secondary)}.status-sep[data-v-ca27daff]{color:var(--text-tertiary)}.replica-row[data-v-ca27daff]{margin-top:6px;font-size:12px;color:var(--text-tertiary)}

cancan_microstack/assets/www/adminops/assets/ServiceCard-BJUhWnA-.js

@@ -0,0 +1 @@
+import{d as q,r as p,x as c,g as J,b as O,j as m,w as o,e as s,c as K,h as Q,i as a,t as l,m as W,l as r,y as T,E,_ as Z}from"./index-CiFlm8oc.js";import{a as A}from"./service-BYlgGPs_.js";import{n as V,S as k,a as ee,b as se,O as v}from"./service-operation-6GzLw2Z1.js";import{S as te,a as ae,O as oe}from"./OperationProgressDialog-BdEYwqFq.js";const ne={class:"flex items-start justify-between mb-4"},le={class:"flex items-center flex-1"},re={class:"flex-1"},ie={class:"service-title"},ce={class:"service-stats grid grid-cols-3 gap-4"},de={class:"stat-item text-center"},ue={class:"stat-value"},me={class:"stat-item text-center"},ve={class:"stat-value stat-value-success"},pe={class:"stat-item text-center"},_e={class:"stat-value stat-value-error"},fe={class:"status-expectation mt-3"},Se={class:"status-row"},ge={class:"replica-row"},Te={key:0,class:"mt-4"},Ee={class:"progress-header"},be=q({__name:"ServiceCard",props:{service:{},showProgress:{type:Boolean,default:!0}},emits:["click","detail","config","refresh","logs"],setup(I,{emit:x}){const n=I,d=x,_=p(!1),f=p(!1),b=p(v.RESTART),C=p(),R=c(()=>V(n.service.expected_status,A.RUNNING)),w=c(()=>V(n.service.actual_status,A.STOPPED)),S=c(()=>n.service.total_instances===0?0:Math.round(n.service.healthy_instances/n.service.total_instances*100)),N=c(()=>{const t=S.value;return t>=90?"#67C23A":t>=60?"#E6A23C":"#F56C6C"}),P=c(()=>k[R.value]),D=c(()=>k[w.value]),h=c(()=>ee[R.value]),G=c(()=>se[w.value]),i={DETAIL:"detail",CONFIG:"config",REFRESH:"refresh",LOGS:"logs"},U=()=>{d("click",n.service)},F=t=>{switch(t){case i.DETAIL:d("detail",n.service);break;case i.CONFIG:d("config",n.service);break;case i.REFRESH:d("refresh",n.service);break;case i.LOGS:d("logs",n.service);break;case v.RESTART:case v.START:case v.STOP:b.value=t,_.value=!0;break}},M=t=>{C.value=t,f.value=!0},L=()=>{E.success("操作成功"),d("refresh",n.service)},B=()=>{E.success("操作成功完成"),d("refresh",n.service)},z=t=>{E.error(`操作失败: ${t.error_message||"未知错误"}`)};return(t,e)=>{const H=m("el-button"),u=m("el-dropdown-item"),j=m("el-dropdown-menu"),X=m("el-dropdown"),y=m("el-tag"),Y=m("el-progress"),$=m("el-card");return O(),J($,{class:"service-card cursor-pointer hover:shadow-lg transition-shadow duration-300","body-style":{padding:"20px"},onClick:U},{default:o(()=>[s("div",ne,[s("div",le,[e[3]||(e[3]=s("div",{class:"service-icon"},[s("i",{class:"i-carbon-application"})],-1)),s("div",re,[s("h3",ie,l(t.service.service_name),1),a(te,{status:t.service.overall_status,type:"service",size:"small"},null,8,["status"])])]),s("div",{onClick:e[0]||(e[0]=W(()=>{},["stop"]))},[a(X,{trigger:"click",onCommand:F},{dropdown:o(()=>[a(j,null,{default:o(()=>[a(u,{command:i.DETAIL},{default:o(()=>[...e[5]||(e[5]=[s("i",{class:"i-carbon-information mr-2"},null,-1),r("查看详情 ",-1)])]),_:1},8,["command"]),a(u,{command:i.CONFIG},{default:o(()=>[...e[6]||(e[6]=[s("i",{class:"i-carbon-settings mr-2"},null,-1),r("配置管理 ",-1)])]),_:1},8,["command"]),a(u,{command:i.REFRESH},{default:o(()=>[...e[7]||(e[7]=[s("i",{class:"i-carbon-renew mr-2"},null,-1),r("刷新状态 ",-1)])]),_:1},8,["command"]),a(u,{divided:"",command:i.LOGS},{default:o(()=>[...e[8]||(e[8]=[s("i",{class:"i-carbon-document mr-2"},null,-1),r("操作日志 ",-1)])]),_:1},8,["command"]),a(u,{command:T(v).RESTART},{default:o(()=>[...e[9]||(e[9]=[s("i",{class:"i-carbon-restart mr-2"},null,-1),r("重启服务 ",-1)])]),_:1},8,["command"]),a(u,{command:T(v).START},{default:o(()=>[...e[10]||(e[10]=[s("i",{class:"i-carbon-play mr-2"},null,-1),r("启动服务 ",-1)])]),_:1},8,["command"]),a(u,{command:T(v).STOP},{default:o(()=>[...e[11]||(e[11]=[s("i",{class:"i-carbon-stop mr-2"},null,-1),r("停止服务 ",-1)])]),_:1},8,["command"])]),_:1})]),default:o(()=>[a(H,{text:"",circle:""},{default:o(()=>[...e[4]||(e[4]=[s("i",{class:"i-carbon-overflow-menu-vertical text-lg"},null,-1)])]),_:1})]),_:1})])]),s("div",ce,[s("div",de,[s("div",ue,l(t.service.total_instances),1),e[12]||(e[12]=s("div",{class:"stat-label"},"总实例数",-1))]),s("div",me,[s("div",ve,l(t.service.healthy_instances),1),e[13]||(e[13]=s("div",{class:"stat-label"},"健康实例",-1))]),s("div",pe,[s("div",_e,l(t.service.unhealthy_instances),1),e[14]||(e[14]=s("div",{class:"stat-label"},"异常实例",-1))])]),s("div",fe,[s("div",Se,[e[15]||(e[15]=s("span",{class:"status-label"},"期望",-1)),a(y,{size:"small",type:h.value},{default:o(()=>[r(l(P.value),1)]),_:1},8,["type"]),e[16]||(e[16]=s("span",{class:"status-sep"},"/",-1)),e[17]||(e[17]=s("span",{class:"status-label"},"实际",-1)),a(y,{size:"small",type:G.value},{default:o(()=>[r(l(D.value),1)]),_:1},8,["type"])]),s("div",ge," 副本 "+l(t.service.actual_replicas??t.service.total_instances)+" / "+l(t.service.desired_replicas??1),1)]),t.showProgress?(O(),K("div",Te,[s("div",Ee,[e[18]||(e[18]=s("span",null,"健康率",-1)),s("span",null,l(S.value)+"%",1)]),a(Y,{percentage:S.value,color:N.value,"show-text":!1},null,8,["percentage","color"])])):Q("",!0),a(ae,{modelValue:_.value,"onUpdate:modelValue":e[1]||(e[1]=g=>_.value=g),operation:b.value,"service-names":[t.service.service_name],onOperationSubmitted:M,onSuccess:L},null,8,["modelValue","operation","service-names"]),a(oe,{modelValue:f.value,"onUpdate:modelValue":e[2]||(e[2]=g=>f.value=g),"operation-id":C.value,onSuccess:B,onError:z},null,8,["modelValue","operation-id"])]),_:1})}}}),Oe=Z(be,[["__scopeId","data-v-ca27daff"]]);export{Oe as S};

cancan_microstack/assets/www/adminops/assets/ServiceDetail-Cw24WuKp.js

@@ -0,0 +1 @@
+import{d as te,c as p,b as c,z as xe,g as A,h as V,A as Ve,j as u,w as s,i as a,e,t as i,l as _,y as b,_ as ae,v as De,x as y,D as Pe,r as N,G as Ue,o as Le,q as He,H as $e,F as ze,E as G}from"./index-CiFlm8oc.js";import{H as w,L as h,u as Me,a as M}from"./service-BYlgGPs_.js";import{O as r,n as Q,S as Z,a as Ye,b as Ge}from"./service-operation-6GzLw2Z1.js";import{P as Be}from"./PageContainer-Byss-yUC.js";import{S as Y,a as qe,O as Fe}from"./OperationProgressDialog-BdEYwqFq.js";import{_ as We}from"./AppEmpty.vue_vue_type_script_setup_true_lang-BOKUurnM.js";import{f as se,a as ne}from"./format-Cuzxgna9.js";const Xe={class:"instance-list"},je={class:"instance-id-cell"},Ke={class:"instance-id-text"},Je={key:0,class:"font-mono text-sm"},Qe={key:1,class:"text-gray-400"},Ze={key:1,class:"text-gray-400"},et={key:0,class:"heartbeat-cell"},tt={class:"heartbeat-time"},at={class:"heartbeat-relative"},st={key:1,class:"text-gray-400"},nt={class:"action-buttons"},lt=te({__name:"InstanceList",props:{instances:{},loading:{type:Boolean}},emits:["detail"],setup(le,{emit:O}){const I=new Set([h.UP,h.RUNNING,h.STARTED,h.HEALTHY]),T=new Set([h.DOWN,h.STOPPED,h.FAILED,h.UNHEALTHY,h.ERROR]),D=O,C=d=>{D("detail",d)},f=d=>{const m=d.health_status?.toString().toLowerCase();if(m===w.HEALTHY||m===w.UNHEALTHY)return m;if(!d.health_status||m===w.UNKNOWN){const l=d.status?.toString().toUpperCase();if(l&&I.has(l))return w.HEALTHY;if(l&&T.has(l))return w.UNHEALTHY}return d.health_status||w.UNKNOWN};return(d,m)=>{const l=u("el-table-column"),S=u("el-tag"),k=u("el-button"),P=u("el-table"),U=Ve("loading");return c(),p("div",Xe,[xe((c(),A(P,{data:d.instances,stripe:"",style:{width:"100%"}},{default:s(()=>[a(l,{prop:"instance_id",label:"实例 ID","min-width":"200"},{default:s(({row:n})=>[e("div",je,[m[0]||(m[0]=e("i",{class:"i-carbon-container-software instance-icon"},null,-1)),e("span",Ke,i(n.instance_id),1)])]),_:1}),a(l,{prop:"host",label:"主机","min-width":"150"}),a(l,{prop:"port",label:"端口",width:"100"}),a(l,{prop:"container_name",label:"容器名称","min-width":"150"},{default:s(({row:n})=>[n.container_name?(c(),p("span",Je,i(n.container_name),1)):(c(),p("span",Qe,"-"))]),_:1}),a(l,{prop:"status",label:"运行状态",width:"120"},{default:s(({row:n})=>[a(Y,{status:n.status,type:"instance",size:"small"},null,8,["status"])]),_:1}),a(l,{prop:"health_status",label:"健康状态",width:"120"},{default:s(({row:n})=>[a(Y,{status:f(n),type:"health",size:"small"},null,8,["status"])]),_:1}),a(l,{prop:"version",label:"版本",width:"100"},{default:s(({row:n})=>[n.version?(c(),A(S,{key:0,size:"small",effect:"plain"},{default:s(()=>[_(" v"+i(n.version),1)]),_:2},1024)):(c(),p("span",Ze,"-"))]),_:1}),a(l,{prop:"last_heartbeat",label:"最后心跳","min-width":"180"},{default:s(({row:n})=>[n.last_heartbeat?(c(),p("div",et,[e("div",tt,i(b(se)(n.last_heartbeat)),1),e("div",at,i(b(ne)(n.last_heartbeat)),1)])):(c(),p("span",st,"无数据"))]),_:1}),a(l,{label:"元数据","min-width":"150"},{default:s(({row:n})=>[n.instance_metadata?.replica_index!==void 0?(c(),A(S,{key:0,size:"small",effect:"plain",class:"mr-1"},{default:s(()=>[_(" 副本 #"+i(n.instance_metadata.replica_index),1)]),_:2},1024)):V("",!0),n.metadata?.version||n.version?(c(),A(S,{key:1,size:"small",effect:"plain",class:"mr-1"},{default:s(()=>[_(" v"+i(n.metadata?.version||n.version),1)]),_:2},1024)):V("",!0),n.metadata?.environment?(c(),A(S,{key:2,size:"small",type:"info",effect:"plain"},{default:s(()=>[_(i(n.metadata.environment),1)]),_:2},1024)):V("",!0)]),_:1}),a(l,{label:"操作",width:"160",fixed:"right"},{default:s(({row:n})=>[e("div",nt,[a(k,{text:"",type:"primary",size:"small",class:"action-btn",onClick:B=>C(n)},{default:s(()=>[...m[1]||(m[1]=[e("i",{class:"i-carbon-information"},null,-1),e("span",null,"详情",-1)])]),_:1},8,["onClick"])])]),_:1})]),_:1},8,["data"])),[[U,d.loading]]),!d.loading&&d.instances.length===0?(c(),A(We,{key:0,type:"empty",description:"暂无实例数据"})):V("",!0)])}}}),ot=ae(lt,[["__scopeId","data-v-c80d8557"]]),it={class:"detail-actions"},ct={key:0,class:"stats-grid"},rt={class:"stat-item"},dt={class:"stat-value"},ut={class:"stat-item"},_t={class:"stat-item"},mt={class:"stat-value"},pt={class:"stat-item"},vt={class:"stat-value stat-value-success"},ft={class:"stat-item"},Tt={class:"stat-item"},St={class:"stat-item"},bt={class:"stat-value"},ht={key:1},yt={class:"flex items-center justify-between"},gt={key:0},Et={class:"heartbeat-time"},Rt={key:1,class:"empty-text"},Nt={key:0,class:"metadata-pre"},At={key:1,class:"empty-text"},It=1500,ee=10,wt=te({__name:"ServiceDetail",setup(le){const O=Pe(),I=He(),T=Me(),{currentInstances:D,instancesLoading:C}=De(T),f=y(()=>O.params.serviceName),d=N(!1),m=N(!1),l=N(null),S=N(!1),k=N(!1),P=N(),U={LOGS:"logs"},n={ACTION:"action"},B=[r.RESTART,r.START,r.STOP],oe=new Set(B),x=N({operation:r.RESTART,serviceNames:[]}),v=y(()=>T.getServiceByName(f.value)),q=y(()=>Q(v.value?.expected_status,M.RUNNING)),L=y(()=>Q(v.value?.actual_status,M.STOPPED)),ie=y(()=>Z[q.value]),ce=y(()=>Z[L.value]),re=y(()=>Ye[q.value]),de=y(()=>Ge[L.value]),ue=()=>{I.back()},_e=()=>{I.push({name:"ConfigManage",params:{serviceName:f.value}})},me=async()=>{await Promise.all([T.fetchServices(),g()])},pe=async()=>{await g()},ve=o=>{l.value=o,m.value=!0},g=async()=>{try{await T.fetchServiceInstances(f.value,d.value)}catch(o){console.error("Failed to fetch instances:",o)}},fe=o=>{switch(o){case U.LOGS:Te();break;case r.RESTART:F();break;case r.START:W();break;case r.STOP:X();break}},Te=()=>{I.push({name:"ServiceLogs",query:{serviceName:f.value}})},F=()=>{S.value=!0,x.value={operation:r.RESTART,serviceNames:[f.value]}},W=()=>{S.value=!0,x.value={operation:r.START,serviceNames:[f.value]}},X=()=>{S.value=!0,x.value={operation:r.STOP,serviceNames:[f.value]}},Se=o=>{P.value=o,k.value=!0},be=async()=>{G.success("操作成功"),await T.fetchServices(),await g()},he=async o=>{G.success("操作成功完成"),await Re(o)},ye=o=>{G.error(`操作失败: ${o.error_message||"未知错误"}`)},ge=o=>new Promise(t=>{setTimeout(t,o)}),Ee=o=>v.value?o.operation_type===r.STOP?L.value===M.STOPPED&&D.value.length===0:o.operation_type===r.START||o.operation_type===r.RESTART?L.value===M.RUNNING:!0:!1,Re=async o=>{for(let t=0;t<ee;t++){if(await Promise.all([T.fetchServices(),g()]),Ee(o))return;t<ee-1&&await ge(It)}};let H=null;const Ne=()=>{j(),H=window.setInterval(()=>{C.value||g()},6e4)},j=()=>{H!==null&&(clearInterval(H),H=null)};return Ue(f,()=>{g()},{immediate:!0}),Le(async()=>{T.services.length===0&&await T.fetchServices(),await g(),Ne();const o=O.query[n.ACTION];if(o&&oe.has(o))switch(I.replace({query:{...O.query,[n.ACTION]:void 0}}),o){case r.RESTART:F();break;case r.START:W();break;case r.STOP:X();break}}),$e(()=>{j()}),(o,t)=>{const $=u("el-button"),z=u("el-dropdown-item"),Ae=u("el-dropdown-menu"),Ie=u("el-dropdown"),K=u("el-tag"),we=u("el-skeleton"),J=u("el-card"),Oe=u("el-switch"),E=u("el-descriptions-item"),Ce=u("el-descriptions"),ke=u("el-dialog");return c(),A(Be,{title:`${f.value} 详情`,subtitle:"查看服务实例和运行状态",icon:"i-carbon-application"},{actions:s(()=>[e("div",it,[a($,{onClick:ue,class:"action-btn"},{default:s(()=>[...t[4]||(t[4]=[e("i",{class:"i-carbon-arrow-left"},null,-1),e("span",{class:"btn-text"},"返回",-1)])]),_:1}),a($,{type:"primary",onClick:_e,class:"action-btn"},{default:s(()=>[...t[5]||(t[5]=[e("i",{class:"i-carbon-settings"},null,-1),e("span",{class:"btn-text"},"配置",-1)])]),_:1}),a($,{onClick:me,loading:b(C),class:"action-btn"},{default:s(()=>[...t[6]||(t[6]=[e("i",{class:"i-carbon-renew"},null,-1),e("span",{class:"btn-text"},"刷新",-1)])]),_:1},8,["loading"]),a(Ie,{trigger:"click",onCommand:fe},{dropdown:s(()=>[a(Ae,null,{default:s(()=>[a(z,{command:U.LOGS},{default:s(()=>[...t[8]||(t[8]=[e("i",{class:"i-carbon-document mr-2"},null,-1),_("操作日志 ",-1)])]),_:1},8,["command"]),a(z,{divided:"",command:b(r).RESTART},{default:s(()=>[...t[9]||(t[9]=[e("i",{class:"i-carbon-restart mr-2"},null,-1),_("重启服务 ",-1)])]),_:1},8,["command"]),a(z,{command:b(r).START},{default:s(()=>[...t[10]||(t[10]=[e("i",{class:"i-carbon-play mr-2"},null,-1),_("启动服务 ",-1)])]),_:1},8,["command"]),a(z,{command:b(r).STOP},{default:s(()=>[...t[11]||(t[11]=[e("i",{class:"i-carbon-stop mr-2"},null,-1),_("停止服务 ",-1)])]),_:1},8,["command"])]),_:1})]),default:s(()=>[a($,{class:"action-btn"},{default:s(()=>[...t[7]||(t[7]=[e("i",{class:"i-carbon-overflow-menu-vertical"},null,-1),e("span",{class:"btn-text"},"操作",-1)])]),_:1})]),_:1})])]),default:s(()=>[a(J,{class:"mb-4"},{header:s(()=>[...t[12]||(t[12]=[e("span",{class:"text-lg font-semibold"},"服务概览",-1)])]),default:s(()=>[v.value?(c(),p("div",ct,[e("div",rt,[t[13]||(t[13]=e("div",{class:"stat-header"},[e("i",{class:"i-carbon-application stat-icon stat-icon-primary"}),e("span",{class:"stat-label"},"服务名称")],-1)),e("div",dt,i(v.value.service_name),1)]),e("div",ut,[t[14]||(t[14]=e("div",{class:"stat-header"},[e("i",{class:"i-carbon-health-cross stat-icon stat-icon-secondary"}),e("span",{class:"stat-label"},"整体状态")],-1)),a(Y,{status:v.value.overall_status,size:"large"},null,8,["status"])]),e("div",_t,[t[15]||(t[15]=e("div",{class:"stat-header"},[e("i",{class:"i-carbon-container-software stat-icon stat-icon-tertiary"}),e("span",{class:"stat-label"},"实例总数")],-1)),e("div",mt,i(v.value.total_instances),1)]),e("div",pt,[t[16]||(t[16]=e("div",{class:"stat-header"},[e("i",{class:"i-carbon-health-cross stat-icon stat-icon-success"}),e("span",{class:"stat-label"},"健康实例")],-1)),e("div",vt,i(v.value.healthy_instances)+" / "+i(v.value.total_instances),1)]),e("div",ft,[t[17]||(t[17]=e("div",{class:"stat-header"},[e("i",{class:"i-carbon-circle-dash stat-icon stat-icon-warning"}),e("span",{class:"stat-label"},"期望状态")],-1)),a(K,{size:"large",type:re.value},{default:s(()=>[_(i(ie.value),1)]),_:1},8,["type"])]),e("div",Tt,[t[18]||(t[18]=e("div",{class:"stat-header"},[e("i",{class:"i-carbon-debug stat-icon stat-icon-danger"}),e("span",{class:"stat-label"},"实际状态")],-1)),a(K,{size:"large",type:de.value},{default:s(()=>[_(i(ce.value),1)]),_:1},8,["type"])]),e("div",St,[t[19]||(t[19]=e("div",{class:"stat-header"},[e("i",{class:"i-carbon-chart-line-data stat-icon stat-icon-primary"}),e("span",{class:"stat-label"},"副本期望/实际")],-1)),e("div",bt,i(v.value.actual_replicas??v.value.total_instances)+" / "+i(v.value.desired_replicas??1),1)])])):(c(),p("div",ht,[a(we,{rows:2,animated:""})]))]),_:1}),a(J,null,{header:s(()=>[e("div",yt,[t[20]||(t[20]=e("span",{class:"text-lg font-semibold"},"实例列表",-1)),a(Oe,{modelValue:d.value,"onUpdate:modelValue":t[0]||(t[0]=R=>d.value=R),"active-text":"只看健康","inactive-text":"显示全部",onChange:pe},null,8,["modelValue"])])]),default:s(()=>[a(ot,{instances:b(D),loading:b(C),onDetail:ve},null,8,["instances","loading"])]),_:1}),a(ke,{modelValue:m.value,"onUpdate:modelValue":t[1]||(t[1]=R=>m.value=R),title:"实例详情",width:"600px"},{default:s(()=>[l.value?(c(),p("div",gt,[a(Ce,{column:1,border:""},{default:s(()=>[a(E,{label:"实例 ID"},{default:s(()=>[_(i(l.value.instance_id),1)]),_:1}),a(E,{label:"主机"},{default:s(()=>[_(i(l.value.host),1)]),_:1}),a(E,{label:"端口"},{default:s(()=>[_(i(l.value.port),1)]),_:1}),a(E,{label:"状态"},{default:s(()=>[a(Y,{status:l.value.status,type:"instance"},null,8,["status"])]),_:1}),a(E,{label:"健康检查路径"},{default:s(()=>[_(i(l.value.health_check_url),1)]),_:1}),a(E,{label:"最后心跳"},{default:s(()=>[l.value.last_heartbeat?(c(),p(ze,{key:0},[_(i(b(se)(l.value.last_heartbeat))+" ",1),e("span",Et," ("+i(b(ne)(l.value.last_heartbeat))+") ",1)],64)):(c(),p("span",Rt,"暂无数据"))]),_:1}),a(E,{label:"元数据"},{default:s(()=>[l.value.metadata?(c(),p("pre",Nt,i(JSON.stringify(l.value.metadata,null,2)),1)):(c(),p("span",At,"无"))]),_:1})]),_:1})])):V("",!0)]),_:1},8,["modelValue"]),a(qe,{modelValue:S.value,"onUpdate:modelValue":t[2]||(t[2]=R=>S.value=R),operation:x.value.operation,"service-names":x.value.serviceNames,onOperationSubmitted:Se,onSuccess:be},null,8,["modelValue","operation","service-names"]),a(Fe,{modelValue:k.value,"onUpdate:modelValue":t[3]||(t[3]=R=>k.value=R),"operation-id":P.value,onSuccess:he,onError:ye},null,8,["modelValue","operation-id"])]),_:1},8,["title"])}}}),Ut=ae(wt,[["__scopeId","data-v-e980caa6"]]);export{Ut as default};

cancan_microstack/assets/www/adminops/assets/ServiceDetail-Yum47zdB.css

@@ -0,0 +1 @@
+.instance-list[data-v-c80d8557]{width:100%}.instance-id-cell[data-v-c80d8557]{display:flex;align-items:center;gap:8px}.instance-icon[data-v-c80d8557]{color:var(--primary-500);font-size:16px;flex-shrink:0}.instance-id-text[data-v-c80d8557]{font-family:SF Mono,Consolas,Monaco,monospace;font-size:13px;color:var(--text-primary)}.heartbeat-cell[data-v-c80d8557]{display:flex;flex-direction:column;gap:4px}.heartbeat-time[data-v-c80d8557]{font-size:13px;color:var(--text-secondary)}.heartbeat-relative[data-v-c80d8557]{font-size:12px;color:var(--text-tertiary)}.action-buttons[data-v-c80d8557]{display:flex;gap:4px;align-items:center;justify-content:flex-start}.action-btn[data-v-c80d8557]{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;min-width:64px}.action-btn i[data-v-c80d8557]{font-size:16px}.action-btn span[data-v-c80d8557]{font-size:13px}[data-v-c80d8557] .el-table{--el-table-bg-color: var(--bg-elevated);--el-table-tr-bg-color: var(--bg-elevated);--el-table-header-bg-color: var(--bg-secondary);--el-table-row-hover-bg-color: var(--bg-secondary);--el-table-border-color: var(--border-secondary);--el-table-text-color: var(--text-primary);--el-table-header-text-color: var(--text-primary)}[data-v-c80d8557] .el-table th.el-table__cell{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}[data-v-c80d8557] .el-table td.el-table__cell{color:var(--text-primary)}[data-v-c80d8557] .el-table--striped .el-table__body tr.el-table__row--striped{--el-table-tr-bg-color: var(--bg-secondary)}[data-v-c80d8557] .el-table__empty-text{color:var(--text-tertiary)}.stats-grid[data-v-e980caa6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.stat-item[data-v-e980caa6]{padding:20px;background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-secondary);transition:all var(--duration-base) var(--ease-in-out)}.stat-item[data-v-e980caa6]:hover{border-color:var(--border-primary);box-shadow:var(--shadow-sm)}[data-v-e980caa6] .el-card{background:var(--bg-elevated);border-color:var(--border-secondary)}[data-v-e980caa6] .el-card__header{background:var(--bg-elevated);border-bottom-color:var(--border-secondary);color:var(--text-primary)}[data-v-e980caa6] .el-card__body{color:var(--text-primary)}.stat-header[data-v-e980caa6]{display:flex;align-items:center;margin-bottom:8px;gap:8px}.stat-icon[data-v-e980caa6]{font-size:20px}.stat-icon-primary[data-v-e980caa6]{color:var(--primary-500)}.stat-icon-secondary[data-v-e980caa6]{color:var(--text-secondary)}.stat-icon-tertiary[data-v-e980caa6]{color:var(--warning-500)}.stat-icon-success[data-v-e980caa6]{color:var(--success-500)}.stat-label[data-v-e980caa6]{font-size:14px;color:var(--text-secondary)}.stat-value[data-v-e980caa6]{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-value-success[data-v-e980caa6]{color:var(--success-500)}.heartbeat-time[data-v-e980caa6]{font-size:12px;color:var(--text-tertiary);margin-left:8px}.metadata-pre[data-v-e980caa6]{font-size:12px;background:var(--bg-secondary);padding:8px;border-radius:var(--radius-sm);color:var(--text-secondary);border:1px solid var(--border-tertiary)}.empty-text[data-v-e980caa6]{color:var(--text-tertiary);font-size:14px}.detail-actions[data-v-e980caa6]{display:flex;gap:8px;flex-wrap:wrap}.action-btn[data-v-e980caa6]{display:flex;align-items:center;gap:6px}@media (max-width: 767px){.detail-actions[data-v-e980caa6]{width:100%;flex-direction:column}.detail-actions[data-v-e980caa6] .el-dropdown{width:100%;display:block}.action-btn[data-v-e980caa6]{width:100%;margin-left:0!important;justify-content:center}.btn-text[data-v-e980caa6]{font-size:13px}[data-v-e980caa6] .el-card{margin-bottom:12px}[data-v-e980caa6] .el-card__header{padding:12px 16px}[data-v-e980caa6] .el-card__body{padding:16px}.grid-cols-1.md\:grid-cols-4[data-v-e980caa6]{gap:12px}.stat-item[data-v-e980caa6]{padding:12px}.stat-item .text-2xl[data-v-e980caa6]{font-size:1.5rem}}@media (min-width: 768px){.action-btn[data-v-e980caa6]{min-width:100px}}

cancan_microstack/assets/www/adminops/assets/ServiceList-C7ryvbhE.js

@@ -0,0 +1 @@
+import{d as $,v as j,r as z,x as m,o as K,g as c,b as n,w as a,e as t,z as O,i,j as f,t as _,y as l,A as W,c as b,h as G,F as H,B as J,l as V,C as Q,q as X,_ as Y}from"./index-CiFlm8oc.js";import{u as Z,S as k}from"./service-BYlgGPs_.js";import{u as ee}from"./useDebounce-BRlqfXqf.js";import{P as se}from"./PageContainer-Byss-yUC.js";import{S as te}from"./ServiceCard-BJUhWnA-.js";import{_ as ae}from"./AppEmpty.vue_vue_type_script_setup_true_lang-BOKUurnM.js";import"./service-operation-6GzLw2Z1.js";import"./OperationProgressDialog-BdEYwqFq.js";const le={class:"service-actions"},oe={class:"filter-section"},ne={class:"filter-count"},re={class:"filter-count"},ie={class:"filter-count"},ce={class:"filter-count"},ue={class:"min-h-400px"},ve={key:0,class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"},L="all",de=$({__name:"ServiceList",setup(pe){const u=X(),S=Z(),{services:w,loading:v,totalServices:x,healthyServices:R,unhealthyServices:D,partialServices:N}=j(S),o=ee("",300),d=z(L),T=m(()=>R.value.length),A=m(()=>D.value.length),B=m(()=>N.value.length),g=m(()=>{let s=w.value;if(d.value!==L&&(s=s.filter(e=>e.overall_status===d.value)),o.value){const e=o.value.toLowerCase();s=s.filter(y=>y.service_name.toLowerCase().includes(e))}return s}),h=async()=>{await S.refreshServices()},E=s=>{u.push({name:"ServiceDetail",params:{serviceName:s.service_name}})},I=s=>{u.push({name:"ServiceDetail",params:{serviceName:s.service_name}})},P=s=>{u.push({name:"ConfigManage",params:{serviceName:s.service_name}})},U=async s=>{await h()},F=s=>{u.push({name:"ServiceLogs",query:{serviceName:s.service_name}})};return K(async()=>{w.value.length===0&&await S.fetchServices()}),(s,e)=>{const y=f("el-input"),C=f("el-button"),p=f("el-radio-button"),q=f("el-radio-group"),M=W("loading");return n(),c(se,{title:"服务管理",subtitle:"管理和监控所有服务实例",icon:"i-carbon-application"},{actions:a(()=>[t("div",le,[i(y,{modelValue:l(o),"onUpdate:modelValue":e[0]||(e[0]=r=>Q(o)?o.value=r:null),placeholder:"搜索服务",class:"search-input",clearable:""},{prefix:a(()=>[...e[3]||(e[3]=[t("i",{class:"i-carbon-search"},null,-1)])]),_:1},8,["modelValue"]),i(C,{type:"primary",onClick:h,loading:l(v),class:"refresh-btn"},{default:a(()=>[...e[4]||(e[4]=[t("i",{class:"i-carbon-renew"},null,-1),t("span",{class:"btn-text"},"刷新",-1)])]),_:1},8,["loading"])])]),default:a(()=>[t("div",oe,[i(q,{modelValue:d.value,"onUpdate:modelValue":e[1]||(e[1]=r=>d.value=r),class:"status-filter-group"},{default:a(()=>[i(p,{value:L},{default:a(()=>[e[5]||(e[5]=t("span",{class:"filter-label"},"全部",-1)),t("span",ne,"("+_(l(x))+")",1)]),_:1}),i(p,{value:l(k).UP},{default:a(()=>[e[6]||(e[6]=t("span",{class:"filter-label"},"健康",-1)),t("span",re,"("+_(T.value)+")",1)]),_:1},8,["value"]),i(p,{value:l(k).PARTIAL},{default:a(()=>[e[7]||(e[7]=t("span",{class:"filter-label"},"部分异常",-1)),t("span",ie,"("+_(B.value)+")",1)]),_:1},8,["value"]),i(p,{value:l(k).DOWN},{default:a(()=>[e[8]||(e[8]=t("span",{class:"filter-label"},"异常",-1)),t("span",ce,"("+_(A.value)+")",1)]),_:1},8,["value"])]),_:1},8,["modelValue"])]),O((n(),b("div",ue,[!l(v)&&g.value.length>0?(n(),b("div",ve,[(n(!0),b(H,null,J(g.value,r=>(n(),c(te,{key:r.service_name,service:r,onClick:E,onDetail:I,onConfig:P,onRefresh:U,onLogs:F},null,8,["service"]))),128))])):!l(v)&&g.value.length===0?(n(),c(ae,{key:1,type:"empty",description:l(o)?"未找到匹配的服务":"暂无服务数据"},{extra:a(()=>[l(o)?(n(),c(C,{key:0,onClick:e[2]||(e[2]=r=>o.value="")},{default:a(()=>[...e[9]||(e[9]=[V(" 清空搜索 ",-1)])]),_:1})):(n(),c(C,{key:1,type:"primary",onClick:h},{default:a(()=>[...e[10]||(e[10]=[V(" 刷新数据 ",-1)])]),_:1}))]),_:1},8,["description"])):G("",!0)])),[[M,l(v)]])]),_:1})}}}),be=Y(de,[["__scopeId","data-v-2725162c"]]);export{be as default};

cancan_microstack/assets/www/adminops/assets/ServiceList-Cgd01fUx.css

@@ -0,0 +1 @@
+.min-h-400px[data-v-2725162c]{min-height:400px}.service-actions[data-v-2725162c]{display:flex;gap:12px;width:100%}.search-input[data-v-2725162c]{flex:1;min-width:0}.refresh-btn[data-v-2725162c]{flex-shrink:0}.filter-section[data-v-2725162c]{margin-bottom:16px}.status-filter-group[data-v-2725162c]{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 768px){.service-actions[data-v-2725162c]{flex-direction:column;gap:8px}.search-input[data-v-2725162c],.refresh-btn[data-v-2725162c]{width:100%}.btn-text[data-v-2725162c]{margin-left:4px}.status-filter-group[data-v-2725162c]{width:100%}.status-filter-group[data-v-2725162c] .el-radio-button{flex:1;min-width:0}.status-filter-group[data-v-2725162c] .el-radio-button__inner{width:100%;padding:8px 4px;font-size:12px;display:flex;flex-direction:column;gap:2px}.filter-label[data-v-2725162c]{font-weight:500}.filter-count[data-v-2725162c]{font-size:11px;opacity:.8}}@media (min-width: 769px){.search-input[data-v-2725162c]{width:250px}.btn-text[data-v-2725162c]{margin-left:6px}.status-filter-group[data-v-2725162c] .el-radio-button__inner{padding:9px 15px}.filter-label[data-v-2725162c]{margin-right:4px}}

cancan_microstack/assets/www/adminops/assets/ServiceLogs-COpG9H0h.js

@@ -0,0 +1 @@
+import{d as de,r as O,o as K,x as V,D as ue,g as f,b as n,w as l,i as e,c as d,h as b,z as A,e as o,j as _,l as c,y as k,O as ce,P as _e,F as L,B as I,Q as me,n as B,A as pe,t as u,m as X,R as ve,S as fe,T as ye,L as Z,_ as be}from"./index-CiFlm8oc.js";import{u as ge,A as he,i as ke,j as we,k as Ce}from"./service-operation-6GzLw2Z1.js";import{u as xe}from"./service-BYlgGPs_.js";import{P as Ve}from"./PageContainer-Byss-yUC.js";const Se={key:0},Te={key:0,class:"mobile-filter-header"},Ne={class:"mobile-filter-title"},ze={key:1,class:"mobile-filter-content"},Oe={class:"mobile-form-grid"},Ae={class:"mobile-filter-actions"},Le={key:2,class:"desktop-filter-container"},Ie={key:0},Be={key:0,class:"text-secondary font-mono text-xs"},Ue={key:1,class:"text-tertiary"},Ee={class:"action-detail"},Fe={class:"detail-json"},De={key:1,class:"text-tertiary"},Me={class:"error-message"},Pe={key:1,class:"text-tertiary"},Re={key:1,class:"mobile-logs-container"},je=["onClick"],Ge={class:"card-header"},$e={class:"card-id-status"},Ye={class:"log-id"},qe={class:"card-time"},Je={class:"card-body"},He={class:"service-info"},Qe={class:"service-name"},We={key:0,class:"instance-info"},Ke={class:"font-mono text-xs"},Xe={class:"trigger-info"},Ze={class:"card-actions"},et={key:0,class:"mobile-empty-state"},tt=de({__name:"ServiceLogs",setup(lt){const y=O(!1),ee=ue(),U=()=>{const i=window.innerWidth;y.value=i<768};K(()=>{U(),window.addEventListener("resize",U)});const te=ye,E=me,le=ce,S=ge(),F=xe(),C=V(()=>S.loading),T=V(()=>S.logs),s=O({service_name:void 0,action_type:void 0,action_status:void 0,limit:100}),D=V(()=>F.serviceNames),x=O(!1),N=V(()=>!!(s.value.service_name||s.value.action_type||s.value.action_status||s.value.limit&&s.value.limit!==100)),M=i=>he[i]||"info",P=i=>ke[i]||i,R=i=>we[i],j=i=>Ce[i],G=i=>new Date(i).toLocaleString("zh-CN"),w=async()=>{const i={};s.value.service_name&&(i.service_name=s.value.service_name),s.value.action_type&&(i.action_type=s.value.action_type),s.value.action_status&&(i.action_status=s.value.action_status),s.value.limit&&(i.limit=s.value.limit),await S.fetchLogs(i)},z=()=>{s.value={service_name:void 0,action_type:void 0,action_status:void 0,limit:100},w()},ae=()=>{w()},se=i=>{Z.alert(`<pre style="margin: 0; font-size: 12px; line-height: 1.6;">${JSON.stringify(i,null,2)}</pre>`,"操作详情",{dangerouslyUseHTMLString:!0,confirmButtonText:"关闭",showCancelButton:!1})},ie=i=>{Z.alert(i,"错误信息",{confirmButtonText:"关闭",showCancelButton:!1,type:"error"})},oe=i=>{console.log("点击了日志卡片:",i.id)};return K(async()=>{await F.fetchServiceNames();const i=ee.query.serviceName;i&&(s.value.service_name=i),await w()}),(i,a)=>{const m=_("el-button"),r=_("el-option"),g=_("el-select"),p=_("el-form-item"),$=_("el-input-number"),Y=_("el-form"),q=_("el-card"),v=_("el-table-column"),h=_("el-tag"),J=_("el-popover"),ne=_("el-table"),H=_("el-icon"),re=_("el-empty"),Q=pe("loading");return n(),f(Ve,{title:"服务操作日志",icon:"i-carbon-document"},{actions:l(()=>[e(m,{onClick:ae,loading:C.value,icon:k(te)},{default:l(()=>[y.value?b("",!0):(n(),d("span",Se,"刷新"))]),_:1},8,["loading","icon"])]),default:l(()=>[e(q,{class:B(["mb-4",y.value?"mobile-filter-container":"desktop-filter-container"])},{default:l(()=>[y.value?(n(),d("div",Te,[o("div",Ne,[a[10]||(a[10]=o("i",{class:"i-carbon-filter mr-2"},null,-1)),a[11]||(a[11]=o("span",null,"筛选条件",-1)),N.value?(n(),f(m,{key:0,link:"",type:"primary",size:"small",onClick:z,class:"ml-auto"},{default:l(()=>[...a[9]||(a[9]=[c(" 清除筛选 ",-1)])]),_:1})):b("",!0)]),e(m,{icon:k(le),circle:"",size:"small",type:x.value?"primary":"default",onClick:a[0]||(a[0]=t=>x.value=!x.value)},null,8,["icon","type"])])):b("",!0),y.value?A((n(),d("div",ze,[e(Y,{model:s.value,class:"mobile-form"},{default:l(()=>[o("div",Oe,[e(p,{label:"服务名称",class:"mobile-form-item"},{default:l(()=>[e(g,{modelValue:s.value.service_name,"onUpdate:modelValue":a[1]||(a[1]=t=>s.value.service_name=t),placeholder:"全部服务",clearable:"",filterable:"",style:{width:"100%"}},{default:l(()=>[(n(!0),d(L,null,I(D.value,t=>(n(),f(r,{key:t,label:t,value:t},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),e(p,{label:"操作类型",class:"mobile-form-item"},{default:l(()=>[e(g,{modelValue:s.value.action_type,"onUpdate:modelValue":a[2]||(a[2]=t=>s.value.action_type=t),placeholder:"全部类型",clearable:"",style:{width:"100%"}},{default:l(()=>[e(r,{label:"重启",value:"restart"}),e(r,{label:"启动",value:"start"}),e(r,{label:"停止",value:"stop"}),e(r,{label:"配置更新",value:"config_update"}),e(r,{label:"健康检查",value:"health_check"}),e(r,{label:"部署",value:"deploy"}),e(r,{label:"其他",value:"other"})]),_:1},8,["modelValue"])]),_:1}),e(p,{label:"操作状态",class:"mobile-form-item"},{default:l(()=>[e(g,{modelValue:s.value.action_status,"onUpdate:modelValue":a[3]||(a[3]=t=>s.value.action_status=t),placeholder:"全部状态",clearable:"",style:{width:"100%"}},{default:l(()=>[e(r,{label:"成功",value:"success"}),e(r,{label:"失败",value:"failed"}),e(r,{label:"进行中",value:"pending"})]),_:1},8,["modelValue"])]),_:1}),e(p,{label:"返回数量",class:"mobile-form-item"},{default:l(()=>[e($,{modelValue:s.value.limit,"onUpdate:modelValue":a[4]||(a[4]=t=>s.value.limit=t),min:10,max:500,step:10,style:{width:"100%"}},null,8,["modelValue"])]),_:1})]),o("div",Ae,[e(m,{icon:k(E),type:"primary",onClick:w},{default:l(()=>[...a[12]||(a[12]=[c(" 查询 ",-1)])]),_:1},8,["icon"]),e(m,{onClick:z,class:B(["clear-filter-btn",{"has-active":N.value}]),type:N.value?"danger":"default"},{default:l(()=>[...a[13]||(a[13]=[c(" 重置 ",-1)])]),_:1},8,["class","type"])])]),_:1},8,["model"])],512)),[[_e,x.value]]):(n(),d("div",Le,[e(Y,{model:s.value,inline:!0,class:"filter-form"},{default:l(()=>[e(p,{label:"服务名称"},{default:l(()=>[e(g,{modelValue:s.value.service_name,"onUpdate:modelValue":a[5]||(a[5]=t=>s.value.service_name=t),placeholder:"全部服务",clearable:"",filterable:"",style:{width:"200px"}},{default:l(()=>[(n(!0),d(L,null,I(D.value,t=>(n(),f(r,{key:t,label:t,value:t},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),e(p,{label:"操作类型"},{default:l(()=>[e(g,{modelValue:s.value.action_type,"onUpdate:modelValue":a[6]||(a[6]=t=>s.value.action_type=t),placeholder:"全部类型",clearable:"",style:{width:"180px"}},{default:l(()=>[e(r,{label:"重启",value:"restart"}),e(r,{label:"启动",value:"start"}),e(r,{label:"停止",value:"stop"}),e(r,{label:"配置更新",value:"config_update"}),e(r,{label:"健康检查",value:"health_check"}),e(r,{label:"部署",value:"deploy"}),e(r,{label:"其他",value:"other"})]),_:1},8,["modelValue"])]),_:1}),e(p,{label:"操作状态"},{default:l(()=>[e(g,{modelValue:s.value.action_status,"onUpdate:modelValue":a[7]||(a[7]=t=>s.value.action_status=t),placeholder:"全部状态",clearable:"",style:{width:"150px"}},{default:l(()=>[e(r,{label:"成功",value:"success"}),e(r,{label:"失败",value:"failed"}),e(r,{label:"进行中",value:"pending"})]),_:1},8,["modelValue"])]),_:1}),e(p,{label:"返回数量"},{default:l(()=>[e($,{modelValue:s.value.limit,"onUpdate:modelValue":a[8]||(a[8]=t=>s.value.limit=t),min:10,max:500,step:10,style:{width:"120px"}},null,8,["modelValue"])]),_:1}),e(p,null,{default:l(()=>[e(m,{type:"primary",onClick:w,icon:k(E)},{default:l(()=>[...a[14]||(a[14]=[c("查询",-1)])]),_:1},8,["icon"]),e(m,{onClick:z},{default:l(()=>[...a[15]||(a[15]=[c("重置",-1)])]),_:1})]),_:1})]),_:1},8,["model"])]))]),_:1},8,["class"]),e(q,{class:B(y.value?"mobile-logs-container":"desktop-table-container")},{default:l(()=>[y.value?A((n(),d("div",Re,[(n(!0),d(L,null,I(T.value,t=>(n(),d("div",{key:t.id,class:"mobile-log-card",onClick:W=>oe(t)},[o("div",Ge,[o("div",$e,[o("span",Ye,"#"+u(t.id),1),e(h,{type:R(t.action_status),size:"small",class:"status-tag"},{default:l(()=>[c(u(j(t.action_status)),1)]),_:2},1032,["type"])]),o("div",qe,u(G(t.created_time)),1)]),o("div",Je,[o("div",He,[o("div",Qe,[a[18]||(a[18]=o("i",{class:"i-carbon-application mr-2"},null,-1)),o("span",null,u(t.service_name),1)]),e(h,{type:M(t.action_type),size:"small",class:"action-tag"},{default:l(()=>[c(u(P(t.action_type)),1)]),_:2},1032,["type"])]),t.instance_id?(n(),d("div",We,[a[19]||(a[19]=o("i",{class:"i-carbon-terminal mr-2"},null,-1)),o("span",Ke,u(t.instance_id),1)])):b("",!0),o("div",Xe,[a[20]||(a[20]=o("i",{class:"i-carbon-user mr-2"},null,-1)),o("span",null,"由 "+u(t.triggered_by)+" 触发",1)])]),o("div",Ze,[t.action_detail&&Object.keys(t.action_detail).length>0?(n(),f(m,{key:0,link:"",size:"small",type:"primary",onClick:X(W=>se(t.action_detail),["stop"])},{default:l(()=>[e(H,null,{default:l(()=>[e(k(ve))]),_:1}),a[21]||(a[21]=o("span",null,"操作详情",-1))]),_:1},8,["onClick"])):b("",!0),t.error_message?(n(),f(m,{key:1,link:"",type:"danger",size:"small",onClick:X(W=>ie(t.error_message),["stop"])},{default:l(()=>[e(H,null,{default:l(()=>[e(k(fe))]),_:1}),a[22]||(a[22]=o("span",null,"查看错误",-1))]),_:1},8,["onClick"])):b("",!0)])],8,je))),128)),T.value.length===0&&!C.value?(n(),d("div",et,[e(re,{description:"暂无操作日志"},{image:l(()=>[...a[23]||(a[23]=[o("i",{class:"i-carbon-document text-6xl text-tertiary"},null,-1)])]),_:1})])):b("",!0)])),[[Q,C.value]]):(n(),d("div",Ie,[A((n(),f(ne,{data:T.value,stripe:"",style:{width:"100%"}},{default:l(()=>[e(v,{label:"ID",prop:"id",width:"80",align:"center"}),e(v,{label:"服务名称",prop:"service_name",width:"150"},{default:l(({row:t})=>[e(h,{type:"info",size:"small"},{default:l(()=>[c(u(t.service_name),1)]),_:2},1024)]),_:1}),e(v,{label:"实例ID",prop:"instance_id",width:"180"},{default:l(({row:t})=>[t.instance_id?(n(),d("span",Be,u(t.instance_id),1)):(n(),d("span",Ue,"-"))]),_:1}),e(v,{label:"操作类型",prop:"action_type",width:"120"},{default:l(({row:t})=>[e(h,{type:M(t.action_type),size:"small"},{default:l(()=>[c(u(P(t.action_type)),1)]),_:2},1032,["type"])]),_:1}),e(v,{label:"操作状态",prop:"action_status",width:"100",align:"center"},{default:l(({row:t})=>[e(h,{type:R(t.action_status),size:"small"},{default:l(()=>[c(u(j(t.action_status)),1)]),_:2},1032,["type"])]),_:1}),e(v,{label:"操作详情",prop:"action_detail","min-width":"200"},{default:l(({row:t})=>[o("div",Ee,[t.action_detail&&Object.keys(t.action_detail).length>0?(n(),f(J,{key:0,placement:"top",width:400,trigger:"hover"},{reference:l(()=>[e(m,{link:"",size:"small"},{default:l(()=>[...a[16]||(a[16]=[o("i",{class:"i-carbon-information mr-1"},null,-1),c(" 查看详情 ",-1)])]),_:1})]),default:l(()=>[o("pre",Fe,u(JSON.stringify(t.action_detail,null,2)),1)]),_:2},1024)):(n(),d("span",De,"-"))])]),_:1}),e(v,{label:"错误信息",prop:"error_message",width:"150"},{default:l(({row:t})=>[t.error_message?(n(),f(J,{key:0,placement:"top",width:300,trigger:"hover"},{reference:l(()=>[e(m,{link:"",type:"danger",size:"small"},{default:l(()=>[...a[17]||(a[17]=[o("i",{class:"i-carbon-warning mr-1"},null,-1),c(" 查看错误 ",-1)])]),_:1})]),default:l(()=>[o("div",Me,u(t.error_message),1)]),_:2},1024)):(n(),d("span",Pe,"-"))]),_:1}),e(v,{label:"触发者",prop:"triggered_by",width:"120"},{default:l(({row:t})=>[e(h,{size:"small",plain:""},{default:l(()=>[c(u(t.triggered_by),1)]),_:2},1024)]),_:1}),e(v,{label:"创建时间",prop:"created_time",width:"180"},{default:l(({row:t})=>[c(u(G(t.created_time)),1)]),_:1})]),_:1},8,["data"])),[[Q,C.value]])]))]),_:1},8,["class"])]),_:1})}}}),nt=be(tt,[["__scopeId","data-v-8f23bdc6"]]);export{nt as default};

cancan_microstack/assets/www/adminops/assets/ServiceLogs-H_Alq0cf.css

@@ -0,0 +1 @@
+.action-detail[data-v-8f23bdc6]{font-size:13px}.detail-json[data-v-8f23bdc6]{background:var(--bg-secondary);padding:12px;border-radius:var(--radius-base);font-size:12px;line-height:1.6;color:var(--text-primary);max-height:400px;overflow-y:auto}.error-message[data-v-8f23bdc6]{color:var(--color-danger);font-size:13px;line-height:1.6}.empty-state[data-v-8f23bdc6]{padding:40px 0}[data-v-8f23bdc6] .el-form-item{margin-bottom:0}.desktop-filter-container[data-v-8f23bdc6]{padding:20px}.desktop-filter-container .el-form[data-v-8f23bdc6]{width:100%;max-width:100%}.desktop-filter-container .filter-form[data-v-8f23bdc6]{display:flex;flex-wrap:wrap;gap:16px 20px;align-items:center;margin:0}.desktop-filter-container .filter-form .el-form-item[data-v-8f23bdc6]{margin-bottom:0;flex-shrink:0}.desktop-filter-container .el-input__wrapper[data-v-8f23bdc6],.desktop-filter-container .el-input-number .el-input__wrapper[data-v-8f23bdc6]{padding-top:8px;padding-bottom:8px}.desktop-filter-container .el-input-number__decrease[data-v-8f23bdc6],.desktop-filter-container .el-input-number__increase[data-v-8f23bdc6]{line-height:20px;height:20px}.desktop-filter-container .filter-form .el-form-item[data-v-8f23bdc6]:nth-child(1){flex:0 0 220px}.desktop-filter-container .filter-form .el-form-item[data-v-8f23bdc6]:nth-child(2){flex:0 0 200px}.desktop-filter-container .filter-form .el-form-item[data-v-8f23bdc6]:nth-child(3){flex:0 0 170px}.desktop-filter-container .filter-form .el-form-item[data-v-8f23bdc6]:nth-child(4){flex:0 0 220px}.desktop-filter-container .filter-form .el-form-item[data-v-8f23bdc6]:last-child{flex:0 0 auto;margin-left:auto}@media (max-width: 1024px) and (min-width: 769px){.desktop-filter-container .filter-form[data-v-8f23bdc6]{gap:12px 16px}.desktop-filter-container .filter-form .el-form-item[data-v-8f23bdc6]:nth-child(1){flex:0 0 200px}.desktop-filter-container .filter-form .el-form-item[data-v-8f23bdc6]:nth-child(2){flex:0 0 180px}.desktop-filter-container .filter-form .el-form-item[data-v-8f23bdc6]:nth-child(3){flex:0 0 160px}.desktop-filter-container .filter-form .el-form-item[data-v-8f23bdc6]:nth-child(4){flex:0 0 200px}}.mobile-empty-state[data-v-8f23bdc6]{padding:60px 20px;text-align:center}.mobile-log-card[data-v-8f23bdc6]{background:var(--el-bg-color);border:1px solid var(--el-border-color-lighter);border-radius:12px;margin:8px 16px;padding:16px;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 8px #0000000a}.mobile-log-card[data-v-8f23bdc6]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.mobile-log-card[data-v-8f23bdc6]:active{transform:translateY(0)}.card-header[data-v-8f23bdc6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--el-border-color-lighter)}.card-id-status[data-v-8f23bdc6]{display:flex;align-items:center;gap:8px}.log-id[data-v-8f23bdc6]{font-weight:600;font-size:14px;color:var(--el-text-color-primary)}.status-tag[data-v-8f23bdc6]{font-size:11px;padding:2px 6px;height:20px;line-height:16px}.card-time[data-v-8f23bdc6]{font-size:12px;color:var(--el-text-color-secondary);font-family:Monaco,Menlo,monospace}.card-body[data-v-8f23bdc6]{margin-bottom:12px}.service-info[data-v-8f23bdc6]{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.service-name[data-v-8f23bdc6]{display:flex;align-items:center;font-size:15px;font-weight:500;color:var(--el-text-color-primary)}.action-tag[data-v-8f23bdc6]{font-size:11px;padding:2px 6px;height:20px;line-height:16px;align-self:flex-start}.instance-info[data-v-8f23bdc6],.trigger-info[data-v-8f23bdc6]{display:flex;align-items:center;font-size:13px;color:var(--el-text-color-secondary);margin-bottom:4px}.font-mono[data-v-8f23bdc6]{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.card-actions[data-v-8f23bdc6]{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--el-border-color-lighter)}.card-actions .el-button[data-v-8f23bdc6]{flex:1;height:32px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:4px}.card-actions .el-button .el-icon[data-v-8f23bdc6]{font-size:14px}@media (min-width: 768px) and (max-width: 1023px){.tablet-filter-container[data-v-8f23bdc6]{margin-bottom:16px}.tablet-filter-content[data-v-8f23bdc6]{padding:0 8px}.tablet-form[data-v-8f23bdc6]{max-width:100%}.tablet-form-row[data-v-8f23bdc6]{display:flex;gap:16px;margin-bottom:16px}.tablet-form-item[data-v-8f23bdc6]{flex:1;margin-bottom:0}.tablet-form-item label[data-v-8f23bdc6]{font-size:14px;font-weight:500;color:var(--el-text-color-primary);margin-bottom:8px;display:block}.tablet-form-item .el-form-item__content[data-v-8f23bdc6]{margin-left:0}.tablet-form-item .el-select[data-v-8f23bdc6],.tablet-form-item .el-input-number[data-v-8f23bdc6]{width:100%!important}.tablet-filter-actions[data-v-8f23bdc6]{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--el-border-color-lighter)}.tablet-filter-actions .el-button[data-v-8f23bdc6]{flex:none;height:36px;font-size:14px}.mobile-log-card[data-v-8f23bdc6]{margin:8px 20px;padding:20px}.card-header[data-v-8f23bdc6],.card-body[data-v-8f23bdc6]{margin-bottom:16px}.service-name[data-v-8f23bdc6]{font-size:16px}.instance-info[data-v-8f23bdc6],.trigger-info[data-v-8f23bdc6]{font-size:14px}}@media (max-width: 767px){.desktop-filter-container[data-v-8f23bdc6],.tablet-filter-container[data-v-8f23bdc6],.el-table[data-v-8f23bdc6],.logs-table-container .el-table[data-v-8f23bdc6]{display:none!important}.mobile-filter-container[data-v-8f23bdc6],.mobile-filter-header[data-v-8f23bdc6],.mobile-filter-content[data-v-8f23bdc6],.mobile-filter-actions[data-v-8f23bdc6],.mobile-logs-container[data-v-8f23bdc6],.mobile-log-card[data-v-8f23bdc6]{display:block!important}.mobile-form-grid[data-v-8f23bdc6]{display:flex!important}}@media (min-width: 1024px){.mobile-filter-container[data-v-8f23bdc6],.mobile-filter-header[data-v-8f23bdc6],.mobile-filter-content[data-v-8f23bdc6],.mobile-filter-actions[data-v-8f23bdc6],.tablet-filter-container[data-v-8f23bdc6],.tablet-filter-content[data-v-8f23bdc6]{display:none!important}.desktop-filter-container[data-v-8f23bdc6],.desktop-table-container[data-v-8f23bdc6],.el-table[data-v-8f23bdc6]{display:block!important}}.mobile-filter-container[data-v-8f23bdc6]{margin-bottom:16px}.mobile-filter-header[data-v-8f23bdc6]{display:flex;align-items:center;justify-content:space-between;background:var(--el-bg-color-page);border-bottom:1px solid var(--el-border-color-lighter);margin:-12px -12px 12px;padding:12px 16px}.mobile-filter-title[data-v-8f23bdc6]{font-size:15px;font-weight:600;color:var(--el-text-color-primary)}.mobile-filter-content[data-v-8f23bdc6]{padding:0 4px}.mobile-filter-actions[data-v-8f23bdc6]{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--el-border-color-lighter)}.mobile-filter-actions .el-button[data-v-8f23bdc6]{flex:1;height:36px;font-size:14px}.clear-filter-btn[data-v-8f23bdc6]{color:var(--el-text-color-secondary)}.clear-filter-btn.has-active[data-v-8f23bdc6]{color:var(--el-color-danger);font-weight:500}.logs-table-container[data-v-8f23bdc6]{background:var(--el-bg-color);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.desktop-table-container[data-v-8f23bdc6]{display:block}.desktop-filter-container[data-v-8f23bdc6]{display:block;margin-bottom:16px}.mobile-form-grid[data-v-8f23bdc6]{display:flex;flex-direction:column;gap:16px;padding:0}.mobile-form-item[data-v-8f23bdc6]{margin-bottom:0}.mobile-form-item label[data-v-8f23bdc6]{font-size:14px;font-weight:500;color:var(--el-text-color-primary);margin-bottom:8px;display:block}.mobile-form-item .el-form-item__content[data-v-8f23bdc6]{margin-left:0}.mobile-form-item .el-select[data-v-8f23bdc6],.mobile-form-item .el-input-number[data-v-8f23bdc6]{width:100%!important}.mobile-logs-container[data-v-8f23bdc6]{padding:0}