2 lines
17 KiB
JavaScript
2 lines
17 KiB
JavaScript
import{L as re,e as m,f as a,M as Xe,N as Ye,O as el,P as ll,Q as tl,R as al,T as sl,g as ul,U as ol,r as R,l as q,o as k,k as s,j as u,i as I,B as _,F as ie,m as ce,w,C as ve,c as nl,V as rl}from"./vendor-BczUEOE_.js";import{a as il,_ as cl,f as vl}from"./index-C51y9xCM.js";import{f as dl}from"./email-UCdCFkiw.js";import{f as _l,a as ml,b as pl,c as bl,d as fl,e as hl}from"./tasks-DW-oE78v.js";import{f as wl}from"./system-BqUnjCUC.js";import{M as gl}from"./MetricGrid-Cm-6uQPC.js";async function kl(){const{data:H}=await il.get("/browser_pool/stats");return H}const yl={class:"page-stack"},ql={class:"report-hero"},Sl={class:"hero-head"},xl={class:"hero-main"},$l={class:"hero-meta app-muted"},Ml={key:0},Ll={key:1,class:"hero-dot"},Rl={key:2},Tl={class:"mobile-report"},Al={class:"mobile-module-head"},Pl={class:"mobile-module-title"},Cl={class:"mobile-module-desc app-muted"},Nl={class:"mobile-metrics"},Il={class:"mobile-metric-label app-muted"},Dl={class:"mobile-metric-value"},Wl={key:0,class:"module-extra-actions"},Ql={class:"request-dialog-summary app-muted"},Vl={class:"request-dialog-block"},zl={class:"table-wrap"},El={class:"request-dialog-block"},Bl={class:"table-wrap"},Ul={class:"request-dialog-summary app-muted"},Fl={class:"request-dialog-block"},Ol={class:"table-wrap"},jl={class:"request-dialog-block"},Gl={class:"table-wrap"},Hl=5e3,Zl=2e4,Jl={__name:"ReportPage",setup(H){const de=re("refreshStats",null),_e=re("adminStats",null),D=m(!1),W=m(!1),M=m(""),Q=m(null),b=m(null),p=m(null),y=m(null),g=m(null),P=m(null),L=m(null),f=m(null),c=m(null),i=m(null),V=m(!1),z=m(!1);m("running");function me(){try{M.value=new Date().toLocaleString("zh-CN",{hour12:!1,timeZone:"Asia/Shanghai"})}catch{M.value=""}}function l(t){const e=Number(t);return Number.isFinite(e)?e:0}function pe(t){const e=String(t??"").trim();if(!e)return 0;const o=e.endsWith("%")?e.slice(0,-1):e,v=Number(o);return!Number.isFinite(v)||v<0?0:v>1e3?1e3:v}function E(t){return`${Math.round(pe(t))}%`}function d(t){const e=Number(t);return!Number.isFinite(e)||e<0?"-":e>=100?`${Math.round(e)}ms`:`${e.toFixed(1)}ms`}function Z(t){const e=Number(t);if(!Number.isFinite(e)||e<=0)return"-";try{return new Date(e*1e3).toLocaleTimeString("zh-CN",{hour12:!1,timeZone:"Asia/Shanghai"})}catch{return"-"}}function B(t){const e=Number(t);if(!Number.isFinite(e)||e<=0)return"-";try{return new Date(e*1e3).toLocaleString("zh-CN",{hour12:!1,timeZone:"Asia/Shanghai"})}catch{return"-"}}function be(t){const e=String(t??"").trim();return!e||e==="manual"?"手动":e==="scheduled"?"系统定时":e==="batch"?"批量执行":e==="resumed"?"断点续跑":e.startsWith("user_scheduled:")?"用户定时":e}const J=a(()=>{const t=_e?.value||{},e=l(b.value?.max_concurrent);return[{label:"总用户数",value:l(t.total_users),icon:Xe,tone:"blue"},{label:"今日注册",value:l(t.new_users_today),icon:Ye,tone:"green"},{label:"近7天注册",value:l(t.new_users_7d),icon:el,tone:"purple"},{label:"总账号数",value:l(t.total_accounts),icon:ll,tone:"cyan"},{label:"VIP用户",value:l(t.vip_users),icon:tl,tone:"orange"},{label:"运行中任务",value:l(b.value?.running_count),icon:al,tone:"green",sub:e?`并发上限 ${e}`:""},{label:"排队任务",value:l(b.value?.queuing_count),icon:sl,tone:"purple"}]}),h=a(()=>Q.value?.today||{}),S=a(()=>Q.value?.total||{});a(()=>b.value?.running||[]);const C=a(()=>b.value?.queuing||[]),fe=a(()=>l(b.value?.running_count)),he=a(()=>l(b.value?.queuing_count)),we=a(()=>{const t=L.value?.workers;return Array.isArray(t)?[...t].sort((e,o)=>l(e?.worker_id)-l(o?.worker_id)):[]}),K=a(()=>l(L.value?.total_workers)),U=a(()=>we.value.filter(t=>!!t?.has_browser).length),X=a(()=>l(L.value?.idle_workers)),Y=a(()=>l(L.value?.queue_size)),F=a(()=>l(L.value?.active_workers)),ee=a(()=>{const t=l(h.value.success_tasks),e=l(h.value.failed_tasks),o=t+e;return o>0?Math.round(t/o*1e3)/10:0}),O=a(()=>l(p.value?.success_rate));a(()=>[{label:"总任务",value:l(h.value.total_tasks),tone:"blue"},{label:"成功",value:l(h.value.success_tasks),tone:"green"},{label:"失败",value:l(h.value.failed_tasks),tone:"red"},{label:"浏览内容",value:l(h.value.total_items),tone:"purple"},{label:"查看附件",value:l(h.value.total_attachments),tone:"cyan"}]),a(()=>[{label:"总任务",value:l(S.value.total_tasks),tone:"blue"},{label:"成功",value:l(S.value.success_tasks),tone:"green"},{label:"失败",value:l(S.value.failed_tasks),tone:"red"},{label:"浏览内容",value:l(S.value.total_items),tone:"purple"},{label:"查看附件",value:l(S.value.total_attachments),tone:"cyan"}]),a(()=>[{label:"总发送",value:l(p.value?.total_sent),tone:"blue"},{label:"成功",value:l(p.value?.total_success),tone:"green"},{label:"失败",value:l(p.value?.total_failed),tone:"red"},{label:"成功率",value:`${O.value}%`,tone:"purple"}]),a(()=>[{label:"注册验证",value:l(p.value?.register_sent),tone:"cyan"},{label:"密码重置",value:l(p.value?.reset_sent),tone:"orange"},{label:"邮箱绑定",value:l(p.value?.bind_sent),tone:"purple"},{label:"任务完成",value:l(p.value?.task_complete_sent),tone:"green"}]),a(()=>[{label:"总反馈",value:l(y.value?.total),tone:"blue"},{label:"待处理",value:l(y.value?.pending),tone:"orange"},{label:"已回复",value:l(y.value?.replied),tone:"green"}]),a(()=>[{label:"总 Worker",value:K.value,tone:"blue"},{label:"活跃 Worker",value:U.value,tone:"green"},{label:"空闲 Worker",value:X.value,tone:"cyan"},{label:"忙碌 Worker",value:F.value,tone:"orange"},{label:"队列",value:Y.value,tone:"purple"}]);const ge=a(()=>(f.value?.schedule_enabled??0)===1),ke=a(()=>f.value?.schedule_time||"-"),ye=a(()=>f.value?.schedule_browse_type||"-"),qe=a(()=>String(f.value?.schedule_weekdays||"").trim());a(()=>{const t=qe.value;if(!t)return"";const e={1:"周一",2:"周二",3:"周三",4:"周四",5:"周五",6:"周六",7:"周日"},o=t.split(",").map(v=>v.trim()).filter(Boolean);return o.length?o.map(v=>e[Number(v)]||v).join("、"):t});const Se=a(()=>(f.value?.proxy_enabled??0)===1);a(()=>f.value?.proxy_api_url||"");const le=a(()=>l(f.value?.proxy_expire_minutes)),j=a(()=>l(f.value?.max_concurrent_global)),xe=a(()=>l(f.value?.max_concurrent_per_account)),$e=a(()=>l(f.value?.max_screenshot_concurrent)),Me=a(()=>{const t=l(b.value?.running_count),e=l(b.value?.queuing_count),o=l(b.value?.max_concurrent);return`运行中 ${t} / 排队 ${e} / 并发上限 ${o||j.value||"-"}`}),Le=a(()=>J.value.map(t=>({label:t.label,value:t.sub?`${t.value}（${t.sub}）`:t.value}))),Re=a(()=>[{label:"今日总任务",value:l(h.value.total_tasks)},{label:"今日成功",value:l(h.value.success_tasks)},{label:"今日失败",value:l(h.value.failed_tasks)},{label:"今日成功率",value:`${ee.value}%`},{label:"累计任务",value:l(S.value.total_tasks)},{label:"累计成功",value:l(S.value.success_tasks)}]),Te=a(()=>[{label:"运行中",value:fe.value},{label:"排队中",value:he.value},{label:"并发上限",value:l(b.value?.max_concurrent)||j.value||"-"},{label:"排队首条来源",value:be(C.value[0]?.source)},{label:"排队首条状态",value:C.value[0]?.detail_status||C.value[0]?.status||"-"},{label:"最长等待",value:C.value[0]?.elapsed_display||"-"}]),Ae=a(()=>[{label:"总发送",value:l(p.value?.total_sent)},{label:"成功",value:l(p.value?.total_success)},{label:"失败",value:l(p.value?.total_failed)},{label:"成功率",value:`${O.value}%`},{label:"注册验证",value:l(p.value?.register_sent)},{label:"重置密码",value:l(p.value?.reset_sent)}]),Pe=a(()=>[{label:"总反馈",value:l(y.value?.total)},{label:"待处理",value:l(y.value?.pending)},{label:"已回复",value:l(y.value?.replied)}]),Ce=a(()=>[{label:"CPU",value:E(g.value?.cpu_percent)},{label:"内存",value:E(g.value?.memory_percent)},{label:"磁盘",value:E(g.value?.disk_percent)},{label:"容器状态",value:P.value?.status||"-"},{label:"容器名",value:P.value?.container_name||"-"},{label:"容器运行",value:P.value?.uptime||"-"}]),Ne=a(()=>[{label:"总 Worker",value:K.value},{label:"活跃 Worker",value:U.value},{label:"忙碌 Worker",value:F.value},{label:"空闲 Worker",value:X.value},{label:"任务队列",value:Y.value}]),Ie=a(()=>{const t=c.value?.top_paths;return Array.isArray(t)?t.slice(0,3):[]}),De=a(()=>{const t=[{label:"总请求",value:l(c.value?.total_requests)},{label:"API请求",value:l(c.value?.api_requests)},{label:"慢请求",value:l(c.value?.slow_requests)},{label:"错误请求",value:l(c.value?.error_requests)}];return Ie.value.forEach((e,o)=>{const v=String(e?.path||"-");t.push({label:`慢接口${o+1}`,value:`${v} · 峰值 ${d(e?.max_ms)}`})}),t}),We=a(()=>{const t=d(c.value?.avg_duration_ms),e=d(c.value?.max_duration_ms),o=Z(c.value?.last_request_ts),v=d(c.value?.slow_threshold_ms);return`均值 ${t} · 峰值 ${e} · 慢阈 ${v} · 最近 ${o}`}),Qe=a(()=>(Array.isArray(i.value?.top_sql)?i.value.top_sql:[]).slice(0,3)),te=a(()=>{const t=l(i.value?.window_seconds);return t<=0?24:Math.max(1,Math.round(t/3600))}),Ve=a(()=>{const t=[{label:`慢SQL(${te.value}h)`,value:l(i.value?.total_slow_queries)},{label:"去重SQL",value:l(i.value?.unique_sql)},{label:"平均耗时",value:d(i.value?.avg_duration_ms)},{label:"峰值耗时",value:d(i.value?.max_duration_ms)}];return Qe.value.forEach((e,o)=>{t.push({label:`慢SQL${o+1}`,value:`${d(e?.max_ms)} · ${String(e?.sql||"-")}`})}),t}),ze=a(()=>{const t=d(i.value?.slow_threshold_ms),e=Z(i.value?.last_slow_ts);return`窗口 ${te.value}h · 慢阈 ${t} · 最近 ${e}`}),Ee=a(()=>(Array.isArray(i.value?.top_sql)?i.value.top_sql:[]).map((e,o)=>({rank:o+1,sql:String(e?.sql||"-"),count:l(e?.count),avg_ms:d(e?.avg_ms),max_ms:d(e?.max_ms),last_seen:B(e?.last_ts),sample_params:String(e?.sample_params||"-")}))),Be=a(()=>[...Array.isArray(i.value?.recent_slow_sql)?i.value.recent_slow_sql:[]].sort((e,o)=>Number(o?.time||0)-Number(e?.time||0)).map(e=>({time_text:B(e?.time),sql:String(e?.sql||"-"),duration_ms:d(e?.duration_ms),params:String(e?.params||"-")}))),Ue=a(()=>(Array.isArray(c.value?.top_paths)?c.value.top_paths:[]).map((e,o)=>({rank:o+1,path:String(e?.path||"-"),count:l(e?.count),avg_ms:d(e?.avg_ms),max_ms:d(e?.max_ms),status_5xx:l(e?.status_5xx)}))),Fe=a(()=>[...Array.isArray(c.value?.recent_slow)?c.value.recent_slow:[]].sort((e,o)=>Number(o?.time||0)-Number(e?.time||0)).map(e=>({time_text:B(e?.time),method:String(e?.method||"-").toUpperCase(),path:String(e?.path||"-"),status:l(e?.status),duration_ms:d(e?.duration_ms)})));function Oe(t){const e=l(t);return e>=500?"danger":e>=400?"warning":e>=300?"info":"success"}function je(){V.value=!0}function Ge(){z.value=!0}const He=a(()=>[{label:"定时任务",value:ge.value?"启用":"关闭"},{label:"执行时间",value:ke.value||"-"},{label:"浏览类型",value:ye.value||"-"},{label:"代理",value:Se.value?"启用":"关闭"},{label:"代理有效期",value:le.value?`${le.value} 分钟`:"-"},{label:"全局并发",value:j.value||"-"},{label:"单账号并发",value:xe.value||"-"},{label:"截图并发",value:$e.value||"-"}]),Ze=a(()=>[{key:"overview",title:"平台概览",desc:M.value?`更新 ${M.value}`:"核心指标",tone:"blue",items:Le.value},{key:"task",title:"任务概览",desc:l(h.value.total_tasks)>0?`今日成功率 ${ee.value}%`:"今日暂无任务",tone:"purple",items:Re.value},{key:"queue",title:"队列监控",desc:Me.value,tone:"blue",items:Te.value},{key:"email",title:"邮件报表",desc:`成功率 ${O.value}%`,tone:"cyan",items:Ae.value},{key:"feedback",title:"反馈概览",desc:`待处理 ${l(y.value?.pending)} 条`,tone:"orange",items:Pe.value},{key:"resource",title:"系统资源",desc:g.value?.uptime?`运行 ${g.value.uptime}`:"运行状态获取中",tone:"green",items:Ce.value},{key:"request",title:"接口性能",desc:We.value,tone:"purple",items:De.value},{key:"slow_sql",title:"慢SQL监控",desc:ze.value,tone:"red",items:Ve.value},{key:"worker",title:"截图线程池",desc:`活跃 ${U.value} · 忙碌 ${F.value}`,tone:"cyan",items:Ne.value},{key:"config",title:"配置概览",desc:"并发 / 代理 / 定时任务",tone:"red",items:He.value}]);async function ae(t={}){const e=t.showLoading??!0;if(!W.value){W.value=!0,e&&(D.value=!0);try{const[o,v,n,x,N,A,r,$,oe,ne]=await Promise.allSettled([_l(),ml(),dl(),vl(),pl(),bl(),kl(),fl(),hl(),wl()]);o.status==="fulfilled"&&(Q.value=o.value),v.status==="fulfilled"&&(b.value=v.value),n.status==="fulfilled"&&(p.value=n.value),x.status==="fulfilled"&&(y.value=x.value),N.status==="fulfilled"&&(g.value=N.value),A.status==="fulfilled"&&(P.value=A.value),r.status==="fulfilled"&&(L.value=r.value),$.status==="fulfilled"&&(c.value=$.value),oe.status==="fulfilled"&&(i.value=oe.value),ne.status==="fulfilled"&&(f.value=ne.value),await de?.(),me()}finally{W.value=!1,e&&(D.value=!1)}}}let T=null;function Je(){return typeof document>"u"?!1:document.visibilityState==="hidden"}function Ke(){return Je()?Zl:Hl}function se(){T&&(clearTimeout(T),T=null)}function G(){se(),T=window.setTimeout(async()=>{T=null,await ae({showLoading:!1}).catch(()=>{}),G()},Ke())}function ue(){G()}return ul(()=>{ae({showLoading:!1}).catch(()=>{}).finally(()=>{G()}),window.addEventListener("visibilitychange",ue)}),ol(()=>{se(),window.removeEventListener("visibilitychange",ue)}),(t,e)=>{const o=R("el-button"),v=R("el-card"),n=R("el-table-column"),x=R("el-table"),N=R("el-tag"),A=R("el-dialog");return k(),q("div",yl,[s("section",ql,[s("div",Sl,[s("div",xl,[e[2]||(e[2]=s("h2",null,"报表中心",-1)),s("div",$l,[M.value?(k(),q("span",Ml,"更新时间："+_(M.value),1)):I("",!0),g.value?.uptime?(k(),q("span",Ll,"·")):I("",!0),g.value?.uptime?(k(),q("span",Rl,"运行 "+_(g.value.uptime),1)):I("",!0)])])]),u(gl,{class:"hero-overview-grid",items:J.value,loading:D.value,"min-width":165},null,8,["items","loading"])]),s("section",Tl,[(k(!0),q(ie,null,ce(Ze.value,r=>(k(),nl(v,{key:r.key,shadow:"never",class:rl(["mobile-module-card",`mobile-tone-${r.tone}`]),"body-style":{padding:"12px"}},{default:w(()=>[s("div",Al,[s("div",Pl,_(r.title),1),s("div",Cl,_(r.desc),1)]),s("div",Nl,[(k(!0),q(ie,null,ce(r.items,$=>(k(),q("div",{key:`${r.key}-${$.label}`,class:"mobile-metric-item"},[s("div",Il,_($.label),1),s("div",Dl,_($.value),1)]))),128))]),r.key==="request"||r.key==="slow_sql"?(k(),q("div",Wl,[u(o,{size:"small",type:"primary",plain:"",onClick:$=>r.key==="request"?je():Ge()},{default:w(()=>[ve(_(r.key==="request"?"查看慢接口详情":"查看慢SQL详情"),1)]),_:2},1032,["onClick"])])):I("",!0)]),_:2},1032,["class"]))),128))]),u(A,{modelValue:V.value,"onUpdate:modelValue":e[0]||(e[0]=r=>V.value=r),title:"慢接口详情",width:"min(1080px, 96vw)"},{default:w(()=>[s("div",Ql,[s("span",null,"总请求："+_(l(c.value?.total_requests)),1),s("span",null,"API请求："+_(l(c.value?.api_requests)),1),s("span",null,"慢请求："+_(l(c.value?.slow_requests)),1),s("span",null,"错误请求："+_(l(c.value?.error_requests)),1)]),s("div",Vl,[e[3]||(e[3]=s("div",{class:"request-dialog-title"},"慢接口排行榜",-1)),s("div",zl,[u(x,{data:Ue.value,size:"small","max-height":"280"},{default:w(()=>[u(n,{prop:"rank",label:"#",width:"60"}),u(n,{prop:"path",label:"接口路径","min-width":"340","show-overflow-tooltip":""}),u(n,{prop:"count",label:"请求数",width:"100"}),u(n,{prop:"avg_ms",label:"平均耗时",width:"120"}),u(n,{prop:"max_ms",label:"峰值耗时",width:"120"}),u(n,{prop:"status_5xx",label:"5xx",width:"90"})]),_:1},8,["data"])])]),s("div",El,[e[4]||(e[4]=s("div",{class:"request-dialog-title"},"最近慢请求",-1)),s("div",Bl,[u(x,{data:Fe.value,size:"small","max-height":"320"},{default:w(()=>[u(n,{prop:"time_text",label:"时间",width:"180"}),u(n,{prop:"method",label:"方法",width:"90"}),u(n,{prop:"path",label:"接口路径","min-width":"320","show-overflow-tooltip":""}),u(n,{label:"状态",width:"100"},{default:w(r=>[u(N,{size:"small",type:Oe(r.row.status)},{default:w(()=>[ve(_(r.row.status||"-"),1)]),_:2},1032,["type"])]),_:1}),u(n,{prop:"duration_ms",label:"耗时",width:"110"})]),_:1},8,["data"])])])]),_:1},8,["modelValue"]),u(A,{modelValue:z.value,"onUpdate:modelValue":e[1]||(e[1]=r=>z.value=r),title:"慢SQL详情（近24小时）",width:"min(1080px, 96vw)"},{default:w(()=>[s("div",Ul,[s("span",null,"慢SQL总数："+_(l(i.value?.total_slow_queries)),1),s("span",null,"去重SQL："+_(l(i.value?.unique_sql)),1),s("span",null,"平均耗时："+_(d(i.value?.avg_duration_ms)),1),s("span",null,"峰值耗时："+_(d(i.value?.max_duration_ms)),1),s("span",null,"慢阈值："+_(d(i.value?.slow_threshold_ms)),1)]),s("div",Fl,[e[5]||(e[5]=s("div",{class:"request-dialog-title"},"TOP 慢SQL（按出现次数）",-1)),s("div",Ol,[u(x,{data:Ee.value,size:"small","max-height":"320"},{default:w(()=>[u(n,{prop:"rank",label:"#",width:"60"}),u(n,{prop:"sql",label:"SQL","min-width":"400","show-overflow-tooltip":""}),u(n,{prop:"count",label:"次数",width:"90"}),u(n,{prop:"avg_ms",label:"平均耗时",width:"120"}),u(n,{prop:"max_ms",label:"峰值耗时",width:"120"}),u(n,{prop:"last_seen",label:"最近出现",width:"180"}),u(n,{prop:"sample_params",label:"参数样本","min-width":"140","show-overflow-tooltip":""})]),_:1},8,["data"])])]),s("div",jl,[e[6]||(e[6]=s("div",{class:"request-dialog-title"},"最近慢SQL",-1)),s("div",Gl,[u(x,{data:Be.value,size:"small","max-height":"320"},{default:w(()=>[u(n,{prop:"time_text",label:"时间",width:"180"}),u(n,{prop:"sql",label:"SQL","min-width":"420","show-overflow-tooltip":""}),u(n,{prop:"duration_ms",label:"耗时",width:"110"}),u(n,{prop:"params",label:"参数","min-width":"130","show-overflow-tooltip":""})]),_:1},8,["data"])])])]),_:1},8,["modelValue"])])}}},at=cl(Jl,[["__scopeId","data-v-1b662f5c"]]);export{at as default};
|