From e5dc139a6b3938b1628c7bce36bf7c489826d9c8 Mon Sep 17 00:00:00 2001
From: ruyinjuan <14222412+ruyinjuan@user.noreply.gitee.com>
Date: Tue, 15 Apr 2025 11:05:09 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A6=E5=B1=8F=E6=9C=8D=E5=8A=A1=E5=99=A8?=
 =?UTF-8?q?=E8=BF=90=E8=A1=8C=E6=B5=81=E7=A8=8B=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |    3 +
 public/images/topology/a.png                  |  Bin 0 -> 2726 bytes
 public/images/topology/arrow-bottom.png       |  Bin 0 -> 512 bytes
 public/images/topology/arrow-left.png         |  Bin 0 -> 553 bytes
 public/images/topology/com.png                |  Bin 0 -> 3027 bytes
 public/images/topology/cpu.png                |  Bin 0 -> 5044 bytes
 public/images/topology/duankai.png            |  Bin 0 -> 918 bytes
 public/images/topology/fwq.png                |  Bin 0 -> 3141 bytes
 public/images/topology/hezi.png               |  Bin 0 -> 6026 bytes
 public/images/topology/xinhao.png             |  Bin 0 -> 1690 bytes
 public/images/topology/yp.png                 |  Bin 0 -> 4115 bytes
 public/images/topology/zhuji.png              |  Bin 0 -> 6708 bytes
 public/json/topology.json                     | 1512 +++++++++++++++++
 src/assets/image/topology/cpuicon.png         |  Bin 0 -> 4354 bytes
 src/assets/image/topology/neicun.png          |  Bin 0 -> 3717 bytes
 src/assets/image/topology/topology_bg.png     |  Bin 0 -> 4891 bytes
 src/assets/image/topology/ypkj.png            |  Bin 0 -> 4848 bytes
 src/router/index.ts                           |    5 +
 .../TopologyMap/components/dialogNode.vue     |   97 ++
 src/views/TopologyMap/index.vue               |  886 ++++++++++
 20 files changed, 2503 insertions(+)
 create mode 100644 public/images/topology/a.png
 create mode 100644 public/images/topology/arrow-bottom.png
 create mode 100644 public/images/topology/arrow-left.png
 create mode 100644 public/images/topology/com.png
 create mode 100644 public/images/topology/cpu.png
 create mode 100644 public/images/topology/duankai.png
 create mode 100644 public/images/topology/fwq.png
 create mode 100644 public/images/topology/hezi.png
 create mode 100644 public/images/topology/xinhao.png
 create mode 100644 public/images/topology/yp.png
 create mode 100644 public/images/topology/zhuji.png
 create mode 100644 public/json/topology.json
 create mode 100644 src/assets/image/topology/cpuicon.png
 create mode 100644 src/assets/image/topology/neicun.png
 create mode 100644 src/assets/image/topology/topology_bg.png
 create mode 100644 src/assets/image/topology/ypkj.png
 create mode 100644 src/views/TopologyMap/components/dialogNode.vue
 create mode 100644 src/views/TopologyMap/index.vue

