2 lines
5.3 KiB
JavaScript
2 lines
5.3 KiB
JavaScript
import{g as D,_ as v,W as E,b1 as J,k as V,m as $,n as o,t as l,p as t,az as I,E as S,F as g,J as k,ak as A,l as i,aA as M,aB as Q,a2 as j}from"./vendor/index.CRpmXtWV.js";import{d as G,ap as R,aq as H,B as K,x as X,_ as Y}from"../index.D-NvtsOM.js";import{W as Z}from"./ws-websocket.Bq7KFeli.js";const ee=D({__name:"index",setup(ae){const{t:n}=G(),p=new Z;let r=v({pid:void 0,name:"",username:""}),s=v({interval:null,intervalTime:5e3,query:{pid:void 0,name:"",username:""}});function C(e){const{code:a,requestId:c,data:d}=e;if(a===X){console.warn(e.msg);return}if(!c&&d.clientId){w();return}c.startsWith("ps_")&&(Array.isArray(d)?m.data=d:m.data=[])}function P(e){const a={url:"/ws",onmessage:C,onerror:c=>{console.error(c)}};p.connect(a)}function q(e){clearInterval(s.interval),parseInt(e)>1e3&&(s.intervalTime=e,w())}function w(){if(m.loading||p.state()===-1)return;m.loading=!0;const e={requestId:`ps_${s.interval}`,type:"ps",data:s.query};p.send(e),s.interval=setInterval(()=>{e.data=s.query,p.send(e)},s.intervalTime),m.loading=!1}function O(){s.query=JSON.parse(JSON.stringify(r)),j(()=>{p.send({requestId:`ps_${s.interval}`,type:"ps",data:s.query})})}function z(){Object.assign(r,{pid:void 0,name:"",username:""}),_.current=1,_.pageSize=20,Object.assign(s.query,{pid:void 0,name:"",username:""})}let m=v({loading:!1,data:[]});const b=[{title:n("views.tool.ps.pid"),dataIndex:"pid",align:"right",width:100,sorter:{compare:(e,a)=>e.pid-a.pid,multiple:3}},{title:n("views.tool.ps.cpuPercent"),dataIndex:"cpuPercent",align:"left",width:120,sorter:{compare:(e,a)=>e.cpuPercent-a.cpuPercent,multiple:3},customRender(e){return`${e.value} %`}},{title:n("views.tool.ps.diskRead"),dataIndex:"diskRead",align:"right",width:100,sorter:{compare:(e,a)=>e.diskRead-a.diskRead,multiple:3},customRender(e){return R(+e.value)}},{title:n("views.tool.ps.diskWrite"),dataIndex:"diskWrite",align:"right",width:100,sorter:{compare:(e,a)=>e.diskWrite-a.diskWrite,multiple:3},customRender(e){return R(+e.value)}},{title:n("views.tool.ps.numThreads"),dataIndex:"numThreads",align:"left",width:100,sorter:{compare:(e,a)=>e.numThreads-a.numThreads,multiple:4}},{title:n("views.tool.ps.runTime"),dataIndex:"startTime",align:"left",width:100,customRender(e){const a=H(Date.now(),+e.value,"second");return K(a)}},{title:n("views.tool.ps.username"),dataIndex:"username",align:"left",width:100},{title:n("views.tool.ps.name"),dataIndex:"name",align:"left"}];let _=v({current:1,pageSize:20,defaultPageSize:20,pageSizeOptions:["10","20","50","100"],hideOnSinglePage:!1,showQuickJumper:!0,showSizeChanger:!0,total:0,showTotal:e=>n("common.tablePaginationTotal",{total:e}),onChange:(e,a)=>{_.current=e,_.pageSize=a}});return E(()=>{P()}),J(()=>{p.close()}),(e,a)=>{const c=i.InputNumber,d=i.FormItem,f=i.Col,h=i.Input,B=M,y=i.Button,W=Q,N=i.Space,U=i.Row,x=i.Form,T=i.Card,F=i.Select,L=i.Table;return V(),$(t(A),null,{default:o(()=>[l(T,{bordered:!1,"body-style":{marginBottom:"24px",paddingBottom:0}},{default:o(()=>[l(x,{model:t(r),name:"queryParams",layout:"horizontal"},{default:o(()=>[l(U,{gutter:16},{default:o(()=>[l(f,{lg:4,md:6,xs:12},{default:o(()=>[l(d,{label:t(n)("views.tool.ps.pid"),name:"pid"},{default:o(()=>[l(c,{value:t(r).pid,"onUpdate:value":a[0]||(a[0]=u=>t(r).pid=u),"allow-clear":"",placeholder:t(n)("common.inputPlease"),style:{width:"100%"}},null,8,["value","placeholder"])]),_:1},8,["label"])]),_:1}),l(f,{lg:6,md:12,xs:24},{default:o(()=>[l(d,{label:t(n)("views.tool.ps.name"),name:"name"},{default:o(()=>[l(h,{value:t(r).name,"onUpdate:value":a[1]||(a[1]=u=>t(r).name=u),"allow-clear":"",placeholder:t(n)("common.inputPlease")},null,8,["value","placeholder"])]),_:1},8,["label"])]),_:1}),l(f,{lg:6,md:12,xs:24},{default:o(()=>[l(d,{label:t(n)("views.tool.ps.username"),name:"username"},{default:o(()=>[l(h,{value:t(r).username,"onUpdate:value":a[2]||(a[2]=u=>t(r).username=u),"allow-clear":"",placeholder:t(n)("common.inputPlease")},null,8,["value","placeholder"])]),_:1},8,["label"])]),_:1}),l(f,{lg:4,md:12,xs:24},{default:o(()=>[l(d,null,{default:o(()=>[l(N,{size:8},{default:o(()=>[l(y,{type:"primary",onClick:a[3]||(a[3]=I(u=>O(),["prevent"]))},{icon:o(()=>[l(B)]),default:o(()=>[S(" "+g(t(n)("common.search")),1)]),_:1}),l(y,{type:"default",onClick:I(z,["prevent"])},{icon:o(()=>[l(W)]),default:o(()=>[S(" "+g(t(n)("common.reset")),1)]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["model"]),k("div",null,g(t(s).query),1),k("div",null,g(t(r)),1)]),_:1}),l(T,{bordered:!1,"body-style":{padding:"0px"}},{title:o(()=>[l(x,{layout:"inline"},{default:o(()=>[l(d,{label:t(n)("views.tool.ps.realTime"),name:"realTime"},{default:o(()=>[l(F,{value:t(s).intervalTime,"onUpdate:value":a[4]||(a[4]=u=>t(s).intervalTime=u),options:[{label:t(n)("views.tool.ps.realTimeHigh"),value:3e3},{label:t(n)("views.tool.ps.realTimeRegular"),value:5e3},{label:t(n)("views.tool.ps.realTimeLow"),value:1e4},{label:t(n)("views.tool.ps.realTimeStop"),value:-1}],placeholder:t(n)("common.selectPlease"),onChange:q,style:{width:"100px"}},null,8,["value","options","placeholder"])]),_:1},8,["label"])]),_:1})]),default:o(()=>[l(L,{class:"table","row-key":"pid",columns:b,pagination:t(_),loading:t(m).loading,"data-source":t(m).data,size:"small",scroll:{x:b.length*120}},null,8,["pagination","loading","data-source","scroll"])]),_:1})]),_:1})}}}),oe=Y(ee,[["__scopeId","data-v-b37987be"]]);export{oe as default};
|