4 lines
8.8 KiB
JavaScript
4 lines
8.8 KiB
JavaScript
import{V as e,T as l,U as a,l as t,aY as u,a3 as n,a4 as r,h as s,al as d,am as o,u as i}from"./element-plus.DhcJM-BD.js";import{l as c}from"./index.D0FKZcEF.js";import{o as p,B as m,aC as _,t as f,H as v,I as g,J as y,u as b,K as h,Y as x,Z as w,r as F}from"./.pnpm.DGfAnZKL.js";import"./codemirror.CR5zRbyM.js";const P={
|
|
// 获取服务信息
|
|
getServer:()=>c({url:"/monitor/server/info",method:"get"})},j={class:"app-container"},C={class:"flex items-center gap-2"},M={class:"text-center mb-4"},k={class:"text-center mb-4"},U={class:"flex items-center gap-2"},I={class:"text-center mb-4"},S={class:"text-center mb-4"},Y={class:"flex items-center gap-2"},z={class:"flex items-center gap-2"},B={class:"flex items-center gap-2"},D=p({__name:"index",setup(c){const p=F(!1),D=F({cpu:{cpu_num:0,used:0,sys:0,free:0},mem:{total:"",used:"",free:"",usage:0},sys:{computer_name:"",os_name:"",computer_ip:"",os_arch:"",user_dir:""},py:{name:"",version:"",start_time:"",run_time:"",home:"",memory_total:"",memory_used:"",memory_free:"",memory_usage:0},disks:[]});return m(()=>{!async function(){p.value=!0;try{const e=await P.getServer();D.value=e.data.data}catch(e){}finally{p.value=!1}}()}),(c,m)=>{const F=_("Cpu"),P=s,H=_("QuestionFilled"),J=t,K=u,N=r,Q=n,T=l,V=e,Z=a,$=_("Memo"),q=_("Monitor"),A=_("Dish"),E=_("Files"),G=i,L=o,O=d;return f(),v("div",j,[g(Z,{gutter:16},{default:y(()=>[g(V,{span:12,class:"mb-4"},{default:y(()=>[g(T,{loading:b(p),shadow:"hover"},{header:y(()=>[h("div",C,[g(P,null,{default:y(()=>[g(F)]),_:1}),m[0]||(m[0]=h("span",{class:"flex items-center gap-2"},"CPU使用情况",-1)),g(J,{content:"展示CPU核心数及使用率"},{default:y(()=>[g(P,null,{default:y(()=>[g(H)]),_:1})]),_:1})])]),default:y(()=>[g(Z,{gutter:16},{default:y(()=>[g(V,{span:12},{default:y(()=>[g(T,{shadow:"hover"},{default:y(()=>{var e;return[m[1]||(m[1]=h("span",null,"核心数",-1)),g(J,{content:((null==(e=b(D).cpu)?void 0:e.cpu_num)||0).toFixed(1)},{default:y(()=>[h("div",M,[g(K,{type:"circle",percentage:100,format:()=>{var e;return`${(null==(e=b(D).cpu)?void 0:e.cpu_num)||0}`}},null,8,["format"])])]),_:1},8,["content"]),g(Q,{column:1,border:""},{default:y(()=>[g(N,{label:"总核心数"},{default:y(()=>{var e;return[x(w((null==(e=b(D).cpu)?void 0:e.cpu_num)||0),1)]}),_:1}),g(N,{label:"已用核心"},{default:y(()=>{var e,l;return[x(w(Math.floor(((null==(e=b(D).cpu)?void 0:e.used)||0)*(null==(l=b(D).cpu)?void 0:l.cpu_num)/100)),1)]}),_:1}),g(N,{label:"空闲核心"},{default:y(()=>{var e,l;return[x(w(Math.floor(((null==(e=b(D).cpu)?void 0:e.free)||0)*(null==(l=b(D).cpu)?void 0:l.cpu_num)/100)),1)]}),_:1})]),_:1})]}),_:1})]),_:1}),g(V,{span:12},{default:y(()=>[g(T,{shadow:"hover",class:"h-full"},{default:y(()=>{var e;return[m[2]||(m[2]=h("span",null,"使用率",-1)),g(J,{content:((null==(e=b(D).cpu)?void 0:e.used)||0).toFixed(1)+"%"},{default:y(()=>{var e,l,a;return[h("div",k,[g(K,{type:"circle",percentage:(null==(e=b(D).cpu)?void 0:e.used)||0,status:(null==(l=b(D).cpu)?void 0:l.used)>80?"exception":(null==(a=b(D).cpu)?void 0:a.used)>60?"warning":"success"},null,8,["percentage","status"])])]}),_:1},8,["content"]),g(Q,{column:1,border:""},{default:y(()=>[g(N,{label:"用户使用率"},{default:y(()=>{var e;return[x(w(((null==(e=b(D).cpu)?void 0:e.used)||0).toFixed(1)+"%"),1)]}),_:1}),g(N,{label:"系统使用率"},{default:y(()=>{var e;return[x(w(((null==(e=b(D).cpu)?void 0:e.sys)||0).toFixed(1)+"%"),1)]}),_:1}),g(N,{label:"当前空闲率"},{default:y(()=>{var e;return[x(w(((null==(e=b(D).cpu)?void 0:e.free)||0).toFixed(1)+"%"),1)]}),_:1})]),_:1})]}),_:1})]),_:1})]),_:1})]),_:1},8,["loading"])]),_:1}),g(V,{span:12,class:"mb-4"},{default:y(()=>[g(T,{loading:b(p),shadow:"hover"},{header:y(()=>[h("div",U,[g(P,null,{default:y(()=>[g($)]),_:1}),m[3]||(m[3]=h("span",null,"内存使用情况",-1)),g(J,{content:"展示系统内存和Python程序内存使用情况"},{default:y(()=>[g(P,null,{default:y(()=>[g(H)]),_:1})]),_:1})])]),default:y(()=>[g(Z,{gutter:16},{default:y(()=>[g(V,{span:12},{default:y(()=>[g(T,{shadow:"hover",class:"h-full"},{default:y(()=>{var e;return[m[4]||(m[4]=h("span",null,"系统内存",-1)),g(J,{content:((null==(e=b(D).mem)?void 0:e.usage)||0).toFixed(1)+"%"},{default:y(()=>{var e,l,a;return[h("div",I,[g(K,{type:"circle",percentage:(null==(e=b(D).mem)?void 0:e.usage)||0,status:(null==(l=b(D).mem)?void 0:l.usage)>80?"exception":(null==(a=b(D).mem)?void 0:a.usage)>60?"warning":"success"},null,8,["percentage","status"])])]}),_:1},8,["content"]),g(Q,{column:1,border:""},{default:y(()=>[g(N,{label:"总内存"},{default:y(()=>{var e;return[x(w(null==(e=b(D).mem)?void 0:e.total),1)]}),_:1}),g(N,{label:"已用内存"},{default:y(()=>{var e;return[x(w(null==(e=b(D).mem)?void 0:e.used),1)]}),_:1}),g(N,{label:"空闲内存"},{default:y(()=>{var e;return[x(w(null==(e=b(D).mem)?void 0:e.free),1)]}),_:1})]),_:1})]}),_:1})]),_:1}),g(V,{span:12},{default:y(()=>[g(T,{shadow:"hover",class:"h-full"},{default:y(()=>{var e;return[m[5]||(m[5]=h("span",null,"Python内存",-1)),g(J,{content:((null==(e=b(D).py)?void 0:e.memory_usage)||0).toFixed(1)+"%"},{default:y(()=>{var e,l,a;return[h("div",S,[g(K,{type:"circle",percentage:(null==(e=b(D).py)?void 0:e.memory_usage)||0,status:(null==(l=b(D).py)?void 0:l.memory_usage)>80?"exception":(null==(a=b(D).py)?void 0:a.memory_usage)>60?"warning":"success"},null,8,["percentage","status"])])]}),_:1},8,["content"]),g(Q,{column:1,border:""},{default:y(()=>[g(N,{label:"总内存"},{default:y(()=>{var e;return[x(w(null==(e=b(D).py)?void 0:e.memory_total),1)]}),_:1}),g(N,{label:"已用内存"},{default:y(()=>{var e;return[x(w(null==(e=b(D).py)?void 0:e.memory_used),1)]}),_:1}),g(N,{label:"空闲内存"},{default:y(()=>{var e;return[x(w(null==(e=b(D).py)?void 0:e.memory_free),1)]}),_:1})]),_:1})]}),_:1})]),_:1})]),_:1})]),_:1},8,["loading"])]),_:1}),g(V,{span:24,class:"mb-4"},{default:y(()=>[g(T,{loading:b(p)},{header:y(()=>[h("div",Y,[g(P,null,{default:y(()=>[g(q)]),_:1}),m[6]||(m[6]=h("span",{class:"font-medium"},"服务器基本信息",-1)),g(J,{content:"展示服务器基本配置信息"},{default:y(()=>[g(P,null,{default:y(()=>[g(H)]),_:1})]),_:1})])]),default:y(()=>[g(Q,{column:2,border:""},{default:y(()=>[g(N,{label:"服务器名称"},{default:y(()=>{var e;return[x(w((null==(e=b(D).sys)?void 0:e.computer_name)||"-"),1)]}),_:1}),g(N,{label:"操作系统"},{default:y(()=>{var e;return[x(w((null==(e=b(D).sys)?void 0:e.os_name)||"-"),1)]}),_:1}),g(N,{label:"服务器IP"},{default:y(()=>{var e;return[x(w((null==(e=b(D).sys)?void 0:e.computer_ip)||"-"),1)]}),_:1}),g(N,{label:"系统架构"},{default:y(()=>{var e;return[x(w((null==(e=b(D).sys)?void 0:e.os_arch)||"-"),1)]}),_:1})]),_:1})]),_:1},8,["loading"])]),_:1}),g(V,{span:24,class:"mb-4"},{default:y(()=>[g(T,{loading:b(p),class:"shadow-sm"},{header:y(()=>[h("div",z,[g(P,null,{default:y(()=>[g(A)]),_:1}),m[7]||(m[7]=h("span",{class:"font-medium"},"Python运行环境",-1)),g(J,{content:"展示Python环境配置及运行状态"},{default:y(()=>[g(P,null,{default:y(()=>[g(H)]),_:1})]),_:1})])]),default:y(()=>[g(Q,{column:3,border:""},{default:y(()=>[g(N,{label:"Python名称"},{default:y(()=>{var e;return[x(w((null==(e=b(D).py)?void 0:e.name)||"-"),1)]}),_:1}),g(N,{label:"Python版本"},{default:y(()=>{var e;return[x(w((null==(e=b(D).py)?void 0:e.version)||"-"),1)]}),_:1}),g(N,{label:"启动时间"},{default:y(()=>{var e;return[x(w((null==(e=b(D).py)?void 0:e.start_time)||"-"),1)]}),_:1}),g(N,{label:"运行时长"},{default:y(()=>{var e;return[x(w((null==(e=b(D).py)?void 0:e.run_time)||"-"),1)]}),_:1}),g(N,{label:"安装路径"},{default:y(()=>{var e;return[x(w((null==(e=b(D).py)?void 0:e.home)||"-"),1)]}),_:1}),g(N,{label:"项目路径"},{default:y(()=>{var e;return[x(w((null==(e=b(D).sys)?void 0:e.user_dir)||"-"),1)]}),_:1})]),_:1})]),_:1},8,["loading"])]),_:1}),g(V,{span:24},{default:y(()=>[g(T,{loading:b(p)},{header:y(()=>[h("div",B,[g(P,null,{default:y(()=>[g(E)]),_:1}),m[8]||(m[8]=h("span",{class:"font-medium"},"磁盘使用情况",-1)),g(J,{content:"展示磁盘空间使用详情"},{default:y(()=>[g(P,null,{default:y(()=>[g(H)]),_:1})]),_:1})])]),default:y(()=>[g(O,{data:b(D).disks,border:""},{empty:y(()=>[g(G,{"image-size":80,description:"暂无数据"})]),default:y(()=>[g(L,{label:"盘符路径",prop:"dir_name","show-overflow-tooltip":!0}),g(L,{label:"文件系统",prop:"sys_type_name",align:"center",width:"100"}),g(L,{label:"盘符名称",prop:"type_name"}),g(L,{prop:"usage",label:"使用率",align:"center"},{default:y(({row:e})=>[h("div",null,[g(K,{percentage:Number(e.usage),status:e.usage>80?"exception":e.usage>60?"warning":"success","text-inside":!0,"stroke-width":16},null,8,["percentage","status"])])]),_:1}),g(L,{label:"总大小",prop:"total",align:"center",width:"100"}),g(L,{label:"可用大小",prop:"free",align:"center",width:"100"}),g(L,{label:"已用大小",prop:"used",align:"center",width:"100"})]),_:1},8,["data"])]),_:1},8,["loading"])]),_:1})]),_:1})])}}});export{D as default};
|