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