diff --git a/package.json b/package.json
index 377e4addc..122cf47f9 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,8 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
   },
   "dependencies": {
+    "@antv/x6": "^2.18.1",
+    "@antv/x6-vue-shape": "^2.1.2",
     "@turf/turf": "^7.1.0",
     "@visactor/vtable": "^1.13.2",
     "@visactor/vtable-gantt": "^1.13.2",
@@ -24,6 +26,7 @@
     "chroma-js": "^3.1.2",
     "dayjs": "^1.11.13",
     "echarts": "^5.5.1",
+    "elkjs": "^0.10.0",
     "es-toolkit": "^1.32.0",
     "lodash": "^4.17.21",
     "maplibre-gl": "^5.0.1",
diff --git a/public/images/topology/a.png b/public/images/topology/a.png
new file mode 100644
index 0000000000000000000000000000000000000000..203960bafed1af2ab64881408a16aadae610f2b7
GIT binary patch
literal 2726
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

literal 0
HcmV?d00001

diff --git a/public/images/topology/arrow-bottom.png b/public/images/topology/arrow-bottom.png
new file mode 100644
index 0000000000000000000000000000000000000000..5e586f823cf036fb7794db01c22c9de2cf0bd850
GIT binary patch
literal 512
zcmeAS@N?(olHy`uVBq!ia0vp^f<Vl{!N$PAn6X*K9>`%V4sv&5Sa(k5C6MEi8sVAd
z>&u`8QpLd7p2@%hQUb(MK+M3vynvB`8AvmN#1=5YWd#>7!`U1lg^!cdJ^__wdAc};
zXox01$({f6|M|n}JUW{$@$}4@`Sri#zyIkB%pdvfr&RoY_Fw!~?H)#z11DzQ{V@OG
z`}hqi%)-Vk&*pD_rvJXBHNmz=L2=<+cj-Dg+u-vbzRNS;&~aN}AYhoSasP+N<K>(e
z*;HkL#yyPR{CVe*-|x9j2=&|%z5D-v?XOb@KJaI7F<)_25bg2d;qmF=>3Q`3e{uc%
zt*>t0cR&B*fgfAc(G!P{9(efh2}c>XNArPQw(S4yDstG9j61vQ9(8=0R(0|Ohlvy?
zhx|SX^&L+S)Tt=4xvl&j&%6JvUC{UE|D5O7ufM;kVJ;(=Yy`)`6>U)*pLDgknY;IV
zu}-VpS+&FX-~a#THLBjVoqr$wUF~o6x1fjr`{hsEQp}m~o0awd29J(64~n**syTJ^
zD~k%FIZI^wrQQGkygx6K`S<%f?@#~v<t-#`+?1H{qe9+LOEYD!alqYUCr)&T<eac7
l+~9aG^#A|);_W685)9lwTM{zlw3dKE-_zC4Wt~$(698c$(zE~o

literal 0
HcmV?d00001

diff --git a/public/images/topology/arrow-left.png b/public/images/topology/arrow-left.png
new file mode 100644
index 0000000000000000000000000000000000000000..37435b9d5e1b99e9c070cdec033a430ccd2d4bdc
GIT binary patch
literal 553
zcmeAS@N?(olHy`uVBq!ia0vp^oIuRa!N$PA=y?9>Y#@iRILO_JVcj{Imq3n7YJ_K+
zuP=iZkj=rs*q+J20#X9RQb5eWz`THwff-0Mg2Wau!DTrYFvHpWAcYH<a)2rrCwsa$
zhG>W;ConLb`!nsoj{@7_@9z`38XLE#->Y{Mn4N#D>;L}q@rewl>rZtgq$IRxqz3%_
zKfmAc&*yZ*cc<?C_u2n#uHA_PALJL!t-p4P|4hJSi4?nk;=lBDzPCo+TrhFt!~gZm
zIJLL``}_Ne=;8g_-#7fQWxgRdA**rf?RkIqRX7W&G%`8ts<^ex*|*(`GtYL1$imXU
z^S<uqo6nWN=*g9HYy0=}OQrpI{{J)Fz>#ZP@az2HbTyv;jkg+SbRNE_(=l<XXddHb
zW4(39Wxk1t@tkomH#TzG^DD^rn@aoQN*-q6E4vN8{*nGZ<>1;@&Zdmk@Bdlv$=@)3
z{C=zT!ut7p5}X26zP{Xl;`?8AvA>l+Zalu<ZQk?0QStBp-~1i-pYE@l`e)1kGq39N
z??wHu{>-SsIOWeb=8pZ1q8mGEe=7a^c;V;T|Ms<JES?GsN*)icdD_;l{rC3CPuY5T
z`|uzCUveK&+0c1k(2>{J@xvd}_4~#1^?p@9U-;qw`gp;-Ce4P6|Ns9_7r9w(_Wb(O
g?6>uK_nxvbY!^K8?{<~U9#AxSy85}Sb4q9e0K_Zu3IG5A

literal 0
HcmV?d00001

diff --git a/public/images/topology/com.png b/public/images/topology/com.png
new file mode 100644
index 0000000000000000000000000000000000000000..0a2329f758ecabf254d2493c14f437f8402d0e96
GIT binary patch
literal 3027
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
VV7aq&Hv<3w002ovPDHLkV1i{ZsG0x(

literal 0
HcmV?d00001

diff --git a/public/images/topology/cpu.png b/public/images/topology/cpu.png
new file mode 100644
index 0000000000000000000000000000000000000000..cffefe6abd78d3645407cf2debe80dbdacdd5756
GIT binary patch
literal 5044
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
KMNUMnLSTYs%9wuu

literal 0
HcmV?d00001

diff --git a/public/images/topology/duankai.png b/public/images/topology/duankai.png
new file mode 100644
index 0000000000000000000000000000000000000000..24d32766329f65b09535a03c7c069425b22d0cd6
GIT binary patch
literal 918
zcmV;H18Mw;P)<h;3K|Lk000e1NJLTq000mG000mO1^@s7X!Otb00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR915TFA91ONa40RR915C8xG05nx`@&Et>07*naR5%fBQd?|HK^XpK&goi9
zskL^ou5}5eAwr`PLgMm*sMG@wp71~f@g(B*BuHH1h48?G7q`9;EF#*t#Qj<&Eke7x
zXq9#^=j@#M{c~0u5&xVyGnx4>-}irmw!rM_lwC=p(JCV$0Ff%1MPQSeh=t(st-xn{
z8YRoB$m>i~`dorgZ<UgET}o}+PxZ2t3NgfCoPoa<=}j1dd`KYQ8_4NwT!z*ygOlli
zoI3?BIgqWp4<eR0iK2>0aN$5C?HOc(gH`jOzyE|=`vfu;hEBD?0FuVbr5qIH(N%kw
zqjJc$CZWd<fh!fH!<QqRr}%O463jlht_t}eA$Id5TrUlq4_jUbO5=teG2Gmj7UZ%&
z@g_bUOdaBDU{*6}@*ND8zfA~hg;b>C9(Y(l_{AA`j73NL`Ir<r=cLkkc)cWI$t(DE
z;1v4oS__rwLdn^^?5tpG;lUmqL;8FIzfRZmR0uAt<h%+nLS*kfqb9qI%-&4(wT&7B
z<^EoJQX{!?6W3HInmO5z`Y>@3qG$FOG8joZ6Lq8=hZ@TkP(yesrSCnVdTR_%mg}W8
zlIi;@`}M7G33Pi$H<o6R3RE_0t^Gc*qTGL$#*Bge5tuU-PR(uZR=58@E3y80oiFss
z^hzj%>rNoFXAL~<LW~;*F>x455=Rm3szo$ihyIrj!7B;*oD@{tHmxuPA{P!KP*ILA
z<;$VFGC*Fz`_Tbi97JltTEDdMlfwsNXzO(}_nrarG(?j%i40^|79z)XBD8oezOC7T
z?B&`XI);`pD;h!U;t@CxU!r}>KA)O+XH6i%!KLjF@TsC2>g|U=?tV<qZ_rUrdh0%%
z`X;D`_l0w=%PKJw<sf~n4g>dWgzg&zg^Dm>_XdpVc!a*ImxB1Lc-0bQUp2sa{}FQh
za9=~Enf@y|%Cx;;jMN?+;dcwD)OR1^*w;6ZT)!QeJC9MkWIj4;uKM@g(8P0VL^VJ3
s!+ctJ(%m=zT}>s^55HmyKmX0Y0h4!n(jhP@V*mgE07*qoM6N<$f>{ZVZ2$lO

literal 0
HcmV?d00001

diff --git a/public/images/topology/fwq.png b/public/images/topology/fwq.png
new file mode 100644
index 0000000000000000000000000000000000000000..c9a11cd1392bd0a386272a84cee627d9610344e1
GIT binary patch
literal 3141
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

literal 0
HcmV?d00001

diff --git a/public/images/topology/hezi.png b/public/images/topology/hezi.png
new file mode 100644
index 0000000000000000000000000000000000000000..a2244664e93ad0a7f4ab8ca71c4b923c0230d074
GIT binary patch
literal 6026
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
Ef}kUI?EnA(

literal 0
HcmV?d00001

diff --git a/public/images/topology/xinhao.png b/public/images/topology/xinhao.png
new file mode 100644
index 0000000000000000000000000000000000000000..8552bda0bffa909bb85248b8d2d80a12eec10775
GIT binary patch
literal 1690
zcmV;L24(q)P)<h;3K|Lk000e1NJLTq000{R000~a1^@s7=hpOl00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR918=wOK1ONa40RR918~^|S07Nf{=>Px*1W80eR7ee-RtsztMHv2PcCWX4
zd$-rOU~8J7F(BZh4N8a)P+|-iLnHEt2?+@a+(Jv+s0pDOz+gbyEd{QHC}IfmDA1x3
z<QXIq1#J_h!8QgFK|@N*qfdIhyB+_T?QXAEv5C{(%>VfQ$Nn?(?*b%_;_68hiZ|bO
zWD-DuLl0jwT5rVCTd%j<(okicqb8gnMVlE8Tc++gStx|*Eq^jXpr2Ww02pS4&>QBb
zHV$XQtOld9P55|d(+Mpi_j&sI`)3TSTG)`j<(S^xcc)V*1E(7q0VMIC2jX<s%mU<!
zwmjpya|k!RP{kFD@x3F*SbGF*RIQdJkLP2Hu^l{Xk^j~b5sJw4J(-Tp*paTM1o-pH
zxmn#(#TR*FG9GTbws=O+^~MQx_wlYofpDRpZsIArnR2@8l>#Djq$ei}82$kv9ehDp
zCZFvQs$}>`k2>rFSEFhIaI6@H*#XO|LV|XM$Qh=IAbZc&FzOl@W+|59CY4eHd*z^i
z88?*D0w9&|e8Z;w-$`k@SJ2U&v$>8BIV~_pN(&wrj8gmM+e%Ht6~PQnYVDCiZ%xCn
ziYVdwYf8<L#T+84!wG-G`8XDVavBR@FN3q#=Rvxs@C9KbD#vAVP6oxwMea=*ucTgV
zVfUV!;5y~{w8oanEDo1A&4;VZ`nzN3h`QpDk=t`KT^p=mWsB`+l-V$U<p>!<=004r
zMu9u(M{tX3u?W@z$S%!>x;n|-BM0KF#^7d4aweXuWoU$Ht|1nD``1@U?{{#RavWAv
zO}BY+2_uAIYjK40l*o9)ap0OuJ<<hEd&{;xP9%vt{D||^Lk|#%PUSSmQyTDb8fZW(
zCw_G^rz7Ty--LWy$u!Or&9|QF{tcYwaw-LUCsQ`;X^pR6^0lOE3%P<1s%tiZvz+QL
zM*Ts=HKEZ(q3~|2kGqIL!W*t1zELPw!VM#E!|d>8jxcfnVu#a@UC50@qBs8Q{MiQN
zR8QgauZlAm_o~@aiU*(ARykeIJ+y;z!e9(X*jGO2gP0YA)GS5qY#%7Wh@E$z9bap^
zuxEal3AL^5(;n17ip8L-pWP<`MWC<)uXAn-A<WBLE+O_U5=O+Q;<bulc7u7?Xt%*6
z$VG8%lo1{SEYgT+<)FLEP*XN3F}43ihbk|l-4mGKRnWD3*tirsxnVwr3AJJ%JXd5s
zgv;#rNJ&*H46rxBLytmrN!zFa*X&Z@R_A00uWZDG?QIU3%g`^cX+LPbJYJN2KzJZ9
z-9Sd=B8XUbF^Nwg22YL%^v-S#c&AJpZTAdd@gFgH3%hK-P}P=g2SRsXKm~ex51;{i
z+Ag(p*0p7%T+jqoK)B?TD_?F-gir;8-u517Gvny^Cs$WnYU0+d7d&I8D<|w5`^=GP
zl&DHG^(i2$DK9zzswqDclo6kIwj&d3xa>0Z`?jMVsHVo{fL5BQC#w3C(D{^Gj-0CM
z6z(5?SE(G-7mJ(jSKn1W-2E~K#W#iKOF`cWbUe$mcGq^tkgvqAofI8FSNmccm!5ZY
z^4eWTq=5Q5HimN_Yzi&la?iTY3#eaNO?4ln=zc?-Mr~`|<Y*MI8!#0Gha+Y4=Q>W3
z*OcnILWr|^4BI_WHcwC1JG{55?jW<+Ts$lT5`pRWOXvL{?n`gcyk-RXf}b57C#BF1
z(Iy?Mq*d~(m=mUCUz#NC5G$u@MN(W^)wSd`_vJXkL_2VHCT1hPUHEac@RxY(EN1aL
zxCn#soZhFXwFC;e#9@)BSD}aR%y|hLnLUOD3m$LGx2#x`qa1A&Usw3m<}|isJRzjH
zd)8F<>e#)?L1Ck#*t3QP*^fQ#9QLGg>{U6K*&q0BSVsxFIfNOaEQ{gmfvrTWeX{MV
z?E;1c^Z0zY_d~%jvqQR0&vbQJb1{2tWpGKB^+W9wvwK_*3B+5BNoRifeImxNgW*#r
zj$vHpwf1}#k3O)B7~KBcOLF2k98p#*<Lz-{|GkWPd6~`EJ35=NTZ_-}WaH#uBlQ>-
kA4}vyNEDg9P9l8$2c+H%GgP1ZM*si-07*qoM6N<$f)rv2lK=n!

literal 0
HcmV?d00001

diff --git a/public/images/topology/yp.png b/public/images/topology/yp.png
new file mode 100644
index 0000000000000000000000000000000000000000..202fd5c67e531c28c9ca80dd046b872dfb0fa4a9
GIT binary patch
literal 4115
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
RF!KNa002ovPDHLkV1kBaz^ecN

literal 0
HcmV?d00001

diff --git a/public/images/topology/zhuji.png b/public/images/topology/zhuji.png
new file mode 100644
index 0000000000000000000000000000000000000000..f17fdc5d9146eb2ef78cf1ed2fd82a3bf6838930
GIT binary patch
literal 6708
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
KMNUMnLSTZ(59ne5

literal 0
HcmV?d00001

diff --git a/public/json/topology.json b/public/json/topology.json
new file mode 100644
index 000000000..dda198006
--- /dev/null
+++ b/public/json/topology.json
@@ -0,0 +1,1512 @@
+{
+    "id": "content",
+    "children": [
+        {
+            "id": "a1",
+            "type": "a",
+            "x": 36,
+            "y": 68,
+            "parentId": "left",
+            "ports": [
+                {
+                    "id": "a1_p1",
+                    "group": "left"
+                }
+            ],
+            "width": 47,
+            "height": 39
+        },
+        {
+            "id": "a2",
+            "type": "a",
+            "parentId": "left",
+            "x": 36,
+            "y": 128,
+            "ports": [
+                {
+                    "id": "a2_p1",
+                    "group": "left"
+                }
+            ],
+            "width": 47,
+            "height": 39
+        },
+        {
+            "id": "a3",
+            "type": "a",
+            "parentId": "left",
+            "x": 36,
+            "y": 182,
+            "ports": [
+                {
+                    "id": "a3_p1",
+                    "group": "left"
+                }
+            ],
+            "width": 47,
+            "height": 39
+        },
+        {
+            "id": "a4",
+            "type": "a",
+            "parentId": "left",
+            "x": 36,
+            "y": 238,
+            "ports": [
+                {
+                    "id": "a4_p1",
+                    "group": "left"
+                }
+            ],
+            "width": 47,
+            "height": 39
+        },
+        {
+            "id": "a5",
+            "type": "a",
+            "parentId": "left",
+            "x": 36,
+            "y": 320,
+            "ports": [
+                {
+                    "id": "a5_p1"
+                }
+            ],
+            "width": 47,
+            "height": 39
+        },
+        {
+            "id": "a6",
+            "type": "a",
+            "parentId": "left",
+            "x": 36,
+            "y": 377,
+            "ports": [
+                {
+                    "id": "a6_p1"
+                }
+            ],
+            "width": 47,
+            "height": 39
+        },
+        {
+            "id": "a7",
+            "type": "a",
+            "parentId": "left",
+            "x": 36,
+            "y": 434,
+            "ports": [
+                {
+                    "id": "a7_p1"
+                }
+            ],
+            "width": 47,
+            "height": 39
+        },
+        {
+            "id": "a8",
+            "type": "a",
+            "parentId": "left",
+            "x": 36,
+            "y": 561.5,
+            "ports": [
+                {
+                    "id": "a8_p1"
+                }
+            ],
+            "width": 47,
+            "height": 39
+        },
+        {
+            "id": "cpu1",
+            "type": "cpu",
+            "parentId": "left",
+            "x": 226,
+            "y": 136,
+            "ports": [
+                {
+                    "id": "cpu1_p1"
+                },
+                {
+                    "id": "cpu1_p2"
+                }
+            ],
+            "width": 72,
+            "height": 86,
+            "infos": {
+                "width": 75,
+                "height": 55,
+                "x": 226,
+                "y": 70,
+                "cpu": "80%",
+                "neicun": "70%",
+                "yingpan": "50%"
+            }
+        },
+        {
+            "id": "cpu2",
+            "type": "cpu",
+            "parentId": "left",
+            "x": 226,
+            "y": 354,
+            "ports": [
+                {
+                    "id": "cpu2_p1"
+                },
+                {
+                    "id": "cpu2_p2"
+                }
+            ],
+            "width": 72,
+            "height": 86,
+            "infos": {
+                "width": 75,
+                "height": 55,
+                "x": 226,
+                "y": 288,
+                "cpu": "80%",
+                "neicun": "70%",
+                "yingpan": "50%"
+            }
+        },
+        {
+            "id": "cpu3",
+            "type": "cpu",
+            "parentId": "left",
+            "x": 226,
+            "y": 538,
+            "ports": [
+                {
+                    "id": "cpu3_p1"
+                },
+                {
+                    "id": "cpu3_p2"
+                }
+            ],
+            "width": 72,
+            "height": 86,
+            "infos": {
+                "width": 75,
+                "height": 55,
+                "x": 226,
+                "y": 472,
+                "cpu": "80%",
+                "neicun": "70%",
+                "yingpan": "50%"
+            }
+        },
+        {
+            "id": "cpu4",
+            "type": "cpu",
+            "parentId": "center",
+            "x": 416,
+            "y": 136,
+            "ports": [
+                {
+                    "id": "cpu4_p1"
+                },
+                {
+                    "id": "cpu4_p2"
+                }
+            ],
+            "width": 72,
+            "height": 86,
+            "infos": {
+                "width": 75,
+                "height": 55,
+                "x": 416,
+                "y": 70,
+                "cpu": "80%",
+                "neicun": "70%",
+                "yingpan": "50%"
+            }
+        },
+        {
+            "id": "cpu5",
+            "type": "cpu",
+            "parentId": "center",
+            "x": 416,
+            "y": 354,
+            "ports": [
+                {
+                    "id": "cpu5_p1"
+                },
+                {
+                    "id": "cpu5_p2"
+                }
+            ],
+            "width": 72,
+            "height": 86,
+            "infos": {
+                "width": 75,
+                "height": 55,
+                "x": 416,
+                "y": 288,
+                "cpu": "80%",
+                "neicun": "70%",
+                "yingpan": "50%"
+            }
+        },
+        {
+            "id": "cpu6",
+            "type": "cpu",
+            "parentId": "center",
+            "x": 416,
+            "y": 538,
+            "ports": [
+                {
+                    "id": "cpu6_p1"
+                },
+                {
+                    "id": "cpu6_p2"
+                }
+            ],
+            "width": 72,
+            "height": 86,
+            "infos": {
+                "width": 75,
+                "height": 55,
+                "x": 416,
+                "y": 472,
+                "cpu": "80%",
+                "neicun": "70%",
+                "yingpan": "50%"
+            }
+        },
+        {
+            "id": "fwq1",
+            "type": "fwq",
+            "parentId": "center",
+            "x": 566,
+            "y": 266,
+            "ports": [
+                {
+                    "id": "fwq1_p1"
+                },
+                {
+                    "id": "fwq1_p2"
+                }
+            ],
+            "width": 36,
+            "height": 86
+        },
+        {
+            "id": "a9",
+            "type": "a",
+            "parentId": "center",
+            "x": 761,
+            "y": 63,
+            "ports": [
+                {
+                    "id": "a9_p1"
+                },
+                {
+                    "id": "a9_p2"
+                },
+                {
+                    "id": "a9_p3"
+                },
+                {
+                    "id": "a9_p4"
+                }
+            ],
+            "width": 47,
+            "height": 60
+        },
+        {
+            "id": "xinhao",
+            "type": "xinhao",
+            "parentId": "center",
+            "x": 480,
+            "y": 23,
+            "ports": [
+                {
+                    "id": "xinhao_p1"
+                }
+            ],
+            "width": 33,
+            "height": 33
+        },
+        {
+            "id": "hezi",
+            "type": "hezi",
+            "parentId": "center",
+            "x": 650,
+            "y": 65,
+            "ports": [
+                {
+                    "id": "hezi_p1"
+                }
+            ],
+            "width": 54.44,
+            "height": 56
+        },
+        {
+            "id": "yp2",
+            "type": "yp",
+            "parentId": "center",
+            "x": 856,
+            "y": 53,
+            "ports": [
+                {
+                    "id": "yp2_p1"
+                }
+            ],
+            "width": 48,
+            "height": 86,
+            "infos": {
+                "width": 115,
+                "height": 55,
+                "x": 916,
+                "y": 60,
+                "shuju": "128G/520G",
+                "cpu": "80%",
+                "neicun": "70%",
+                "yingpan": "50%"
+            }
+        },
+        {
+            "id": "a10",
+            "type": "a",
+            "parentId": "center",
+            "x": 686,
+            "y": 189,
+            "ports": [
+                {
+                    "id": "a10_p1"
+                },
+                {
+                    "id": "a10_p2"
+                }
+            ],
+            "width": 47,
+            "height": 39
+        },
+        {
+            "id": "a11",
+            "type": "a",
+            "parentId": "center",
+            "x": 686,
+            "y": 259,
+            "ports": [
+                {
+                    "id": "a11_p1"
+                },
+                {
+                    "id": "a11_p2"
+                }
+            ],
+            "width": 47,
+            "height": 39
+        },
+        {
+            "id": "a12",
+            "type": "a",
+            "parentId": "center",
+            "x": 686,
+            "y": 329,
+            "ports": [
+                {
+                    "id": "a12_p1"
+                },
+                {
+                    "id": "a12_p2"
+                }
+            ],
+            "width": 47,
+            "height": 39
+        },
+        {
+            "id": "a13",
+            "type": "a",
+            "parentId": "center",
+            "x": 686,
+            "y": 399,
+            "ports": [
+                {
+                    "id": "a13_p1"
+                },
+                {
+                    "id": "a13_p2"
+                }
+            ],
+            "width": 47,
+            "height": 39
+        },
+        {
+            "id": "fwq2",
+            "type": "fwq",
+            "parentId": "center",
+            "x": 691,
+            "y": 503,
+            "ports": [
+                {
+                    "id": "fwq2_p1"
+                }
+            ],
+            "width": 36,
+            "height": 86
+        },
+        {
+            "id": "cpu7",
+            "type": "cpu",
+            "parentId": "center",
+            "x": 836,
+            "y": 273,
+            "ports": [
+                {
+                    "id": "cpu7_p1"
+                },
+                {
+                    "id": "cpu7_p2"
+                }
+            ],
+            "width": 72,
+            "height": 86,
+            "infos": {
+                "width": 75,
+                "height": 55,
+                "x": 836,
+                "y": 207,
+                "cpu": "80%",
+                "neicun": "70%",
+                "yingpan": "50%"
+            }
+        },
+        {
+            "id": "cpu8",
+            "type": "cpu",
+            "parentId": "right",
+            "x": 1016,
+            "y": 273,
+            "ports": [
+                {
+                    "id": "cpu8_p1"
+                },
+                {
+                    "id": "cpu8_p2"
+                }
+            ],
+            "width": 72,
+            "height": 86,
+            "infos": {
+                "width": 75,
+                "height": 55,
+                "x": 1016,
+                "y": 207,
+                "cpu": "80%",
+                "neicun": "70%",
+                "yingpan": "50%"
+            }
+        },
+        {
+            "id": "rect1",
+            "type": "rect",
+            "parentId": "right",
+            "x": 1156,
+            "y": 30,
+            "ports": [
+                {
+                    "id": "rect1_p1"
+                },
+                {
+                    "id": "rect1_p2"
+                }
+            ],
+            "width": 194,
+            "height": 591
+        },
+        {
+            "id": "yp1",
+            "type": "yp",
+            "parentId": "right",
+            "x": 1186,
+            "y": 273,
+            "ports": [
+                {
+                    "id": "yp1_p1"
+                },
+                {
+                    "id": "yp1_p2"
+                }
+            ],
+            "width": 48,
+            "height": 86,
+            "infos": {
+                "width": 115,
+                "height": 55,
+                "x": 1145,
+                "y": 190,
+                "shuju": "128G/520G",
+                "cpu": "80%",
+                "neicun": "70%",
+                "yingpan": "50%"
+            }
+        },
+        {
+            "id": "fwq3",
+            "type": "fwq",
+            "parentId": "right",
+            "x": 1281,
+            "y": 189,
+            "ports": [
+                {
+                    "id": "fwq3_p1"
+                },
+                {
+                    "id": "fwq3_p2"
+                }
+            ],
+            "width": 36,
+            "height": 86
+        },
+        {
+            "id": "fwq4",
+            "type": "fwq",
+            "parentId": "right",
+            "x": 1281,
+            "y": 359,
+            "ports": [
+                {
+                    "id": "fwq4_p1"
+                },
+                {
+                    "id": "fwq4_p2"
+                }
+            ],
+            "width": 36,
+            "height": 86
+        },
+        {
+            "id": "zhuji",
+            "type": "zhuji",
+            "parentId": "right",
+            "x": 1241,
+            "y": 507,
+            "ports": [],
+            "width": 53,
+            "height": 81
+        },
+        {
+            "id": "rect2",
+            "type": "rect",
+            "parentId": "right",
+            "x": 1383,
+            "y": 30,
+            "ports": [],
+            "width": 378,
+            "height": 591
+        },
+        {
+            "id": "a14",
+            "type": "a",
+            "x": 1441,
+            "y": 68,
+            "parentId": "right",
+            "ports": [
+                {
+                    "id": "a14_p1"
+                }
+            ],
+            "width": 47,
+            "height": 39
+        },
+        {
+            "id": "a15",
+            "type": "a",
+            "x": 1441,
+            "y": 145,
+            "parentId": "right",
+            "ports": [
+                {
+                    "id": "a15_p1"
+                }
+            ],
+            "width": 47,
+            "height": 39
+        },
+        {
+            "id": "a16",
+            "type": "a",
+            "x": 1441,
+            "y": 222,
+            "parentId": "right",
+            "ports": [
+                {
+                    "id": "a16_p1"
+                }
+            ],
+            "width": 47,
+            "height": 39
+        },
+        {
+            "id": "a17",
+            "type": "a",
+            "x": 1441,
+            "y": 374,
+            "parentId": "right",
+            "ports": [
+                {
+                    "id": "a17_p1"
+                }
+            ],
+            "width": 47,
+            "height": 39
+        },
+        {
+            "id": "a18",
+            "type": "a",
+            "x": 1441,
+            "y": 451,
+            "parentId": "right",
+            "ports": [
+                {
+                    "id": "a18_p1"
+                }
+            ],
+            "width": 47,
+            "height": 39
+        },
+        {
+            "id": "a19",
+            "type": "a",
+            "x": 1441,
+            "y": 528,
+            "parentId": "right",
+            "ports": [
+                {
+                    "id": "a19_p1"
+                }
+            ],
+            "width": 47,
+            "height": 39
+        },
+        {
+            "id": "fwq5",
+            "type": "fwq",
+            "x": 1548,
+            "y": 275,
+            "parentId": "right",
+            "ports": [
+                {
+                    "id": "fwq5_p1"
+                },
+                {
+                    "id": "fwq5_p2"
+                }
+            ],
+            "width": 36,
+            "height": 86
+        },
+        {
+            "id": "com1",
+            "type": "com",
+            "x": 1659,
+            "y": 174,
+            "parentId": "right",
+            "ports": [
+                {
+                    "id": "com1_p1"
+                }
+            ],
+            "width": 64,
+            "height": 52
+        },
+        {
+            "id": "com2",
+            "type": "com",
+            "x": 1659,
+            "y": 292,
+            "parentId": "right",
+            "ports": [
+                {
+                    "id": "com2_p1"
+                }
+            ],
+            "width": 64,
+            "height": 52
+        },
+        {
+            "id": "com3",
+            "type": "com",
+            "x": 1659,
+            "y": 410,
+            "parentId": "right",
+            "ports": [
+                {
+                    "id": "com3_p1"
+                }
+            ],
+            "width": 64,
+            "height": 52
+        }
+    ],
+    "edges": [
+        {
+            "id": "e0",
+            "sources": {
+                "cell": "a1",
+                "port": "a1_p1"
+            },
+            "targets": {
+                "cell": "cpu1",
+                "port": "cpu1_p1"
+            },
+            "isTrue": false
+        },
+        {
+            "id": "e1",
+            "sources": {
+                "cell": "a2",
+                "port": "a2_p1"
+            },
+            "targets": {
+                "cell": "cpu1",
+                "port": "cpu1_p1"
+            }
+        },
+        {
+            "id": "e2",
+            "sources": {
+                "cell": "a3",
+                "port": "a3_p1"
+            },
+            "targets": {
+                "cell": "cpu1",
+                "port": "cpu1_p1"
+            }
+        },
+        {
+            "id": "e3",
+            "sources": {
+                "cell": "a4",
+                "port": "a4_p1"
+            },
+            "targets": {
+                "cell": "cpu1",
+                "port": "cpu1_p1"
+            }
+        },
+        {
+            "id": "e3",
+            "sources": {
+                "cell": "cpu1",
+                "port": "cpu1_p2"
+            },
+            "targets": {
+                "cell": "cpu4",
+                "port": "cpu4_p1"
+            }
+        },
+        {
+            "id": "e3",
+            "sources": {
+                "cell": "cpu2",
+                "port": "cpu2_p2"
+            },
+            "targets": {
+                "cell": "cpu5",
+                "port": "cpu5_p1"
+            }
+        },
+        {
+            "id": "e3",
+            "sources": {
+                "cell": "cpu3",
+                "port": "cpu3_p2"
+            },
+            "targets": {
+                "cell": "cpu6",
+                "port": "cpu6_p1"
+            }
+        },
+        {
+            "id": "e4",
+            "sources": {
+                "cell": "a5",
+                "port": "a5_p1"
+            },
+            "targets": {
+                "cell": "cpu2",
+                "port": "cpu2_p1"
+            }
+        },
+        {
+            "id": "e5",
+            "sources": {
+                "cell": "a6",
+                "port": "a6_p1"
+            },
+            "targets": {
+                "cell": "cpu2",
+                "port": "cpu2_p1"
+            }
+        },
+        {
+            "id": "e6",
+            "sources": {
+                "cell": "a7",
+                "port": "a7_p1"
+            },
+            "targets": {
+                "cell": "cpu2",
+                "port": "cpu2_p1"
+            }
+        },
+        {
+            "id": "e7",
+            "sources": {
+                "cell": "a8",
+                "port": "a8_p1"
+            },
+            "targets": {
+                "cell": "cpu3",
+                "port": "cpu3_p1"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "cpu4",
+                "port": "cpu4_p2"
+            },
+            "targets": {
+                "cell": "fwq1",
+                "port": "fwq1_p1"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "cpu5",
+                "port": "cpu5_p2"
+            },
+            "targets": {
+                "cell": "fwq1",
+                "port": "fwq1_p1"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "fwq1",
+                "port": "fwq1_p2"
+            },
+            "targets": {
+                "cell": "a9",
+                "port": "a9_p2"
+            },
+            "vertices": [
+                {
+                    "x": 584,
+                    "y": 150
+                },
+                {
+                    "x": 773,
+                    "y": 150
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "fwq1",
+                "port": "fwq1_p2"
+            },
+            "targets": {
+                "cell": "a9",
+                "port": "a9_p2"
+            },
+            "vertices": [
+                {
+                    "x": 584,
+                    "y": 150
+                },
+                {
+                    "x": 773,
+                    "y": 150
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "fwq1",
+                "port": "fwq1_p2"
+            },
+            "targets": {
+                "cell": "a10",
+                "port": "a10_p1"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "fwq1",
+                "port": "fwq1_p2"
+            },
+            "targets": {
+                "cell": "a11",
+                "port": "a11_p1"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "fwq1",
+                "port": "fwq1_p2"
+            },
+            "targets": {
+                "cell": "a12",
+                "port": "a12_p1"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "fwq1",
+                "port": "fwq1_p2"
+            },
+            "targets": {
+                "cell": "a13",
+                "port": "a13_p1"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "fwq2",
+                "port": "fwq2_p2"
+            },
+            "targets": {
+                "cell": "cpu7",
+                "port": "cpu7_p1"
+            },
+            "vertices": [
+                {
+                    "x": 784.5,
+                    "y": 545
+                },
+                {
+                    "x": 784.5,
+                    "y": 316
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "a10",
+                "port": "a10_p2"
+            },
+            "targets": {
+                "cell": "cpu7",
+                "port": "cpu7_p1"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "a11",
+                "port": "a11_p2"
+            },
+            "targets": {
+                "cell": "cpu7",
+                "port": "cpu7_p1"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "a12",
+                "port": "a12_p2"
+            },
+            "targets": {
+                "cell": "cpu7",
+                "port": "cpu7_p1"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "a13",
+                "port": "a13_p2"
+            },
+            "targets": {
+                "cell": "cpu7",
+                "port": "cpu7_p1"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "a10",
+                "port": "a10_p2"
+            },
+            "targets": {
+                "cell": "a9",
+                "port": "a9_p2"
+            },
+            "vertices": [
+                {
+                    "x": 784.5,
+                    "y": 208.5
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "a9",
+                "port": "a9_p2"
+            },
+            "targets": {
+                "cell": "a10",
+                "port": "a10_p2"
+            },
+            "vertices": [
+                {
+                    "x": 784.5,
+                    "y": 208.5
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "a9",
+                "port": "a9_p2"
+            },
+            "targets": {
+                "cell": "a11",
+                "port": "a11_p2"
+            },
+            "vertices": [
+                {
+                    "x": 784.5,
+                    "y": 278.5
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "a9",
+                "port": "a9_p2"
+            },
+            "targets": {
+                "cell": "a12",
+                "port": "a12_p2"
+            },
+            "vertices": [
+                {
+                    "x": 784.5,
+                    "y": 348.5
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "a9",
+                "port": "a9_p2"
+            },
+            "targets": {
+                "cell": "a13",
+                "port": "a13_p2"
+            },
+            "vertices": [
+                {
+                    "x": 784.5,
+                    "y": 418.5
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "a9",
+                "port": "a9_p2"
+            },
+            "targets": {
+                "cell": "a13",
+                "port": "a13_p2"
+            },
+            "vertices": [
+                {
+                    "x": 784.5,
+                    "y": 418.5
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "a9",
+                "port": "a9_p2"
+            },
+            "targets": {
+                "cell": "fwq2",
+                "port": "fwq2_p2"
+            },
+            "vertices": [
+                {
+                    "x": 784.5,
+                    "y": 545
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "a9",
+                "port": "a9_p2"
+            },
+            "targets": {
+                "cell": "cpu7",
+                "port": "cpu7_p1"
+            },
+            "vertices": [
+                {
+                    "x": 804.5,
+                    "y": 285
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "cpu7",
+                "port": "cpu7_p2"
+            },
+            "targets": {
+                "cell": "cpu8",
+                "port": "cpu8_p1"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "yp1",
+                "port": "yp1_p1"
+            },
+            "targets": {
+                "cell": "fwq3",
+                "port": "fwq3_p1"
+            },
+            "vertices": [
+                {
+                    "x": 1210,
+                    "y": 232
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "yp1",
+                "port": "yp1_p1"
+            },
+            "targets": {
+                "cell": "fwq4",
+                "port": "fwq4_p1"
+            },
+            "vertices": [
+                {
+                    "x": 1210,
+                    "y": 402
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "fwq3",
+                "port": "fwq3_p1"
+            },
+            "targets": {
+                "cell": "yp1",
+                "port": "yp1_p1"
+            },
+            "vertices": [
+                {
+                    "x": 1210,
+                    "y": 232
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "fwq4",
+                "port": "fwq4_p1"
+            },
+            "targets": {
+                "cell": "yp1",
+                "port": "yp1_p1"
+            },
+            "vertices": [
+                {
+                    "x": 1210,
+                    "y": 402
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "cpu8",
+                "port": "cpu8_p2"
+            },
+            "targets": {
+                "cell": "rect1",
+                "port": "rect1_p1"
+            },
+            "vertices": [
+                {
+                    "x": 1100,
+                    "y": 315
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "rect1",
+                "port": "rect1_p2"
+            },
+            "targets": {
+                "cell": "a14",
+                "port": "a14_p1"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "rect1",
+                "port": "rect1_p2"
+            },
+            "targets": {
+                "cell": "a15",
+                "port": "a15_p1"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "rect1",
+                "port": "rect1_p2"
+            },
+            "targets": {
+                "cell": "a16",
+                "port": "a16_p1"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "rect1",
+                "port": "rect1_p2"
+            },
+            "targets": {
+                "cell": "a17",
+                "port": "a17_p1"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "rect1",
+                "port": "rect1_p2"
+            },
+            "targets": {
+                "cell": "a18",
+                "port": "a18_p1"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "rect1",
+                "port": "rect1_p2"
+            },
+            "targets": {
+                "cell": "a19",
+                "port": "a19_p1"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "a14",
+                "port": "a14_p1"
+            },
+            "targets": {
+                "cell": "rect1",
+                "port": "rect1_p2"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "a15",
+                "port": "a15_p1"
+            },
+            "targets": {
+                "cell": "rect1",
+                "port": "rect1_p2"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "a16",
+                "port": "a16_p1"
+            },
+            "targets": {
+                "cell": "rect1",
+                "port": "rect1_p2"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "a17",
+                "port": "a17_p1"
+            },
+            "targets": {
+                "cell": "rect1",
+                "port": "rect1_p2"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "a18",
+                "port": "a18_p1"
+            },
+            "targets": {
+                "cell": "rect1",
+                "port": "rect1_p2"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "a19",
+                "port": "a19_p1"
+            },
+            "targets": {
+                "cell": "rect1",
+                "port": "rect1_p2"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "fwq5",
+                "port": "fwq5_p2"
+            },
+            "targets": {
+                "cell": "com1",
+                "port": "com1_p1"
+            },
+            "vertices": [
+                {
+                    "x": 1566,
+                    "y": 200
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "fwq5",
+                "port": "fwq5_p2"
+            },
+            "targets": {
+                "cell": "com2",
+                "port": "com2_p1"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "fwq5",
+                "port": "fwq5_p2"
+            },
+            "targets": {
+                "cell": "com3",
+                "port": "com3_p1"
+            },
+            "vertices": [
+                {
+                    "x": 1566,
+                    "y": 436
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "xinhao",
+                "port": "xinhao_p1"
+            },
+            "targets": {
+                "cell": "a9",
+                "port": "a9_p3"
+            },
+            "vertices": [
+                {
+                    "x": 785,
+                    "y": 40
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "hezi",
+                "port": "hezi_p1"
+            },
+            "targets": {
+                "cell": "a9",
+                "port": "a9_p3"
+            }
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "a9",
+                "port": "a9_p3"
+            },
+            "targets": {
+                "cell": "yp2",
+                "port": "yp2_p1"
+            },
+            "vertices": [
+                {
+                    "x": 856,
+                    "y": 92.5
+                }
+            ]
+        },
+        {
+            "id": "e13",
+            "sources": {
+                "cell": "yp2",
+                "port": "yp2_p1"
+            },
+            "targets": {
+                "cell": "a9",
+                "port": "a9_p3"
+            },
+            "vertices": [
+                {
+                    "x": 856,
+                    "y": 92.5
+                }
+            ]
+        }
+    ]
+}
\ No newline at end of file
diff --git a/src/assets/image/topology/cpuicon.png b/src/assets/image/topology/cpuicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..fcbf844d755c0a1c2ea57ed4cb45edff80205e58
GIT binary patch
literal 4354
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

literal 0
HcmV?d00001

diff --git a/src/assets/image/topology/neicun.png b/src/assets/image/topology/neicun.png
new file mode 100644
index 0000000000000000000000000000000000000000..c51306a1a3c42e9e0568f538e70f87371c2d387f
GIT binary patch
literal 3717
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
UB_V0r@b?AOP|;SdR78gS2N+ll?f?J)

literal 0
HcmV?d00001

diff --git a/src/assets/image/topology/topology_bg.png b/src/assets/image/topology/topology_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..0ddb427e2fa22adb1d4b56097fd3d555f4736622
GIT binary patch
literal 4891
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
N002ovPDHLkV1ksXWHA5$

literal 0
HcmV?d00001

diff --git a/src/assets/image/topology/ypkj.png b/src/assets/image/topology/ypkj.png
new file mode 100644
index 0000000000000000000000000000000000000000..896f1b598ba6ccc37de1fcdf2689a34583f6b0a3
GIT binary patch
literal 4848
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
Wah)~Y5#Y@L0000<MNUMnLSTZQlx?m6

literal 0
HcmV?d00001

diff --git a/src/router/index.ts b/src/router/index.ts
index c0a0d516c..e462211a6 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -46,6 +46,11 @@ const router = createRouter({
       name: 'Test',
       component: () => import('@/views/Test/index.vue'),
     },
+    {
+      path: '/TopologyMap',
+      name: 'TopologyMap',
+      component: () => import('@/views/TopologyMap/index.vue'),
+    },
   ],
 })
 
diff --git a/src/views/TopologyMap/components/dialogNode.vue b/src/views/TopologyMap/components/dialogNode.vue
new file mode 100644
index 000000000..7660873a1
--- /dev/null
+++ b/src/views/TopologyMap/components/dialogNode.vue
@@ -0,0 +1,97 @@
+<template>
+    <div class="dialog" :style="{ width: width + 'px' }" v-if="id.indexOf('cpu') != -1">
+        <span class="arrow-bottom" :style="{ left: (width - 17) / 2 + 'px' }"></span>
+        <p>CPU：{{ cpu }}</p>
+        <p>内存：{{ neicun }}</p>
+        <p>硬盘：{{ yingpan }}</p>
+    </div>
+    <div class="dialog" :style="{ width: width + 'px' }" v-if="id.indexOf('yp2') != -1">
+        <span class="arrow-left" :style="{ top: (height - 17) / 2 + 'px' }"></span>
+        <p>数据：{{ shuju }}</p>
+        <p>CPU：{{ cpu }}</p>
+        <p>内存：{{ neicun }}</p>
+        <p>硬盘：{{ yingpan }}</p>
+    </div>
+    <div class="dialog" :style="{ width: width + 'px' }" v-if="id.indexOf('yp1') != -1">
+        <span class="arrow-bottom" :style="{ left: (width - 17) / 2 + 'px' }"></span>
+        <p>数据：{{ shuju }}</p>
+        <p>CPU：{{ cpu }}</p>
+        <p>内存：{{ neicun }}</p>
+        <p>硬盘：{{ yingpan }}</p>
+    </div>
+</template>
+
+<script lang='ts'>
+import { defineComponent, toRefs, reactive, onMounted } from 'vue'
+// import { useRoute, useRouter } from 'vue-router';
+export default defineComponent({
+    name: '',
+    inject: ['getNode'],
+    components: {},
+    setup() {
+        // const route = useRoute();
+        // const router = useRouter();
+        const state = reactive({
+            id: "",
+            "width": 70,
+            "height": 55,
+            "cpu": "80%",
+            "neicun": "70%",
+            "yingpan": "50%",
+            "shuju": "128G/520G"
+        })
+        const getNode: Function | undefined = inject('getNode');
+        onMounted(() => {
+            const node = getNode();
+            let info = node.getData();
+            if (node) {
+                console.log(info, 'info')
+                state.id = info.id;
+                state.width = info.width;
+                state.height = info.height;
+                state.shuju = info.shuju;
+                state.cpu = info.cpu;
+                state.neicun = info.neicun;
+                state.yingpan = info.yingpan;
+            }
+        })
+        return { ...toRefs(state) };
+    }
+});
+</script>
+<style scoped lang='scss'>
+.dialog {
+    background: #001232;
+    border: 0.4px solid rgba(22, 238, 243, 1);
+    box-shadow: inset 0px 0px 13px 0px rgba(22, 238, 243, 1);
+    border-radius: 4px 4px 4px 0px 0px 0px 4px;
+    border-radius: 4px;
+    position: relative;
+    padding: 3px 5px;
+    z-index: 999;
+
+    .arrow-bottom {
+        position: absolute;
+        display: inline-block;
+        width: 17px;
+        height: 8px;
+        bottom: -7px;
+        background: url("./images/topology/arrow-bottom.png") no-repeat;
+    }
+
+    .arrow-left {
+        position: absolute;
+        display: inline-block;
+        width: 8px;
+        height: 17px;
+        left: -7px;
+        background: url("./images/topology/arrow-left.png") no-repeat;
+    }
+
+    p {
+        color: #16EEF3;
+        font-size: 12px;
+        line-height: 16px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/TopologyMap/index.vue b/src/views/TopologyMap/index.vue
new file mode 100644
index 000000000..0f76c7f27
--- /dev/null
+++ b/src/views/TopologyMap/index.vue
@@ -0,0 +1,886 @@
+<template>
+    <div class="topology-map">
+        <div class="top">
+            <div class="left"><span>互联网</span></div>
+            <div class="center"><span>办公网</span></div>
+            <div class="right"><span>高密网</span></div>
+        </div>
+        <div class="content">
+            <div id="container"></div>
+            <TeleportContainer />
+        </div>
+        <div class="bottom">
+            <div class="left">
+                <i class="triangle"></i>
+                <i class="rectangle"></i>
+                <div class="b-con">
+                    <div class="b-left yingpan">
+                        <span>硬盘空间</span>
+                    </div>
+                    <div class="b-right">
+                        <div class="box">
+                            <p class="text">服务器1</p>
+                            <p class="line"><i class="jd" :style="{ 'width': 127 / 1942 * 100 + '%' }"></i></p>
+                            <p class="text">1942T<span class="yy">已用127T</span></p>
+                        </div>
+                        <div class="box">
+                            <p class="text">服务器2</p>
+                            <p class="line"><i class="jd" :style="{ 'width': 127 / 1942 * 100 + '%' }"></i></p>
+                            <p class="text">1942T<span class="yy">已用127T</span></p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="center">
+                <i class="triangle"></i>
+                <i class="rectangle"></i>
+                <div class="b-con">
+                    <div class="b-left neicun">
+                        <span>内存</span>
+                    </div>
+                    <div class="b-right">
+                        <div class="box">
+                            <p class="text">服务器1</p>
+                            <p class="line"><i class="jd" :style="{ 'width': 27 / 194 * 100 + '%' }"></i></p>
+                            <p class="text">194T<span class="yy">已用27T</span></p>
+                        </div>
+                        <div class="box">
+                            <p class="text">服务器2</p>
+                            <p class="line"><i class="jd" :style="{ 'width': 89 / 123 * 100 + '%' }"></i></p>
+                            <p class="text">123T<span class="yy">已用89T</span></p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="right">
+                <i class="triangle"></i>
+                <i class="rectangle"></i>
+                <div class="b-con">
+                    <div class="b-left cpu">
+                        <span>CPU</span>
+                    </div>
+                    <div class="b-right chart-box">
+                        <div ref="chart1Ref" class="chart"></div>
+                        <div ref="chart2Ref" class="chart"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang='ts'>
+import { defineComponent, toRefs, reactive, onMounted } from 'vue'
+import axios from 'axios'
+import DialogNode from './components/dialogNode.vue';
+import { Graph, Cell } from '@antv/x6'
+import { register, getTeleport } from '@antv/x6-vue-shape'
+import * as echarts from 'echarts';
+Graph.registerNode('elk-node',
+    {
+        inherit: 'rect',
+        markup: [
+            {
+                tagName: 'rect',
+                selector: 'body',
+            },
+        ],
+        attrs: {
+            body: {
+                fill: 'rgba(255,255,255,0.02)',
+                stroke: 'rgba(142,255,253,0.25)',
+                strokeWidth: 1,
+            }
+        },
+    },
+    true,
+)
+Graph.registerNode('rect-node',
+    {
+        inherit: 'rect',
+        attrs: {
+            body: {
+                fill: 'none',
+                stroke: 'none',
+                strokeWidth: 1,
+            },
+        },
+        tools: [
+            {
+                name: 'boundary',
+                args: {
+                    padding: 5,
+                    attrs: {
+                        fill: 'none',
+                        stroke: 'rgba(142,248,255,0.25)',
+                        strokeWidth: 1,
+                    },
+                },
+            },
+        ],
+    },
+    true,
+)
+Graph.registerNode('node-a',
+    {
+        width: 48,
+        height: 39,
+        inherit: 'rect',
+        markup: [
+            {
+                tagName: 'rect',
+                selector: 'body',
+            },
+            {
+                tagName: 'image',
+                selector: 'img',
+            },
+        ],
+        attrs: {
+            body: {
+                fill: 'rgba(255,255,255,0)',
+                strokeWidth: 0
+            },
+            img: {
+                'xlink:href': "./images/topology/a.png", // 设置图片路径
+                width: 48,
+                height: 39,
+            },
+        },
+    },
+    true,
+)
+Graph.registerNode('node-cpu',
+    {
+        inherit: 'rect',
+        markup: [
+            {
+                tagName: 'image',
+                selector: 'img',
+            },
+            // {
+            //     tagName: 'rect',
+            //     selector: 'bg',
+            // },
+            // {
+            //     tagName: 'text',
+            //     selector: 'label',
+            // },
+        ],
+        attrs: {
+            img: {
+                'xlink:href': "./images/topology/cpu.png", // 设置图片路径
+                width: 74,
+                height: 86,
+            },
+            // bg: {
+            //     stroke: '#5F95FF',
+            //     strokeWidth: 1,
+            //     fill: 'rgba(0,0,0,0.5)',
+            //     refWidth: -10,
+            //     refHeight: -20,
+            //     rx: 5,
+            //     ry: 5,
+            //     refX: 5,
+            //     refY: -80,
+            // },
+            // label: {
+            //     refX: 20,
+            //     refY: -70,
+            //     fontSize: 10,
+            //     fill: '#fff',
+            // },
+        },
+    },
+    true,
+)
+Graph.registerNode('node-fs',
+    {
+        inherit: 'rect',
+        markup: [
+            {
+                tagName: 'image',
+                selector: 'img',
+            },
+        ],
+        attrs: {
+            img: {
+                'xlink:href': "./images/topology/fs.png", // 设置图片路径
+                width: 48,
+                height: 86,
+            }
+        },
+    },
+    true,
+)
+Graph.registerNode('node-fwq',
+    {
+        inherit: 'rect',
+        markup: [
+            {
+                tagName: 'image',
+                selector: 'img',
+            },
+        ],
+        attrs: {
+            img: {
+                'xlink:href': "./images/topology/fwq.png", // 设置图片路径
+                width: 36,
+                height: 86,
+            },
+        },
+    },
+    true,
+)
+Graph.registerNode('node-yp',
+    {
+        inherit: 'rect',
+        markup: [
+            {
+                tagName: 'image',
+                selector: 'img',
+            },
+        ],
+        attrs: {
+            img: {
+                'xlink:href': "./images/topology/yp.png", // 设置图片路径
+                width: 48,
+                height: 86,
+            },
+        },
+    },
+    true,
+)
+Graph.registerNode('node-com',
+    {
+        inherit: 'rect',
+        markup: [
+            {
+                tagName: 'image',
+                selector: 'img',
+            },
+        ],
+        attrs: {
+            img: {
+                'xlink:href': "./images/topology/com.png", // 设置图片路径
+                width: 64,
+                height: 52,
+            },
+        },
+    },
+    true,
+)
+Graph.registerNode('node-zhuji',
+    {
+        inherit: 'rect',
+        markup: [
+            {
+                tagName: 'image',
+                selector: 'img',
+            },
+        ],
+        attrs: {
+            img: {
+                'xlink:href': "./images/topology/zhuji.png", // 设置图片路径
+                width: 53,
+                height: 81,
+            },
+        },
+    },
+    true,
+)
+Graph.registerNode('node-xinhao',
+    {
+        inherit: 'rect',
+        markup: [
+            {
+                tagName: 'rect',
+                selector: 'body',
+            },
+            {
+                tagName: 'image',
+                selector: 'img',
+            },
+        ],
+        attrs: {
+            body: {
+                fill: 'rgba(255,255,255,0)',
+                strokeWidth: 0,
+            },
+            img: {
+                'xlink:href': "./images/topology/xinhao.png", // 设置图片路径
+                width: 27,
+                height: 28,
+            },
+        },
+    },
+    true,
+)
+Graph.registerNode('node-hezi',
+    {
+        inherit: 'rect',
+        markup: [
+            {
+                tagName: 'rect',
+                selector: 'body',
+            },
+            {
+                tagName: 'image',
+                selector: 'img',
+            },
+        ],
+        attrs: {
+            body: {
+                fill: 'rgba(255,255,255,0)',
+                strokeWidth: 0
+            },
+            img: {
+                'xlink:href': "./images/topology/hezi.png", // 设置图片路径
+                width: 55,
+                height: 56,
+            },
+        },
+    },
+    true,
+)
+
+Graph.registerEdge('elk-edge',
+    {
+        inherit: 'edge',
+        markup: [
+            {
+                tagName: 'path',
+                selector: 'p1',
+            },
+            {
+                tagName: 'image',
+                selector: 'img',
+            },
+        ],
+        attrs: {
+            p1: {
+                connection: true,
+                fill: 'none',
+                stroke: '#16EEF3',
+                strokeWidth: 1,
+                targetMarker: {
+                    name: 'block',
+                    width: 6,
+                    height: 6,
+                },
+            },
+            img: {
+                'xlink:href': "./images/topology/duankai.png", // 设置图片路径
+                width: 16,
+                height: 16,
+                r: 10,
+                y: -8,
+                atConnectionRatio: 0.2,
+            },
+        },
+        // attrs: {
+        //     line: {
+        //         stroke: '#16EEF3',
+        //         strokeWidth: 1,
+        //         targetMarker: {
+        //             name: 'block',
+        //             width: 6,
+        //             height: 6,
+        //         },
+        //     },
+        // },
+        zIndex: 1,
+    },
+    true,
+)
+register({
+    shape: 'node-dialog',
+    component: DialogNode,
+    zIndex: 15,
+})
+
+interface Position {
+    x: number
+    y: number
+}
+
+let graph: Graph;
+const TeleportContainer = getTeleport()
+
+export default defineComponent({
+    name: '',
+    components: { TeleportContainer },
+    setup() {
+        // const route = useRoute();
+        // const router = useRouter();
+        // const elk = new ELK()
+        const portIdToNodeIdMap: Record<string, string> = {}
+        const cells: Cell[] = []
+        const chart1Ref = ref(null);
+        const chart2Ref = ref(null);
+        const state = reactive({
+            json: [],
+
+        })
+        onMounted(async () => {
+            graph = new Graph({
+                container: document.getElementById('container'),
+                width: 1795,
+                height: 700,
+                // background: {
+                //     color: 'rgba(255, 255, 255, 1)',
+                // },
+                router: { name: 'manhattan' },
+                connector: { name: 'rounded' },
+                // interacting: {
+                //     nodeMovable: false,
+                //     edgeMovable: false,
+                // },
+                translating: {
+                    restrict(view) {
+                        if (view) {
+                            const cell = view.cell
+                            if (cell.isNode()) {
+                                const parent = cell.getParent()
+                                if (parent) {
+                                    return parent.getBBox()
+                                }
+                            }
+                        }
+                        return null
+                    },
+                },
+            })
+            await getData().then(data => {
+                addChildren(data.children || [])
+                addEdges(data.edges || [])
+                graph.zoomTo(1)
+                // graph.centerContent()
+            })
+
+            getCharts();
+        })
+
+        const addChildren = (children, pos?: Position) => {
+            let leftParentNode = graph.addNode({
+                shape: 'elk-node',
+                id: "left",
+                label: "互联网",
+                "x": 0,
+                "y": 0,
+                size: {
+                    "width": 347,
+                    "height": 666,
+                },
+                zIndex: 1,
+            })
+            let centerParentNode = graph.addNode({
+                shape: 'elk-node',
+                id: "center",
+                label: "办公网",
+                "x": 366,
+                "y": 0,
+                size: {
+                    "width": 595,
+                    "height": 666,
+                },
+                zIndex: 1,
+            })
+            let rightParentNode = graph.addNode({
+                shape: 'elk-node',
+                id: "right",
+                label: "高密网",
+                "x": 981,
+                "y": 0,
+                size: {
+                    "width": 814,
+                    "height": 666,
+                },
+                zIndex: 1,
+            })
+            children.forEach((child) => {
+                const position = {
+                    x: (child.x || 0) + (pos ? pos.x : 0),
+                    y: (child.y || 0) + (pos ? pos.y : 0),
+                }
+                let label: string = ''
+                if (typeof child.labels === 'string') {
+                    label = child.labels
+                } else if (Array.isArray(child.labels) && child.labels[0]) {
+                    label = child.labels[0].text
+                }
+                let type = "elk-node"
+                if (child.type && child.type === 'a') {
+                    type = 'node-a'
+                } else if (child.type && child.type === 'cpu') {
+                    type = 'node-cpu'
+                } else if (child.type && child.type === 'fwq') {
+                    type = 'node-fwq'
+                } else if (child.type && child.type === 'yp') {
+                    type = 'node-yp'
+                } else if (child.type && child.type === 'com') {
+                    type = 'node-com'
+                } else if (child.type && child.type === 'rect') {
+                    type = 'rect-node'
+                } else if (child.type && child.type === 'zhuji') {
+                    type = 'node-zhuji'
+                } else if (child.type && child.type === 'xinhao') {
+                    type = 'node-xinhao'
+                } else if (child.type && child.type === 'hezi') {
+                    type = 'node-hezi'
+                }
+                const node = graph.addNode({
+                    shape: type,
+                    id: child.id,
+                    position,
+                    label,
+                    body: {
+                        width: child.width || 0,
+                        height: child.height || 0,
+                    },
+                    size: {
+                        width: child.width || 0,
+                        height: child.height || 0,
+                    },
+                    zIndex: 2,
+                })
+                if (child.infos) {
+                    console.log(child.infos)
+                    const dialog = graph.createNode({
+                        shape: 'node-dialog',
+                        data: {
+                            id: child.id,
+                            ...child.infos
+                        },
+                        x: child.infos.x || 0,
+                        y: child.infos.y || 0,
+                        zIndex: 3
+                    })
+                    node.addChild(dialog)
+                }
+                if (child.parentId === 'left') {
+                    leftParentNode.addChild(node)
+                } else if (child.parentId === 'center') {
+                    centerParentNode.addChild(node)
+                } else if (child.parentId === 'right') {
+                    rightParentNode.addChild(node)
+                }
+            })
+
+
+            cells.push(leftParentNode)
+            cells.push(centerParentNode)
+            cells.push(rightParentNode)
+        }
+        const addEdges = (edges) => {
+            edges.forEach((edge) => {
+                let edgeline = {}
+                let markup = []
+                if (edge.isTrue !== undefined && edge.isTrue === false) {
+                    markup = [
+                        {
+                            tagName: 'path',
+                            selector: 'p1',
+                        },
+                        {
+                            tagName: 'image',
+                            selector: 'img',
+                        },
+                    ]
+                } else {
+                    markup = [
+                        {
+                            tagName: 'path',
+                            selector: 'p1',
+                        }
+                    ]
+                }
+                if (edge.vertices) {
+                    edgeline = {
+                        shape: 'elk-edge',
+                        source: edge.sources,
+                        target: edge.targets,
+                        vertices: edge.vertices,
+                        markup: markup,
+                    }
+                } else {
+                    edgeline = {
+                        shape: 'elk-edge',
+                        source: edge.sources,
+                        target: edge.targets,
+                        router: {
+                            name: 'er',
+                            args: {
+                                offset: 'center'
+                            }
+                        },
+                        markup: markup,
+                    }
+                }
+                graph.addEdge(edgeline)
+            })
+        }
+
+        const getData = () => {
+            return axios.get("./json/topology.json").then(res => {
+                if (res.status === 200) {
+                    return Promise.resolve(res.data)
+                } else {
+                    console.log('获取TLE失败')
+                    return Promise.reject(res.statusText)
+                }
+            })
+        }
+
+        const getCharts = () => {
+            const chart1 = echarts.init(chart1Ref.value);
+            const chart2 = echarts.init(chart2Ref.value);
+            let option1 = getOption('服务器1', 46)
+            let option2 = getOption('服务器2', 23)
+
+            // 设置配置项并渲染图表
+            chart1.setOption(option1);
+            chart2.setOption(option2);
+        }
+        const getOption = (title, num) => {
+            // 配置项
+            const option = {
+                title: {
+                    text: title,
+                    left: 'center',
+                    textStyle:
+                    {
+                        color: "#fff",
+                        fontSize: 14
+                    }
+                },
+                series: [
+                    {
+                        type: 'pie',
+                        radius: ['45%', '60%'], // 内外半径，形成环形图
+                        center: ['50%', '60%'],
+                        data: [
+                            {// 背景部分
+                                value: 100 - num, name: '未完成值',
+                                itemStyle: { color: 'rgba(22, 238, 243,0.3)' },
+                                label: {
+                                    show: false,
+                                },
+                            },
+                            { // 值部分
+                                value: num, name: '完成值',
+                                itemStyle: { color: '#16EEF3' },
+                                label: {
+                                    show: true, // 不显示标签
+                                    position: 'center',
+                                    fontSize: 16,
+                                    formatter: '{d}%',
+                                    color: '#fff',
+                                },
+                            },
+                        ],
+                        labelLine: {
+                            show: false, // 不显示标签线
+                        },
+                        emphasis: {
+                            scale: false, // 禁用高亮放大效果
+                        },
+                    },
+                ],
+            };
+            return option;
+        }
+
+        return { ...toRefs(state), chart1Ref, chart2Ref };
+    }
+});
+</script>
+<style scoped lang='scss'>
+.topology-map {
+    height: 100%;
+    background-color: #082857;
+    overflow: auto;
+
+    .top {
+        width: 1795px;
+        display: flex;
+        padding-top: 52px;
+        margin: 0 auto 30px;
+
+        .left {
+            width: 347px;
+        }
+
+        .center {
+            width: 595px;
+            margin-left: 20px;
+        }
+
+        .right {
+            width: 814px;
+            margin-left: 20px;
+        }
+
+        .left,
+        .center,
+        .right {
+            text-align: center;
+
+            span {
+                display: inline-block;
+                width: 262px;
+                height: 32px;
+                text-align: center;
+                line-height: 32px;
+                color: #fff;
+                background: url("@/assets/image/topology/topology_bg.png") no-repeat center center;
+            }
+        }
+    }
+
+    .content {
+        display: block;
+        min-width: 1800px;
+        // height: 666px;
+        // margin: 0 auto;
+
+        #container {
+            margin: 0 auto;
+        }
+    }
+
+    .bottom {
+        display: flex;
+        justify-content: space-evenly;
+
+        .left,
+        .center,
+        .right {
+            width: 477px;
+            height: 160px;
+            // border-top: 4px solid rgba(22, 238, 243, 0.6);
+            // border-bottom: 4px solid rgba(22, 238, 243, 0.3);
+            position: relative;
+            overflow-y: hidden;
+
+            .b-con {
+                display: flex;
+
+                .b-left {
+                    width: 140px;
+                    height: 140px;
+
+                    span {
+                        font-size: 16px;
+                        color: #16EEF3;
+                        text-align: center;
+                        display: block;
+                        margin-top: 35px;
+                    }
+
+                    &.yingpan {
+                        background: url("@/assets/image/topology/ypkj.png") no-repeat center bottom;
+                    }
+
+                    &.neicun {
+                        background: url("@/assets/image/topology/neicun.png") no-repeat center bottom;
+                    }
+
+                    &.cpu {
+                        height: 135px;
+                        background: url("@/assets/image/topology/cpuicon.png") no-repeat center bottom;
+                    }
+                }
+
+                .b-right {
+                    flex: 1;
+                    margin-right: 40px;
+
+                    .box {
+                        margin-top: 17px;
+
+                        .text {
+                            font-size: 14px;
+                            line-height: 22px;
+                            color: #fff;
+
+                            .yy {
+                                color: #F5A623;
+                                margin-left: 10px;
+                            }
+                        }
+
+                        .line {
+                            display: block;
+                            height: 5px;
+                            background: rgba(22, 238, 243, 0.5);
+                            border-radius: 5px;
+                            margin: 2px 0;
+
+                            .jd {
+                                display: block;
+                                width: 0;
+                                height: 5px;
+                                background: #16EEF3;
+                                border-radius: 5px;
+                            }
+                        }
+                    }
+
+                    &.chart-box {
+                        display: flex;
+                        margin-top: 30px;
+
+                        .chart {
+                            width: 50%;
+                            height: 110px;
+                        }
+                    }
+                }
+            }
+        }
+
+        .triangle {
+            position: absolute;
+            top: 0;
+            right: 0;
+            width: 100%;
+            height: 4px;
+            background: rgba(22, 238, 243, 0.6);
+        }
+
+        .triangle::after {
+            content: "";
+            position: absolute;
+            top: -4px;
+            right: 0;
+            width: 0;
+            height: 0;
+            border-right: 22px solid rgba(22, 238, 243, 1);
+            border-bottom: 22px solid transparent;
+        }
+
+        .rectangle {
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: 4px;
+            background-color: rgba(22, 238, 243, 1);
+        }
+
+        .rectangle:after {
+            content: "";
+            position: absolute;
+            right: 0;
+            top: 0;
+            width: 0;
+            height: 0;
+            border-top: 0 solid transparent;
+            border-right: 50px solid #149eb5;
+            border-bottom: 25px solid transparent;
+        }
+
+    }
+}
+</style>
\ No newline at end of file