From efdc3ee43ea17597322a8b5add9e9c4e8a524747 Mon Sep 17 00:00:00 2001
From: wangchengming <15110151257@163.com>
Date: Sat, 19 Apr 2025 18:57:54 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=B9=E6=8E=A5=E7=B3=BB=E7=BB=9F=E7=9B=91?=
 =?UTF-8?q?=E6=8E=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/analysis.js              |  15 +
 src/assets/img/serverIP.png      | Bin 0 -> 4276 bytes
 src/assets/img/serverName.png    | Bin 0 -> 2912 bytes
 src/assets/img/serverOrg.png     | Bin 0 -> 3028 bytes
 src/assets/img/serverSystem.png  | Bin 0 -> 2772 bytes
 src/views/dashboard/Analysis.vue | 620 ++++++++++++++++++++++++++++---
 src/views/data/dataSearch.vue    |   9 +-
 7 files changed, 580 insertions(+), 64 deletions(-)
 create mode 100644 src/api/analysis.js
 create mode 100644 src/assets/img/serverIP.png
 create mode 100644 src/assets/img/serverName.png
 create mode 100644 src/assets/img/serverOrg.png
 create mode 100644 src/assets/img/serverSystem.png

diff --git a/src/api/analysis.js b/src/api/analysis.js
new file mode 100644
index 0000000..b7cf5c5
--- /dev/null
+++ b/src/api/analysis.js
@@ -0,0 +1,15 @@
+import { getAction, deleteAction, putAction, postAction } from '@/api/manage'
+
+const serverInfo = (params)=>getAction("/systemMonitor/getServerInfo",params);
+const fillCpuInfo = (params)=>getAction("/systemMonitor/fillCpuInfo",params);
+const fillMemoryInfo = (params)=>getAction("/systemMonitor/fillMemoryInfo",params);
+const fillJvmInfo = (params)=>getAction("/systemMonitor/fillJvmInfo",params);
+const fillDiskInfo = (params)=>getAction("/systemMonitor/fillDiskInfo",params);
+
+export {
+    serverInfo,
+    fillCpuInfo,
+    fillMemoryInfo,
+    fillJvmInfo,
+    fillDiskInfo
+}
\ No newline at end of file
diff --git a/src/assets/img/serverIP.png b/src/assets/img/serverIP.png
new file mode 100644
index 0000000000000000000000000000000000000000..346daf02edf005116ec9d8dbd7ff060070032a1f
GIT binary patch
literal 4276
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/serverName.png b/src/assets/img/serverName.png
new file mode 100644
index 0000000000000000000000000000000000000000..e718162513b15437f2265dcc59986cd18cf2be96
GIT binary patch
literal 2912
zcma)8cT`jN9*+@Z1TA|hn1oRgG8vM{N=O0`g2)m<DIvLp2+0i@vP3BO3W~}UL<Etx
z0wQ&Qih{C>SY*g3hzbZOMJ!9vQq-4NrTwFx_wG6O{>J%yKHq)LJ>u!%vR+wV83KW<
zr@K<Tq^pzcRa__iUf@PPkuG{-s=wG93>8N)g#d)a215WioyX(=UI3FF6WI>fK_F|V
zxIX@3e}+4e1@h2L83rBA6G+(*h@E4!fXNC6#PAS+!{yr}XKU+`a4y>(x!an7WeA*s
zFs^H?5b%!m@L|P<vj}XYqXXP7nkW_E0b(XRnis(r5u@#qA9ab+z3du;gnxvH!|joO
zIpxprggb*m0B(cEqF7ig9=?r$#@Sd|*<dZ;cq|@^!CGT*cofcth_xc(w!uF=NU1d;
zJCx`}p?$I?J=r6}#9{#vgNcfYLPuGmK_Lf&BM=A}EFOc$qofFwD26X)Mx*#5qt6Ny
zK*SPq1!6A9hszY1A)rKTkCb})R|q`8sw`jhDNWLZVWOD=3=WNzh4c}~X074`5@Ezg
z<7^fNhyZv1Uo4VhajRHqmKcmx_`k~Xc&liU*bDeOwtq#7d}0Iu#tRUE5+O@k<WM7-
zTLPl95MYWyp$`Z~e9pLM7$^osVW0qx$D#4?ExWmVHW(!``v(D_FvWm9Qks5i6xK?b
zdmmZ)ZHPEqbF3{9i~S4A0NLEonEwwdtv#D5X8unwn?(!-g*>LT09;wSVg!87M{5iQ
zk<J&1nS2&Nr`RK<v7xzKHjzZZk_pZv0**u=;BYi7!G>y0v!zh6)|SpR5&{32O95FD
zSs6Za*?)6MU*yUfT2?3`1rTx%0Bo8N<iS4{gUJ1|FWbJT_le8?vM;t@<YJ`GU}Ww2
zk9PfhC7l7;c6Ioqht=@~_|lmbN{4ge`tIuxh{6Ush2#_ca3U};!pB#0Ulg&>V>4@n
z%ym0rmQF77$xJPIZ?n8hgNme*jGm?>DM7z6U7lQ<lc>H{Ii%Y7fo_T1r1MH5M18_6
zV2hTsT8ullv{(CK=lHERg`(}ObA@9?qF>yH+Dj~}-*gOhRlO;SuU;u6Mx6I*iXdw-
zm6_^H3q;<iT0$>%%6PA-m4=7LX+;GkotKZ!XfOli=HN_+F?yreZb30eEp)@O0c_l*
z$)-uIe`Ehbl$>v6tBM7pj&f>$cGG*~gY>~I7imEd`4M^cuXl|sj4VtvgV|+;my0f+
z7|qsjVx67jD8ZB}l&Ce9eKdd4+oQ#S8VxsY`xR9fN0`_hohW`s)=Su<m^3yVABrA>
zHQBowhEO+|)RDugUubq8zKL-Ws++U7j~R_=E8(8?saHYrQtvEguCyp`RV&?9uM7)*
zR{wP$QWAE@Hgo!^5+X<?xN0OTq@%#ceCd6Y;CIz7=o6zpBT0GC4-YCXDvl0~8M-3^
z=x=#tz05Lr^jX_!8Y~_?ohmxwpJ<A&c(ltnac^Vqc=C8-WfGj@Bf>7H#snCjSS-7q
z=5W)l=JHr<-QaX-PRxVL!TU{v&g3fH@b>oNg|o9s0bv}s&DX6TH}sh2!fY>1xxD@E
zY9fH|u<X~Y#m4O=9<ADR!91#CE4^)K334Ln>fQz|nBmCrb&cJLM}-u+IrXdK^tP6R
zrSr=<+Y&46nYJcuHRE>^9HOW5i(K}0?6vMAr|bg}&*oWGXH~=3Tq-Yn4$3u6!Du!$
zV*;HG`(~1pd4tIRNDO*sCCu=B2<XJR!rKV{Eu$gjPFDPZmLh0f^KM_={i)U8zffDV
zGOX9)=<vr0?>pup<e#tJLTC+{<fWF-x1kaXay5KY9v`#1yWiaFn5|f4P}Ple=>Cqz
z#WlUqXIsYu()X9%{<@4DICV?y=$>zm$Ybp}icV=3=PwTSyed=CzCTwy835s`ldzO~
z=&m$5U+4Min)5WswNTXwzgL>qv{i?K<Bzv_=9*S*D(MnA`Ak6Fvy~=ipkJ9wR&;g3
zmX^MM7wbB$sn`>Hldo|8c)RCIC~bxXJ9RDqVp_X-hTA*_yPYvQlEIPC*Xe8L=>Ku}
zd?)nOg(2vLK4tjw1DA*O(|PZotl<?|ZBK%GYvna--P`9hgGo-u$UhXGhD~QCSV^=!
z8?`-49?2hW|7I3u-s9&8<k7JG9d=In@|uw<b7k62{t*H`109+Z+KmfCDGKIPx(WWf
zMxmHSml8ui{k6hDsNI3q#OIu6X67kISNnb2AnD%ctU%(rJ&Rl=lkGD$`tHv2-i=jU
zaN{BF0;{uS)5Qx08@)BnuR)eOE<b6_KZ$RVYott(;~axNoYyLN6MOv4?TOiqOM6=f
z;)D7gpG`4JcoWQZu0ZT&uum($8E!>4NUpSP&~ZI{pm2`){K|$IaEUdq(ONTL(6Z$G
z>t*hkoSj#G^7K`A^@f<e=f?Xc`wq)*5q--)@U7dckTVA50;Cn_x2CS}U0Hqxudb_8
zP<*TJc-Nsj$LK86;8|{ckE&il0bh|6sT#q8*{0uhO<T~-@T@%hvSoN@9<?BAk4K#&
zXqOw|kir=#Bq3UVyY^bEMAyquuB%GkYUrfmo*%R9bPoAD$k*Rk3SOwOXnv*e$c?x4
zQHy<J_73^tInR6thd;F!`hmElE8;BFXz{+bV$=@<&_k2Df^UP)sJ)&~RUo;Q9y_hu
zFp^Mx`banbM`$;%?+y|6w%zrx3irF$w0UpC178(QA6+twwuwtpP(-DQ-Av+=mUc9B
z$eEN==j`TM6))ZG&8wKrg4gt@_?*zq9(0|`utu%7X>*FvnNqFOpJi2$eo~5l^~#_e
zI$XH!#xG3R;_qUGg)O3->crQn`IZM%vO0-LyJ=1LD<6j~z8*p*8g9+T#Kr;DU3Hb|
z@9G<k@GG|oUGlsux7sy0@wP#~k+_+|W%JF-A<){B&F9AY2#zPV{mG6^>InSv!vMN+
zIKHB5IAtP#tsm8H=ZdbnZswTdC{E9Ct3FCZE=(#d=!h)C5sGdF9lJa8GOV~&Hzey|
zO;PaocVT`%*e-@+JLGO!diY)2Ax`s>1XQodB()>Vo|IX9SOCZfFEA+j#$c_X3nVgK
zv*`M>@)tgOd7P&kL+|}O$v{}Z1#2ZSS(XWLI;MQ1$_e=q<R<dMzI^6F^SzULuy@w)
z6InHB7)JhUD~@lP;^wEFK?Q+kIZU(Xxi^UwX$>{WbEaeKkIl5U?^Fs$#6?~`IAG&j
zfWOqa(Blngj5A6+y`v=84~8ZiY@7s7zx}DxI|Hn`Qu`8laQ$}l&h&)Q@Y?(Rbq<c}
zGdrtd;vLRrP)89Zd~yopM#W9W2L;;b@=5|!1>(Ga3K56;`8(M^FP-W^`H38y^k3Oq
BusZ+%

literal 0
HcmV?d00001

diff --git a/src/assets/img/serverOrg.png b/src/assets/img/serverOrg.png
new file mode 100644
index 0000000000000000000000000000000000000000..0058916e02cb2c99a0bf3c3f459d7505b63b3037
GIT binary patch
literal 3028
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
Vw-0lhdpG{G9qnAORW^Z%{{^t&=rsTU

literal 0
HcmV?d00001

diff --git a/src/assets/img/serverSystem.png b/src/assets/img/serverSystem.png
new file mode 100644
index 0000000000000000000000000000000000000000..55d25b2ee1ebc651a74291854167c2570d41e462
GIT binary patch
literal 2772
zcmai03piAH8y}6^mV6_$E{oI5_C?IhnK8!9gj~io6U{23He=4g$jq5$rVP5sB_!Qc
zBs7UdLR(S^sYI>hQl!!iEu};^q_Sta*!`Yod%p9WbN>JHe}2FB@_XO+c}}YDQuo<2
zjb>snnAx5lY%aPwDj!XC^nFaQ?g6?O%3K3vzaXKqD4qnyI6+7V40sB8VK5iwLDB23
z!FCu7c2M9KAPeAlv-pUR#8YBOa-kSyV=#7$<zgOxEi3~<;4p#69{=+E1w0^t?D76K
z9FQY+fx`tJF%tNfn5BOFn6-Q+gkS6c*vVO_0U<2o0diraNXnAi<3HPFp?l>q84rAh
z$ky89zXTP)@daEE2@KFlAdwG(RKS)=qR?qHI%ow@K`KZFZO9ZVkwRyIG#14c_<G?{
zZxSe!#bvvF^@V=f<HKb#F^f!&ii#pdS(6Y+7@5LkGRYv7Or;W01W_6-lJVq3k(BVw
z0vnd{B?7TbfQSI4MP3N9US^L+BmI(sP&{o`B>gHADi~SL6O$<<P?^$aAjF@>iPuXa
zKRbu`WH=HQ!XlXz#ZsoRs7f5pH2h!93Wd{Xsf-K%o!h^nrGC+3n9PNx$a)DMEpjM9
z8J3vkB7u1_MB;}ak>3>e4M${%G#n8FR0@d-nEMMv5E3P|_y+-I^JK6+9+lsQ2+~mP
z{gm?4SrmpP$Y6os7bpjT1fkL2fl{ge14U~O@npRJ3x@ctP(&i+p#=~q+m$R9g?;wM
z;jlbKQW;OghdtT$cr-VXKmf6v+?*IxR|=it#AH$^ZXm<i+KpjNwYH^!);6vTmv3A)
z!e6f}!#6JUH`n&NTxCNm3&mo?62S%-a+4rJ;Bzrpg73#d`>wsOT<H6;*nF2uMuQ<M
z+w&jo`t1mv0p)gj_|T8(@r6a`%u3MVbkGILF&OoDPqvev{BD2H+DN_SdJd-+O%84_
zdx72}GtDyLebw1?)%@|+?!o_r6g24V@M%~ah^^$jNycr-(yV){5rT8659g;)%-QLm
zwnp@36zFkW+x;REtGZWozZl**aQ%V6c1RR8aO3%@1ryaR&u`?$-uO6tZY+oCU;NP{
z-fju*chmONLC00QirvrRwBH>vY|w8|?G0;SHkgMPQ1V)Dq~coBR77rX@WYT-n68Ek
zA>Z=JB5Gq(%Fz_$?QpSgtkp69po01h4GAg6uV}$xItbyNbyv7;++;#@neZ0y9_It}
z_!=B!*KC)oQOa5{F1+DboiV~Yyq)h)=Mo3qYZ7*kYmGdx$(sz+NyeRV6kN5S8(a`G
zE}p#`8-qjU<@mCkv7;uvIt{*cD^#|&Z(6YLx3;*NUGlA*v>ZL%q#lFd&<AIJ^jZ@h
zXVe{`*PftK@F6)xWN!8pw(Mw(bi4W|Hszg0vv;&>^~#4YgCbZEzh0U`^sPIYBrMd3
z);b|5F>dxy$327sO{mO^`y)$A^_ca&DX-6gj=_s8{nZTXugI#2on{5n_{yWz`U`zL
ziZr?<b&R`txBtt<8gFl^ExaZ5*{@PV$KLWce&km1!whW#jj4sZ{QJF_Rm-j3*fzU+
zhlMz<q3kPS`WKlCY@LgjCWdC3Th<(NOVlS3veKR3AL<l7sr7EMPg@FBf%BhR6|@}M
zODy)rF0`>T-8$DVLR_mGct8I*W8Trdh7cX^#GR7rcZ|BuKfL>TTvKJ^>rWAcabG91
z&F>AJ9dv2T^jD_=Zf3#9^u<TY8Z{5GN-Kj_Yyt;DQx9#rR*E_JX<6RDSeew>zg|ly
z%J2?q-~G|l@>A%u2ye59(ZV-Xrxc!C14qwhdftJ&2a3(7cN`g`dZ?RJX37l|{nj1>
zH)mpF<mX3T)~M1m6q|4TT#}^)+_5rt^q{r1Ol?eU0ra(XUh4F|A0&?$D}vU=@7q2c
z=RC8WZhE_d=pb;Xwd)1=kK}R$-YR#-bg-h1XUS(-WlggTf2gDiY$yt;p|v98(&Gd1
z$fiPuCTjwd{-P3xHL9!()=}#mGg$ZLZMRxh_|Wlm71LKL+AX=h7LO;gNTqR+8-*{r
zQ&qCH#FNc@TrtIomaJg2`7KF(AX7KVtm4Y!2iOboD+^An=%s#ma;|uVIzx48r`gW|
zb#sp70!c|dR^uTGY~aTOIXTsFJ8F$mFK6E;v<=cPUo&~}%7!$MJhnO~FZpz9US~+0
zVfKt{t+w{y<xR{|ouB4n<;PqLE+_=!*=;FCMfFz9i)rINap#l7TF>Vmtquo`lEneB
z4DZ&iK~=I2mgJaUP<UdIlV?S);<pVX9M)~t1zoGu;1p<|BtC3roo>N=>vDe32gx=A
zaFtlyWB%p1imMtQwoZL$=<R!=r`0~W>*4;KM?d_E)vU?wDs|X%Smkh=8FuJ;n{$z0
z{@n;G2kba7bi7~HhtLS@AugZ)ax+t<wBl64nMN&#OlDE6mck6nkjC@92a<jy+?u(3
z&G7Pj9p$#IL{(Nx-NNwM-Sx?hnlV<mh^oFKeLIq_JSVL&HH0=;X|$cG_RexqR{!lj
z*{B7Z=##cAa^S;w&W<Tpk-=!$arZt|;iJk_aWrej7S1+a|CyB|o!LjaM0;lkDAL>X
zZrWT_IJSmeTjP+>z51&Do*jJ~vY;+nOc^fl@$U4FM^%>=Lb|K1ji|;8&Q3^A@9N1o
zeiV0h;ATI0$?#iw?LGWtX6P3E#K5bJxg&ix*@3SOe(7nSI-ULJ;9ExRjI33l<H&GE
z$>RL?)d~7WQ;StC)aE?(g0$zEZtEz)b}d;-xer{yjLOQB{(y>$i@DDd%fZ|Nn!3l3
zYss@1<DVlCOQ$NQZC<Ym7rG{Q*C{Ss-~Ui!iQn$Dl^eJTRzZH{o%!y-GV_DWPVWE1
z>$<edX`*x1;owb~Ck=q16?>1B**Z_`YtHyd&7}E>J|WW8cgFg#RLhFt`o!(Q@kTvK
ziZcHalY{dnG~_$4i~Da4syw_*b)XeC+%yK3#ZKDkjdk~6jJ3)e;tm`=HAlLm3Fm`1
zO}=EBv(aR9PPjeePUXAeUvs%TZ*+8IR2<7#Hn;d`l&q>`$iso<g=7yNzp=W0Pv{cs
z`#TBRE)Lp0wiV1Aq<Ue~fXnWyc9u;87Ox?fw#QFa9w<2&GNI{pbC;va&eo{~^_bsk
W{We-~Gd-36nVzmo+2zi`@qYo8xN+J5

literal 0
HcmV?d00001

diff --git a/src/views/dashboard/Analysis.vue b/src/views/dashboard/Analysis.vue
index 3cf1dab..cf4a501 100644
--- a/src/views/dashboard/Analysis.vue
+++ b/src/views/dashboard/Analysis.vue
@@ -1,95 +1,595 @@
 <template>
-  <div class="analysisBG">
-    <div class="buttonBG">
-      <a-row :gutter="20">
-        <a-col :span="4" class="clickbutton" @click="openlink('/#/task/index')">
-          <div class="buttontext">任务管理</div> 
-          <div class="buttonicon"><img src="~@/assets/img/任务管理.png"></div>
+  <a-card :bordered="false">
+    <div style="height:85px;background: #e6e9f1;padding: 10px;">
+      <a-row :gutter="6">
+        <a-col :span="6">
+          <div class="gutter-box">
+            <a-row>
+              <a-cel :span="1" style="display: inline-block;width: 64px;">
+                <img src="~@/assets/img/serverName.png" />
+              </a-cel>
+              <a-cel :span="2" style="display: inline-block;width: 106px; padding-left: 10px;">
+                <span class="infoTitle">服务器名称：</span>
+              </a-cel>
+              <a-cel :span="21" style="display: inline-block;position: relative;">
+                <div class="infoName">{{ serverInfoForm.hostName }}</div>
+              </a-cel>
+            </a-row>
+          </div>
         </a-col>
-        <a-col :span="4" class="clickbutton" @click="openlink('sjsxybs://test')">
-          <div class="buttontext">数据筛选与报送</div> 
-          <div class="buttonicon"><img src="~@/assets/img/数据接入.png"></div>
+        <a-col :span="1">
+          <div class="splitLine"></div>
         </a-col>
-        <a-col :span="4" class="clickbutton" @click="openlink('/#/datalink/dblink')">
-          <div class="buttontext">数据接入</div> 
-          <div class="buttonicon"><img src="~@/assets/img/数据导入.png"></div>
+        <a-col :span="6">
+          <div class="gutter-box">
+            <a-row>
+              <a-cel :span="1" style="display: inline-block;width: 64px;">
+                <img src="~@/assets/img/serverSystem.png" />
+              </a-cel>
+              <a-cel :span="2" style="display: inline-block;width: 90px; padding-left: 10px;">
+                <span class="infoTitle">操作系统：</span>
+              </a-cel>
+              <a-cel :span="21" style="display: inline-block;position: relative;">
+                <div class="infoName">{{ serverInfoForm.osName }}</div>
+              </a-cel>
+            </a-row>
+          </div>
         </a-col>
-        <a-col :span="4" class="clickbutton" @click="openlink('/#/data/statistics')">
-          <div class="buttontext">数据统计</div> 
-          <div class="buttonicon"><img src="~@/assets/img/数据统计.png"></div>
+        <a-col :span="1">
+          <div class="splitLine"></div>
         </a-col>
-        <a-col :span="4" class="clickbutton" @click="openlink('/#/isystem/user')">
-          <div class="buttontext">系统管理</div> 
-          <div class="buttonicon"><img src="~@/assets/img/系统管理.png"></div>
+        <a-col :span="5">
+          <div class="gutter-box">
+            <a-row>
+              <a-cel :span="1" style="display: inline-block;width: 64px;">
+                <img src="~@/assets/img/serverIP.png" />
+              </a-cel>
+              <a-cel :span="2" style="display: inline-block;width: 90px; padding-left: 10px;">
+                <span class="infoTitle">服务器IP：</span>
+              </a-cel>
+              <a-cel :span="21" style="display: inline-block;position: relative;">
+                <div class="infoName">{{ serverInfoForm.ipAddress }}</div>
+              </a-cel>
+            </a-row>
+          </div>
+        </a-col>
+        <a-col :span="1">
+          <div class="splitLine"></div>
+        </a-col>
+        <a-col :span="4">
+          <div class="gutter-box">
+            <a-row>
+              <a-cel :span="1" style="display: inline-block;width: 64px;">
+                <img src="~@/assets/img/serverOrg.png" />
+              </a-cel>
+              <a-cel :span="2" style="display: inline-block;width: 90px; padding-left: 10px;">
+                <span class="infoTitle">系统架构：</span>
+              </a-cel>
+              <a-cel :span="21" style="display: inline-block;position: relative;">
+                <div class="infoName">{{ serverInfoForm.architecture }}</div>
+              </a-cel>
+            </a-row>
+          </div>
         </a-col>
       </a-row>
     </div>
-  </div>
+    <a-row :gutter="20">
+      <a-col :md="16" :sm="1" style="height:calc(50vh - 125px);">
+        <div class="linese"></div>
+        <div class="echartsTitle" style="position: relative">
+          <div class="ecicon"></div>CPU
+          <div class="subinfo">
+            <span class="subTitle">核心数：</span>
+            <span class="clore1">{{ cpuInfo.cpuCoreCount }}</span>
+            <span class="subTitle">当前应用使用率：</span>
+            <span class="clore2">{{ cpuInfo.userCpuUsage }}%</span>
+            <span class="subTitle">系统使用率：</span>
+            <span class="clore3">{{ cpuInfo.systemCpuUsage }}%</span>
+            <span class="subTitle">当前空闲率：</span>
+            <span class="clore4">{{ cpuInfo.idleCpuUsage }}%</span>
+          </div>
+
+        </div>
+        <div id="cleaningVariance" class="cleaningVariance" ref="cleaningVariance"
+          style="width: 100%;background:#e6e9f1; height: calc(100% - 70px);"></div>
+        <div class="linese"></div>
+      </a-col>
+      <a-col :md="8" :sm="2" style="height:calc(50vh - 125px);">
+        <div class="linese"></div>
+        <div class="echartsTitle">
+          <div class="ecicon"></div>磁盘
+        </div>
+        <div id="totalNumberCatalogues" class="totalNumberCatalogues" ref="totalNumberCatalogues"
+          style="width: 100%;background:#e6e9f1; height: calc(100% - 70px); ">
+          <a-table ref="table" size="middle" bordered rowKey="id" :columns="columns" :dataSource="diskInfo"
+            :pagination="false" :scroll="{ y: 'calc(50vh - 246px)' }">
+          </a-table>
+        </div>
+        <div class="linese"></div>
+      </a-col>
+      <a-col :md="12" :sm="3" style="height:calc(50vh - 185px);">
+        <div class="linese"></div>
+        <div class="echartsTitle" style="position: relative">
+          <div class="ecicon"></div>内存
+          <div class="subinfo">
+            <span class="subTitle">总内存：</span>
+            <span class="clore5">{{ memoryInfo.totalMemory }}</span>
+            <span class="subTitle">已用内存：</span>
+            <span class="clore6">{{ memoryInfo.usedMemory }}% </span>
+            <span class="subTitle">剩余内存：</span>
+            <span class="clore7">{{ memoryInfo.freeMemory }}%</span>
+            <span class="subTitle">使用率：</span>
+            <span class="clore8">{{ memoryInfo.memoryUsage }}%</span>
+          </div>
+        </div>
+        <div id="catalogingStorage" class="catalogingStorage" ref="catalogingStorage"
+          style="width: 100%;background:#e6e9f1; height: calc(100% - 70px);"></div>
+        <div class="linese"></div>
+      </a-col>
+      <a-col :md="12" :sm="4" style="height:calc(50vh - 185px);">
+        <div class="linese"></div>
+        <div class="echartsTitle" style="position: relative">
+          <div class="ecicon"></div>JVM
+          <div class="subinfo">
+            <span class="subTitle">总内存：</span>
+            <span class="clore5">{{ jvmInfo.jvmTotalMemory }}</span>
+            <span class="subTitle">已用内存：</span>
+            <span class="clore6">{{ jvmInfo.jvmUsedMemory }}% </span>
+            <span class="subTitle">剩余内存：</span>
+            <span class="clore7">{{ jvmInfo.jvmFreeMemory }}%</span>
+            <span class="subTitle">使用率：</span>
+            <span class="clore8">{{ jvmInfo.jvmMemoryUsage }}%</span>
+          </div>
+        </div>
+        <div id="typeStorage" class="typeStorage" ref="typeStorage"
+          style="width: 100%;background:#e6e9f1; height: calc(100% - 70px);"></div>
+        <div class="linese"></div>
+      </a-col>
+    </a-row>
+  </a-card>
 </template>
 
 <script>
+import { serverInfo, fillCpuInfo, fillMemoryInfo, fillJvmInfo, fillDiskInfo } from '@/api/analysis'
 export default {
   name: 'Analysis',
   components: {},
   data() {
     return {
-      
+      myTimer: null,
+      serverInfoForm: {
+        osName: null,
+        hostName: null,
+        ipAddress: null,
+        architecture: null
+      },
+      cpuInfo: {
+        cpuCoreCount: null,
+        userCpuUsage: null,
+        systemCpuUsage: null,
+        idleCpuUsage: null,
+        chartDate: {
+          xData: [],
+          y1Data: [],
+          y2Data: []
+        }
+      },
+      memoryInfo: {
+        totalMemory: null,
+        usedMemory: null,
+        freeMemory: null,
+        memoryUsage: null,
+        chartDate: {
+          xData: [],
+          yData: [],
+        }
+      },
+      jvmInfo: {
+        jvmTotalMemory: null,
+        jvmUsedMemory: null,
+        jvmFreeMemory: null,
+        jvmMemoryUsage: null,
+        chartDate: {
+          xData: [],
+          yData: [],
+        }
+      },
+      diskInfo: [],
+      columns: [
+        {
+          title: '序号',
+          width: 70,
+          customRender: (text, record, index) => `${index + 1}`,
+        },
+        {
+          title: '磁盘地址',
+          align: "center",
+          dataIndex: 'name',
+        },
+        {
+          title: '总大小(M)',
+          align: "center",
+          dataIndex: 'totalSize',
+        },
+        {
+          title: '已使用(M)',
+          align: "center",
+          dataIndex: 'used',
+        },
+        {
+          title: '挂载地',
+          align: "center",
+          dataIndex: 'mount',
+        }
+      ]
     }
   },
   mounted() {
 
   },
-  created() {},
+  destroyed: function () { // 离开页面生命周期函数
+    clearInterval(this.myTimer);
+  },
+  created() {
+    this.getServerInfo()
+    this.getFillDiskInfo()
+    this.myTimer = setInterval(() => {
+      this.getFillCpuInfo()
+      this.getFillMemoryInfo()
+      this.getFillJvmInfo()
+    }, 3000)
+  },
   methods: {
-    openlink(url){
-      window.location.href = url;
+    getServerInfo() {
+      serverInfo().then(res => {
+        if (res.code == 200) {
+          this.serverInfoForm = {
+            osName: res.result.osName,
+            hostName: res.result.hostName,
+            ipAddress: res.result.ipAddress,
+            architecture: res.result.architecture
+          }
+        }
+      })
     },
+    getFillDiskInfo() {
+      fillDiskInfo().then(res => {
+        if (res.code == 200) {
+          this.diskInfo = res.result
+        }
+      })
+    },
+    getFillCpuInfo() {
+      fillCpuInfo().then(res => {
+        if (res.code == 200) {
+          let date = new Date(res.timestamp);
+          let hours = date.getHours();
+          let minutes = date.getMinutes();
+          let xlable = hours + ':' + minutes
+          this.cpuInfo.cpuCoreCount = res.result.cpuCoreCount
+          this.userCpuUsage = res.result.userCpuUsage
+          this.systemCpuUsage = res.result.systemCpuUsage
+          this.idleCpuUsage = res.result.idleCpuUsage
+          this.cpuInfo.chartDate.xData.push(xlable)
+          this.cpuInfo.chartDate.y1Data.push(res.result.userCpuUsage)
+          this.cpuInfo.chartDate.y2Data.push(res.result.systemCpuUsage)
+          // 初始化图
+          this.initCPUChart()
+        }
+      })
+    },
+    initCPUChart() {
+      var myChart = this.$echarts.init(this.$refs.cleaningVariance);
+      var option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          }
+        },
+        legend: {
+          data: ['当前应用使用率', '系统使用率']
+        },
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: false,
+            data: this.cpuInfo.chartDate.xData
+          }
+        ],
+        yAxis: [
+          {
+            type: 'value'
+          }
+        ],
+        series: [
+          {
+            name: '当前应用使用率',
+            type: 'line',
+            stack: 'Total',
+            areaStyle: {
+              color: '#407BF3',
+              opacity: 0.2
+            },
+            lineStyle: {
+              color: '#407BF3' //改变折线颜色
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.cpuInfo.chartDate.y1Data
+          },
+          {
+            name: '系统使用率',
+            type: 'line',
+            stack: 'Total',
+            areaStyle: {
+              color: '#D8971A',
+              opacity: 0.2
+            },
+            lineStyle: {
+              color: '#D8971A' //改变折线颜色
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.cpuInfo.chartDate.y2Data
+          },
+        ]
+      };
+      myChart.setOption(option);
+    },
+    getFillMemoryInfo() {
+      fillMemoryInfo().then(res => {
+        if (res.code == 200) {
+          let date = new Date(res.timestamp);
+          let hours = date.getHours();
+          let minutes = date.getMinutes();
+          let xlable = hours + ':' + minutes
+          this.memoryInfo.totalMemory = res.result.totalMemory
+          this.memoryInfo.usedMemory = res.result.usedMemory
+          this.memoryInfo.freeMemory = res.result.freeMemory
+          this.memoryInfo.memoryUsage = res.result.memoryUsage
+
+          this.memoryInfo.chartDate.xData.push(xlable)
+          this.memoryInfo.chartDate.yData.push(res.result.usedMemory)
+          // 初始化图
+          this.initMemoryChart()
+        }
+      })
+    },
+    initMemoryChart() {
+      var myChart = this.$echarts.init(this.$refs.catalogingStorage);
+      var option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          }
+        },
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: false,
+            data: this.memoryInfo.chartDate.xData
+          }
+        ],
+        yAxis: [
+          {
+            type: 'value'
+          }
+        ],
+        series: [
+          {
+            type: 'line',
+            stack: 'Total',
+            areaStyle: {
+              color: '#138B4E',
+              opacity: 0.2
+            },
+            lineStyle: {
+              color: '#138B4E' //改变折线颜色
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.memoryInfo.chartDate.yData
+          }
+        ]
+      };
+      myChart.setOption(option);
+    },
+    getFillJvmInfo() {
+      fillJvmInfo().then(res => {
+        if (res.code == 200) {
+          let date = new Date(res.timestamp);
+          let hours = date.getHours();
+          let minutes = date.getMinutes();
+          let xlable = hours + ':' + minutes
+          this.jvmInfo.jvmTotalMemory = res.result.jvmTotalMemory
+          this.jvmInfo.jvmUsedMemory = res.result.jvmUsedMemory
+          this.jvmInfo.jvmFreeMemory = res.result.jvmFreeMemory
+          this.jvmInfojvmMemoryUsage = res.result.jvmMemoryUsage
+          this.jvmInfo.chartDate.xData.push(xlable)
+          this.jvmInfo.chartDate.yData.push(res.result.jvmUsedMemory)
+          // 初始化图
+          this.initJvmChart()
+        }
+      })
+    },
+    initJvmChart() {
+      var myChart = this.$echarts.init(this.$refs.typeStorage);
+      var option = {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            label: {
+              backgroundColor: '#6a7985'
+            }
+          }
+        },
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        xAxis: [
+          {
+            type: 'category',
+            boundaryGap: false,
+            data: this.jvmInfo.chartDate.xData
+          }
+        ],
+        yAxis: [
+          {
+            type: 'value'
+          }
+        ],
+        series: [
+          {
+            type: 'line',
+            stack: 'Total',
+            areaStyle: {
+              color: '#23B0CE',
+              opacity: 0.2
+            },
+            lineStyle: {
+              color: '#23B0CE' //改变折线颜色
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.jvmInfo.chartDate.yData
+          }
+        ]
+      };
+      myChart.setOption(option);
+    }
   },
 }
 </script>
 
 <style scoped>
-.analysisBG {
-  background-image: url('~@/assets/img/analysisBG.png');
-  background-repeat: no-repeat;
-  margin-left: -20px;
-  width: 1920px;
-  height: 930px;
+.gutter-box {
+  padding: 0 0 0 20px;
+  height: 64px;
 }
-.buttonBG{
-  margin-top: 12px;
-  margin-left: 30px;
-  height: 900px;
-  
+
+.splitLine {
+  width: 1px;
+  height: 36px;
+  background: #9098A9;
+  margin: 14px auto;
+  text-align: center;
 }
-.clickbutton {
-  margin-top: 5%;
-  background-image: url('~@/assets/img/buttonbg.png');
-  background-repeat: no-repeat;
-  background-position: center top;
-  height: 447px;
-  width: 366px;
-  cursor: pointer;
+
+.infomo {
+  display: inline-block;
+  margin-left: 10px;
+  width: calc(100% - 74px);
 }
-.button:hover {
-  background-color: #0056b3;
-  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-  transform: translateY(1px); 
+
+.infoTitle {
+  font-family: REEJI-ZhenyanGB2.0;
+  font-weight: 400;
+  font-size: 16px;
+  color: #1964C6;
 }
-.buttonicon {
-  display: flex;
-  justify-content: center; 
-  align-items: center;    
-  margin-top: 22%; 
+
+.infoName {
+  position: absolute;
+  top: -16px;
+  width: 200px;
+  font-family: REEJI-ZhenyanGB2.0;
+  font-weight: 400;
+  font-size: 16px;
+  color: #363F56;
+  overflow: hidden;
+  /* 超出部分隐藏 */
+  white-space: nowrap;
+  /* 文本不换行 */
+  text-overflow: ellipsis;
+  /* 超出部分显示省略号 */
 }
-.buttontext{
-  margin-top: 16%;
-  display: flex;
-  justify-content: center; 
-  align-items: center;
-  font-size: 24px;
-  color: white;    
-  line-height: 1.8;
-  letter-spacing: 5px;
+
+.subinfo {
+  position: absolute;
+  top: 0;
+  right: 14px;
+}
+
+.subTitle {
+  font-weight: 400;
+  font-size: 14px;
+  color: #363F56;
+  padding-left: 20px;
+}
+
+.clore1 {
+  font-weight: 400;
+  font-size: 14px;
+  color: #D25C23;
+}
+
+.clore2 {
+  font-weight: 400;
+  font-size: 14px;
+  color: #0BBAC5;
+}
+
+.clore3 {
+  font-weight: 400;
+  font-size: 14px;
+  color: #2E3DFF;
+}
+
+.clore4 {
+  font-weight: 400;
+  font-size: 14px;
+  color: #05AE54;
+}
+
+.clore5 {
+  font-weight: 400;
+  font-size: 14px;
+  color: #23E2CE;
+}
+
+.clore6 {
+  font-weight: 400;
+  font-size: 14px;
+  color: #D38E15;
+}
+
+.clore7 {
+  font-weight: 400;
+  font-size: 14px;
+  color: #10ABFC;
+}
+
+.clore8 {
+  font-weight: 400;
+  font-size: 14px;
+  color: #129754;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/data/dataSearch.vue b/src/views/data/dataSearch.vue
index 5f48394..8d03afe 100644
--- a/src/views/data/dataSearch.vue
+++ b/src/views/data/dataSearch.vue
@@ -168,11 +168,12 @@ export default {
       },
     }
   },
-  created() {},
+  created() { 
+    // this.getDirList()
+    // this.getcountFileNum()
+    // this.calculateScrollY();
+  },
   mounted() {
-    this.getDirList()
-    this.getcountFileNum()
-    this.calculateScrollY();
   },
   computed: {},
   methods: {