From 801e2f85b92531468932f80eeeb8b62e2e5946b0 Mon Sep 17 00:00:00 2001 From: guanxiaohan Date: Fri, 20 Sep 2024 17:56:46 +0800 Subject: [PATCH] =?UTF-8?q?=E7=B3=BB=E7=BB=9F=E7=9B=91=E6=8E=A7=E3=80=81?= =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E7=9B=91=E6=8E=A7=E6=8E=A5=E5=8F=A3=E5=AF=B9?= =?UTF-8?q?=E6=8E=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/img/tuobu/dtu_down_img.png | Bin 0 -> 2169 bytes public/img/tuobu/shebeiyichang.png | Bin 0 -> 5510 bytes public/img/tuobu/wangguan_down_img.png | Bin 0 -> 2199 bytes src/api/opsVisualization/systemMonitoring.js | 20 +++ src/api/opsVisualization/tuobu.js | 8 + src/page/opsVisualization/alarmProcess.vue | 3 +- src/page/opsVisualization/jiedian.vue | 14 +- .../systemMonitoring/icon/icon5.png | Bin 0 -> 370 bytes .../systemMonitoring/index.vue | 169 ++++++++++++++---- src/page/opsVisualization/tuobu.vue | 132 ++++++++++---- src/router/page/index.js | 2 +- src/views/opsVisualization/jiedian.vue | 6 +- vue.config.js | 7 + 13 files changed, 282 insertions(+), 79 deletions(-) create mode 100644 public/img/tuobu/dtu_down_img.png create mode 100644 public/img/tuobu/shebeiyichang.png create mode 100644 public/img/tuobu/wangguan_down_img.png create mode 100644 src/api/opsVisualization/systemMonitoring.js create mode 100644 src/api/opsVisualization/tuobu.js create mode 100644 src/page/opsVisualization/systemMonitoring/icon/icon5.png diff --git a/public/img/tuobu/dtu_down_img.png b/public/img/tuobu/dtu_down_img.png new file mode 100644 index 0000000000000000000000000000000000000000..d1ea32040e35732c734224c634feee368a01298d GIT binary patch literal 2169 zcmV-<2!{8GP)Px-Gf6~2R9Hu~m}^Xw*%`;5^D+XXAj~L=pw((5)Vs-ATkEo*gy4Ot*XRen_`$|Y zG)qYQVzk~8qKT*<{9@7w5;L=jwC+L^t*l*L&~1~(yW4eByH=yYLAlKJJ?C`(XXeZv zUcg1WJ;{V&=6%oa{GaFlJnuQf=>IT$K3`f|TG}`wauX5vdcFTCD=V{sVm~#{=ks|P zW5q;NVOiGCgb-v|)*rlH?^l5SWI&(Km*sM~rg6?!ODW4N%bK55NK(qLiRhTi<+}Di z0|BxuYoe6$w^GUq#@JjU$|j;TBYK=M_N|oiv-btEOP4OWdwP0)?sB<4CZdms2#UN! zWI5AhSr*y0O~GKW^PPb{pU-XE_H-huv@GjG#@Gjpu{!WBi z8Xh)KgBW8U646p3Dq)P}NGV;WB7iUeibkVQrT)S^Qp(Ve0$W;IGP=9Fr*h60F~%wx zV;@N=bBSn#vUyU82H~?Zc~Y5&h|-5rgvmppkWz&A zP-QM;P=!zw2n33V=vPw8aw7T-awLRE*J_Lvs|h*h6b^@#BB;{?Vb$SHzW+g?&*w|G zZM#?q0k*@= z>yr5lv8JY`SFuFMcISy@TV&CR$a#4cR8 z5VmbQ1FOdBwIOugurhq7Ye_H0%#Via@R`7Zf&!|ls-lx8PbPp(O-(^5r5i9Pz+X&? zo3$!Exz3SOotZ0Vm`$K6i*x7BDWIOjGy_0-)n-nI0%#a|=d@|l=;6bMG-k{gs;H=- z#>U1(r#XA}Y>;#AhN`r*H03-LuL&}Zpx>L}!@VbD@Hes5*d-nz-k%$T@AaE6cX5nMSt5>fkuNOOrA4YF)FSWO~t9qR> zWeUA~`I2&Sa#XnSJj8-AZ)yLVMBVgVRXd-(9-etR1g(mi|jC}48KszM5& zcIou#(`obO&C0YKd?%K60 z1=Oa2DxJdx3l`9tHEYz3w{G21DzO7YM?okNK3s1Oe2>m@@7}%CHY4fw5Zk_edn%-W zpd`>8^b;KpTd`t=n(yY#n*>J!phIVZ;M8l^uF;h%S5l^NH1iPKwryKKAS@53C6i3! z$B(BSJ9elXK7RaI^;sChIRHCyN3&Fq>0b$3AQP7t!Usl(d8z|>f##q2>wtoHkltQcoFch)w z5`Y{$cu=*xwzf892-F}z=rn`mX)ri0{GNzfSXEV(dI0OK1%P>Zc}jtPT9lNOs3H#p z0&m@^nU0hR$w4A|B82#yh(5J#`=4yps#OYz?@{c?AAqJpXKwUjbZ!R8U7rx*U-1La zRU&E?Lj0q#vGKWT0?U^#4+_aegGl0bbBBDD)^aW$A1!ZDVxLL@ZbG@e-Dm-!({ZkOr7x; zE?hX;<#KJXZF@&D!a|&+!klx|(wFf=>K`r3>Xo&Z2wM%7!LTqTo=?4Dgo7n00000NkvXXu0mjf77`({ literal 0 HcmV?d00001 diff --git a/public/img/tuobu/shebeiyichang.png b/public/img/tuobu/shebeiyichang.png new file mode 100644 index 0000000000000000000000000000000000000000..f758516f266de22bdec881084d979422d4aed21b GIT binary patch literal 5510 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 IM6N<$f*bAPZU6uP literal 0 HcmV?d00001 diff --git a/public/img/tuobu/wangguan_down_img.png b/public/img/tuobu/wangguan_down_img.png new file mode 100644 index 0000000000000000000000000000000000000000..d763ab7b3dcae0d14cd65d8b7b43c1ba3acc664f GIT binary patch literal 2199 zcmV;I2x#|-P)Px-QAtEWR9Hu~m}^W_+ZD&xK8(O93NsN!#FipeD%Q5~fiDz95yePpVjB}a_(fw$ zF(x%?Of<$sK4_zf313W9;)9r(YqZsZZ}3qswbnFNKZshbx7F0(-~;A)&fev}nRV`A zfQa^XClk&b&e^~HU+cg2V+8#ln$PD;N=ix^M?`KSvbZ&k{mBRZ3m>QlL10{=EC+$B#d7xm-UdqQyi6MP4E@ z64PWD2AQTw!Cs_`F!b-NF+-L@l&PLuK*&Vu}Z0w zp=Kd;3?-Z+c4HzC-vMQ~2A(=~YL8`Ei=>o4l2Uqv5ZVlhVd2mqd{6}7U?9HdfavGq z`3#Asrlz;CSS-UdO#}bnBs-IhhhYLh*bL6x@O#`bL&uC6L!(BGqF1k8vC@z@efo4b z7K^2DXXpqs1LqBj@IS649*8qP4CnB9JRVxGU;#~^KAl=yTj}=g+gc@uG$^HXbH_Yd zeCK=IIp-)*9V^Ss%%u7A=hL)l)9jR7zkb~Y>au8TY}7yw14B4;JZfi7oo2xG`0?X4 zXzJ9d1AKP%>QxQ2XPU!@4+kyF!a}LT=(PACbz~a_9ZZ@uNrUq8@@&w{moMqwy?eA` z#R_t}-E`&36}oxzCchUF4Gj&!SS+R$0tjV;+1u$l0Ork`r-9s_J$pvCZr!5y@845* zcQlkPEnmJ|e}D1f1zoss zfl^abHE7BdOuM942ZXP>x|;Ux-K&A9!YxyB=+ptqjSh^OiD_k5hF(Q1J0d0 zmzFNYJWkZq)I|CD`80d>Y^^8|2+-ZTcd4MDKm)6)s;Hr%fwphoP9sN-)WB=kuIYDm zS?t=iYXA@-ghIAI^0sW*GX2u=tdj0w}q1a)4fH1q@gTZh^_)&}T z^n}E=ZQC>u1&@~iMEy9IBy_^SW5>E;>C+~nIIL34XR<9_{0(tTefV` zK-3=~$;rt&_UMRR3Ujb&jvP5c@7}%BOH*lSDb1NPhmiNg*45RebBaN+`E(s_-n`jX zh<_lQuyZ`g8VVq04m8x2*XyNOvu5?%J~)9-o;;yLhYr~wE-^iM*VWbOvOq{78{te( zPuCCQ9vXlvSFRkOVyGMU@874RN00VfFYVQ$wzgIS5mErKen9~P@!+CGi>R`)a@fH3 z_IB-NXOwK<`t|EIkk>l^;XIBz9)u}Yty(oKAX0GPzyW&t^r_v4qpy%yw{D#V!URx= z{PA4LVP3Lii4E-R?4+?{#|{bKxpODIdGp3z0C>ub8!#ejYHEU!NW_iF7b`oaBVGj< zSXfv{MMXurfDwTW8#W9I#453M>(+kT5DsfRr0>MqwQGana99HoRseHza|bL{{375R zH*VAlockVx@XVPrI+Tg)sFbpsh`zzZBi5{0qeIF-gp?OlR_Gih6i%Kz+1|4}dh|$7 zUzp~cyExTH4HD5mrIddpqOVNTd?Ko=t92dnt~o6&O#^u`=GZwqLq4!JVq5?G`E%Qi zjxA!3l=4OIfd|V(ipJTDuzx;lGUqJ)7diCm{X___=MW2(CGbqrxp>hIoV3JY>dJm?pMDzzC z#MeDNJ+J(Je>BluqO!7519>k4;DiYibUt{dN!+D5RN*YvMMQtHEbDCV4+(c7k;u!z zK(@k)ii(hBS*aK?02vt>x(*r0ZcI2MSW?Oly{F*z-ZRNL(=@*h1Ogo`EiI8x%?_fx zyu4dVIg0n8074-EiFxWf5Xo+()V<#0+(pZ>+M?0uL%-i2`V`1kSXNecPAN4z7K>#` zDGkh{PK9y9sCX^?orv0m5Y2Gji4!Ma`@TcqFq { + return request({ + url: '/kgApi/monitor-system/getServiceList', + method: 'get', + }) +} +export const getMiddleList = () => { + return request({ + url: '/kgApi/monitor-system/getMiddleList', + method: 'get', + }) +} +export const getServerParamsList = () => { + return request({ + url: '/kgApi/monitor-system/getServerParamsList', + method: 'get', + }) + } diff --git a/src/api/opsVisualization/tuobu.js b/src/api/opsVisualization/tuobu.js new file mode 100644 index 0000000..9716e0d --- /dev/null +++ b/src/api/opsVisualization/tuobu.js @@ -0,0 +1,8 @@ +import request from '@/router/axios'; + +export const getMonitorList = () => { + return request({ + url: '/kgApi/monitor-system/getMonitorList', + method: 'get', + }) +} diff --git a/src/page/opsVisualization/alarmProcess.vue b/src/page/opsVisualization/alarmProcess.vue index 5f2c544..856edcf 100644 --- a/src/page/opsVisualization/alarmProcess.vue +++ b/src/page/opsVisualization/alarmProcess.vue @@ -118,6 +118,7 @@ diff --git a/src/page/opsVisualization/jiedian.vue b/src/page/opsVisualization/jiedian.vue index c32edbb..2b70201 100644 --- a/src/page/opsVisualization/jiedian.vue +++ b/src/page/opsVisualization/jiedian.vue @@ -1,7 +1,12 @@ @@ -25,7 +30,10 @@ export default { }, top: { type: String - } + }, + status: { + type: Boolean + } }, created() {}, mounted() { diff --git a/src/page/opsVisualization/systemMonitoring/icon/icon5.png b/src/page/opsVisualization/systemMonitoring/icon/icon5.png new file mode 100644 index 0000000000000000000000000000000000000000..c31051b053b398140c68276c0fb96abc13ce8063 GIT binary patch literal 370 zcmV-&0ge8NP)Px$EJ;K`R7gwh)uAs&Q5XjB-`52}P;G)B=-6l)O{Ix!{1t3OjjGW!HgrJ{G(`{u zo%?S0Y-i{DzI$EUo#Lds`@ZKq?{nVgJnumBy1@$0v0bE|VXKPYVs+dxgTDY+#0I9Y zhH1Ruz9?o1vv|Wb-f@YCJg;PMjNKMiZQ&E_rKB7nD!Qu!QO#4^Nkx3VW*xtm6XP7< z5c@UNnd
-
+
@@ -15,34 +15,36 @@
- 权限服务 + {{ item.name }}
-
AuthApplication -
+
-->
+ :style="{ background: item.color != 'red' ? '#4fd069' : '#e14b33' }" + > + +
状态
-
- {{ item.state ? "正常" : "服务已挂" }} +
+ {{ item.color != 'red' ? "正常" : "设备异常" }}
@@ -52,6 +54,35 @@
+
+ + {{ item.type == 'redis' ? 'Redis服务监控' : '数据库监控' }} +
+
+ +
+
+
状态
+
+ {{ item.result != 'result' ? "正常" : "服务已挂" }} +
+
+
+ +
+
+
+ + 系统硬件监控
-
-
- - 系统硬件监控 -
-
-
-
权限服务
-
AuthApplication
+
+
+
{{ item[0].ip }}
+
+
{{ i.monitorType == 'cpu' ? 'CPU使用率': (i.monitorType == 'memory' ? '内存使用率' : '硬盘使用率') }}
+
状态
-
正常
+
{{ i.result == 'result' ? '硬件异常' : i.result }}
@@ -146,6 +181,7 @@ @@ -214,15 +279,15 @@ export default { } .content_box1 { width: 1640px; - height: 498px; + // height: 498px; border: 1px solid #dcdcdc; padding: 20px 0 0 20px; } .content_box3 { - padding: 20px; - flex: 1; - height: 178px; + width: 1640px; + // height: 498px; border: 1px solid #dcdcdc; + padding: 20px; } .content_title { font-size: 20px; @@ -239,7 +304,7 @@ export default { flex-wrap: wrap; } .itemBox { - width: 200px; + width: 210px; height: 212px; border: 1px solid #dcdcdc; margin: 0 20px 30px 0; @@ -250,17 +315,22 @@ export default { .color_block { width: 76px; height: 76px; - margin: 20px 0 14px 0; + margin: 40px 0 14px 0; + display: flex; + justify-content: center; + align-items: center; } } .itemBox3 { - width: 210px; - height: 154px; - border: 1px solid #dcdcdc; + width: 100%; + height: 224px; + // border: 1px solid #dcdcdc; margin: 0 20px 30px 0; display: flex; - flex-direction: column; + // flex-direction: column; align-items: center; + position: relative; + padding-top: 60px; } .item_title { font-weight: bold; @@ -284,4 +354,25 @@ export default { color: #26b843; } } +.itemBox3_item{ + width: 210px; + height: 182px; + border: 1px solid #dcdcdc; + margin: 0 20px 30px 0; + display: flex; + flex-direction: column; + align-items: center; +} +.bottom-box{ + width: 100%; + display: flex; + flex-direction: column; + // max-width: 1280px +} +.ip-title{ + position: absolute; + top: 10px; + left: 10px; + font-weight: bold; +} diff --git a/src/page/opsVisualization/tuobu.vue b/src/page/opsVisualization/tuobu.vue index 3e9841f..893008a 100644 --- a/src/page/opsVisualization/tuobu.vue +++ b/src/page/opsVisualization/tuobu.vue @@ -5,28 +5,28 @@
- - - - - - - - - + + + + + + + + +
- - - + + +
- +
@@ -34,46 +34,46 @@
- - - - + + + +
- - - - - + + + + - + - - + + - + - + - + - - + +
- - + +
@@ -81,16 +81,82 @@ diff --git a/src/router/page/index.js b/src/router/page/index.js index 0c402c7..50ee997 100644 --- a/src/router/page/index.js +++ b/src/router/page/index.js @@ -118,7 +118,7 @@ export default [{ i18n: 'dashboard' }, component: () => - import( /* webpackChunkName: "views" */ '@/views/opsVisualization/tuobu') + import( /* webpackChunkName: "views" */ '@/page/opsVisualization/tuobu') } ] }, diff --git a/src/views/opsVisualization/jiedian.vue b/src/views/opsVisualization/jiedian.vue index c32edbb..21b1f00 100644 --- a/src/views/opsVisualization/jiedian.vue +++ b/src/views/opsVisualization/jiedian.vue @@ -3,6 +3,7 @@
{{ text }}
+
{{ status }}
@@ -25,7 +26,10 @@ export default { }, top: { type: String - } + }, + status: { + type: Boolean + } }, created() {}, mounted() { diff --git a/vue.config.js b/vue.config.js index f3fac99..1e9646c 100644 --- a/vue.config.js +++ b/vue.config.js @@ -65,6 +65,13 @@ module.exports = { "^/api": "/", }, }, + "/kgApi": { + target: "http://192.168.1.5:8080", + ws: true, + pathRewrite: { + "^/kgApi": "/", + }, + }, }, }, };