feat: 新增拓扑图片

public/svg/firewall.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1704780800919" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6385" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798.2 402.4l-1.1 411.5-457.5-265.6 1.2-411.4z" fill="#D4E4FC" p-id="6386"></path><path d="M797.1 820.9c-1.2 0-2.5-0.3-3.5-1L336.1 554.4c-2.2-1.3-3.5-3.6-3.5-6.1l1.2-411.4c0-2.5 1.4-4.9 3.5-6.1 2.2-1.3 4.9-1.2 7.1 0l457.5 265.6c2.2 1.3 3.5 3.6 3.5 6.1l-1.2 411.4c0 2.5-1.4 4.9-3.5 6.1-1.2 0.6-2.4 0.9-3.6 0.9zM346.7 544.2L790 801.6l1.1-395.1-443.3-257.4-1.1 395.1z" fill="#0276F7" p-id="6387"></path><path d="M798.2 402.4l113.5-65.9-1.1 411.4-113.5 66z" fill="#D4E4FC" p-id="6388"></path><path d="M797.1 820.9c-1.2 0-2.4-0.3-3.5-0.9-2.2-1.3-3.5-3.6-3.5-6.1l1.2-411.4c0-2.5 1.3-4.8 3.5-6.1l113.5-66c2.2-1.3 4.9-1.3 7.1 0 2.2 1.3 3.5 3.6 3.5 6.1l-1.2 411.4c0 2.5-1.3 4.8-3.5 6.1l-113.5 66c-1.2 0.6-2.4 0.9-3.6 0.9z m8.2-414.4l-1.1 395.1 99.4-57.7 1.1-395.1-99.4 57.7z" fill="#0276F7" p-id="6389"></path><path d="M340.8 136.9l113.5-66 457.4 265.6-113.5 65.9z" fill="#FFFFFF" p-id="6390"></path><path d="M798.2 409.5c-1.2 0-2.5-0.3-3.5-1L337.2 143c-2.2-1.3-3.5-3.6-3.5-6.1s1.3-4.8 3.5-6.1l113.5-66c2.2-1.3 4.9-1.3 7.1 0l457.5 265.6c2.2 1.3 3.5 3.6 3.5 6.1 0 2.5-1.3 4.8-3.5 6.1l-113.5 66c-1.1 0.6-2.3 0.9-3.6 0.9zM354.8 136.9l443.4 257.4 99.5-57.8L454.3 79.1l-99.5 57.8z" fill="#0276F7" p-id="6391"></path><path d="M798.2 693.9c-1.3 0-2.5-0.3-3.6-1L336.3 418.8l7.3-12.1 454.5 271.8 109.8-71.7 7.7 11.8-113.5 74.1c-1.2 0.8-2.5 1.2-3.9 1.2zM798.2 555.9c-1.3 0-2.5-0.3-3.6-1L336.3 280.8l7.3-12.1 454.6 271.9 109.4-67.5 7.4 12-113.1 69.8c-1.1 0.7-2.4 1-3.7 1z" fill="#0276F7" p-id="6392"></path><path d="M509.7 238.5h14.1v136.9h-14.1zM659.5 473.9h14.1v130h-14.1zM504.6 508.6h14.1v138.1h-14.1z" fill="#0276F7" p-id="6393"></path><path d="M570.9 541.7l-1.2 411.4-457.4-265.6 1.1-411.4z" fill="#D4E4FC" p-id="6394"></path><path d="M569.7 960.2c-1.2 0-2.5-0.3-3.5-1L108.7 693.6c-2.2-1.3-3.5-3.6-3.5-6.1l1.2-411.4c0-2.5 1.4-4.9 3.5-6.1 2.2-1.3 4.9-1.2 7.1 0l457.5 265.6c2.2 1.3 3.5 3.6 3.5 6.1l-1.2 411.4c0 2.5-1.4 4.9-3.5 6.1-1.2 0.7-2.4 1-3.6 1zM119.3 683.5l443.4 257.4 1.1-395.1-443.3-257.4-1.2 395.1z" fill="#0276F7" p-id="6395"></path><path d="M570.9 541.7l113.5-66-1.2 411.4-113.5 66z" fill="#D4E4FC" p-id="6396"></path><path d="M569.7 960.2c-1.2 0-2.4-0.3-3.5-0.9-2.2-1.3-3.5-3.6-3.5-6.1l1.2-411.4c0-2.5 1.3-4.8 3.5-6.1l113.5-66c2.2-1.3 4.9-1.3 7.1 0 2.2 1.3 3.5 3.6 3.5 6.1l-1.2 411.4c0 2.5-1.3 4.8-3.5 6.1l-113.5 66c-1.1 0.6-2.4 0.9-3.6 0.9z m8.2-414.4l-1.1 395.1 99.4-57.7 1.1-395.1-99.4 57.7z" fill="#0276F7" p-id="6397"></path><path d="M113.4 276.1l113.5-66 457.5 265.6-113.5 66z" fill="#FFFFFF" p-id="6398"></path><path d="M570.9 548.8c-1.2 0-2.5-0.3-3.5-1L109.9 282.2c-2.2-1.3-3.5-3.6-3.5-6.1 0-2.5 1.3-4.8 3.5-6.1l113.5-66c2.2-1.3 4.9-1.3 7.1 0L688 469.6c2.2 1.3 3.5 3.6 3.5 6.1 0 2.5-1.3 4.8-3.5 6.1l-113.5 66c-1.2 0.6-2.4 1-3.6 1zM127.5 276.1l443.4 257.4 99.5-57.8-443.5-257.4-99.4 57.8z" fill="#0276F7" p-id="6399"></path><path d="M570.9 833.1c-1.3 0-2.5-0.3-3.6-1L108.9 558l7.3-12.1 454.5 271.8L680.5 746l7.7 11.8L574.7 832c-1.1 0.7-2.5 1.1-3.8 1.1zM570.9 695.2c-1.3 0-2.5-0.3-3.6-1L108.9 420.1l7.3-12.1 454.6 271.9 109.4-67.5 7.4 12-113.1 69.8c-1 0.6-2.3 1-3.6 1z" fill="#0276F7" p-id="6400"></path><path d="M282.4 377.7h14.1v136.9h-14.1zM432.1 613.1h14.1v130h-14.1zM277.2 647.8h14.1v138.1h-14.1z" fill="#0276F7" p-id="6401"></path></svg>

public/svg/mobile.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1704780706203" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5450" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M951.5 415.7c0.1-8.8-5.7-17.6-17.3-24.3l-264.9-153c-22.9-13.2-59.9-13.2-82.7 0.1L97.1 523c-11.3 6.5-16.9 15.1-17 23.6v62c0 8.7 5.8 17.3 17.3 23.9l264.9 153c22.9 13.2 59.9 13.3 82.7 0.1l489.6-284.5c11.1-6.4 16.7-14.8 17-23.2 0.2-9-0.1-62.2-0.1-62.2z" fill="#D4E4FC" p-id="5451"></path><path d="M403.8 803.2c-16.3 0-32.6-3.7-45.3-11l-264.9-153c-13.6-7.8-21.1-18.6-21.1-30.5-0.1-8.6 0-62.1 0-62.1 0-0.3 0-0.7 0.1-1 0.5-11.4 7.8-21.7 20.8-29.3L583 231.8c25.3-14.7 65-14.7 90.4 0l264.9 153c13.4 7.7 20.8 18.4 21.1 30.2v0.7c0 2.2 0.3 53.5 0 62.4-0.4 11.5-7.8 22.1-20.8 29.6L448.8 792.2c-12.6 7.3-28.8 11-45 11zM87.7 547.5v61.1c0 6.1 4.9 12.4 13.4 17.3l264.9 153c20.4 11.8 54.8 11.8 75 0.1l489.6-284.5c8.3-4.8 13-10.8 13.2-16.8 0.3-8.1 0-54.6 0-61.1v-0.9c0.1-6.3-4.7-12.6-13.4-17.6l-264.9-153c-20.4-11.7-54.7-11.7-75 0L100.9 529.6c-8.4 4.9-13.1 11-13.1 17.1 0 0.3 0 0.5-0.1 0.8z" fill="#0276F7" p-id="5452"></path><path d="M918.6 391.9c21.8 12.6 21.9 33 0.3 45.5L438.4 717.9c-21.6 12.6-56.7 12.5-78.5-0.1L108.4 572.6c-21.8-12.6-21.9-32.9-0.3-45.4l480.4-280.4c21.6-12.6 56.7-12.6 78.5-0.1l251.6 145.2z" fill="#FFFFFF" p-id="5453"></path><path d="M403.8 741.5c-16.3 0-32.6-3.7-45.3-11L119.1 592.2c-3.7-2.1-4.9-6.8-2.8-10.5 2.1-3.7 6.8-5 10.5-2.8l239.4 138.2c20.4 11.8 54.8 11.8 75 0.1L879 462.7c3.7-2.1 8.4-0.9 10.5 2.8 2.1 3.7 0.9 8.4-2.8 10.5L448.8 730.5c-12.6 7.3-28.8 11-45 11z" fill="#0276F7" p-id="5454"></path><path d="M848.1 399.2L649.6 284.6c-16.5-9.5-43.2-9.5-59.6 0L248.7 482.9c-16.3 9.5-16.3 25 0.2 34.5L447.4 632c16.4 9.5 43.3 9.5 59.6 0l341.2-198.3c16.5-9.5 16.3-25-0.1-34.5" fill="#D4E4FC" p-id="5455"></path><path d="M477.3 646.9c-12.1 0-24.2-2.7-33.7-8.2L245.1 524.1c-10.5-6-16.2-14.5-16.3-23.9 0-9.2 5.8-17.9 16-23.9L586.1 278c18.8-10.9 48.4-11 67.3 0l198.5 114.6c10.3 6 16.2 14.7 16.3 24 0 9.4-5.7 17.8-16 23.9L510.9 638.7c-9.4 5.5-21.5 8.2-33.6 8.2z m142.4-361.7c-9.5 0-18.9 2-25.9 6.1L252.6 489.6c-5.3 3.1-8.4 7-8.4 10.6 0 3.7 3.1 7.6 8.6 10.7l198.5 114.6c14.1 8.2 37.9 8.2 52 0l341.2-198.3c5.3-3.1 8.4-7 8.4-10.6 0-3.7-3.1-7.6-8.6-10.7L645.8 291.3c-7.1-4.1-16.6-6.1-26.1-6.1z" fill="#0276F7" p-id="5456"></path><path d="M313.6 588.1c-15.5-8.9-40.6-8.9-56 0.1s-15.3 23.4 0.2 32.4c15.5 8.9 40.5 8.9 55.9 0 15.4-9 15.4-23.6-0.1-32.5" fill="#0276F7" p-id="5457"></path></svg>

public/svg/user.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1704780729020" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5601" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M556.1 598.2l62.4-36.3v0.1l-62.4 36.3v-0.1" fill="#0155B2" p-id="5602"></path><path d="M556.1 598.3l62.4-36.3v1.8l-62.4 36.3v-1.8" fill="#0153AD" p-id="5603"></path><path d="M556.1 600.1l62.4-36.3c0 0.6-0.1 1.2-0.1 1.7L556 601.9c0-0.6 0-1.2 0.1-1.8" fill="#0150A8" p-id="5604"></path><path d="M556 601.9l62.4-36.3c0 0.6-0.1 1.1-0.2 1.7l-62.4 36.3c0-0.6 0.1-1.2 0.2-1.7" fill="#014EA3" p-id="5605"></path><path d="M555.8 603.6l62.4-36.3c-0.1 0.6-0.2 1.1-0.2 1.6l-62.4 36.3c0-0.5 0.1-1.1 0.2-1.6" fill="#014C9E" p-id="5606"></path><path d="M555.5 605.2l62.4-36.3c-0.1 0.6-0.2 1.1-0.3 1.6l-62.4 36.3c0.1-0.5 0.2-1.1 0.3-1.6" fill="#014999" p-id="5607"></path><path d="M555.2 606.8l62.4-36.3c-0.1 0.6-0.3 1.1-0.4 1.6l-62.4 36.3c0.1-0.5 0.3-1 0.4-1.6" fill="#014794" p-id="5608"></path><path d="M554.8 608.4l62.4-36.3c-0.2 0.6-0.3 1.1-0.5 1.6L554.3 610c0.1-0.4 0.3-1 0.5-1.6" fill="#01448F" p-id="5609"></path><path d="M554.2 610.1l62.4-36.3c-0.2 0.6-0.5 1.2-0.8 1.8l-62.4 36.3c0.4-0.6 0.6-1.2 0.8-1.8" fill="#01428A" p-id="5610"></path><path d="M553.5 611.9l62.4-36.3c-0.3 0.7-0.7 1.4-1.1 2l-62.4 36.3c0.4-0.6 0.7-1.3 1.1-2" fill="#014085" p-id="5611"></path><path d="M552.4 613.9l62.4-36.3c-1.4 2.1-3.1 3.8-5 4.9l-62.4 36.3c1.9-1.1 3.6-2.8 5-4.9" fill="#013D80" p-id="5612"></path><path d="M556.1 598.2l62.4-36.3 0.4-136.9-62.4 36.2z" fill="#025BBF" p-id="5613"></path><path d="M556.1 605.6c-1.3 0-2.6-0.3-3.7-1-2.3-1.3-3.7-3.8-3.7-6.4l0.4-137c0-2.6 1.4-5 3.7-6.4l62.4-36.3c2.3-1.3 5.1-1.3 7.4 0 2.3 1.3 3.7 3.8 3.7 6.4l-0.4 137c0 2.6-1.4 5-3.7 6.4l-62.4 36.3c-1.1 0.6-2.4 1-3.7 1z m7.8-140.1l-0.3 119.9 47.6-27.7 0.3-119.9-47.6 27.7z" fill="#56A1F3" p-id="5614"></path><path d="M733.7 563.6l-0.5 170.5 62.5-36.3 0.4-170.5z" fill="#025BBF" p-id="5615"></path><path d="M733.3 741.5c-1.3 0-2.6-0.3-3.7-1-2.3-1.3-3.7-3.8-3.7-6.4l0.5-170.5c0-2.6 1.4-5 3.7-6.4l62.4-36.3c2.3-1.3 5.1-1.3 7.4 0 2.3 1.3 3.7 3.8 3.7 6.4l-0.6 170.6c0 2.6-1.4 5-3.7 6.4L737 740.5c-1.2 0.7-2.5 1-3.7 1z m7.8-173.7l-0.4 153.5 47.6-27.7 0.4-153.4-47.6 27.6z" fill="#56A1F3" p-id="5616"></path><path d="M865.2 510.9c0-1.2-0.1-2.3-0.2-3.5-0.1-1.2-0.2-2.4-0.3-3.5-0.1-1.2-0.2-2.4-0.4-3.6-0.2-1.2-0.3-2.4-0.5-3.7v-0.2-0.1c-0.2-1.1-0.4-2.2-0.6-3.4-0.2-1.3-0.5-2.6-0.8-3.8-0.3-1.3-0.6-2.6-0.9-3.8-0.3-1.3-0.7-2.6-1-3.9-0.3-1.1-0.6-2.2-0.9-3.2 0-0.1 0-0.1-0.1-0.2 0-0.2-0.1-0.3-0.1-0.5-0.4-1.3-0.8-2.5-1.2-3.8-0.4-1.3-0.9-2.5-1.3-3.8-0.4-1.2-0.9-2.4-1.4-3.6-0.5-1.2-0.9-2.4-1.4-3.6-0.4-1-0.8-1.9-1.2-2.9 0-0.1-0.1-0.1-0.1-0.2-0.1-0.2-0.1-0.3-0.2-0.5-0.5-1.2-1.1-2.4-1.6-3.6-0.6-1.3-1.2-2.6-1.9-3.9-0.7-1.5-1.5-3-2.3-4.4-0.9-1.6-1.8-3.2-2.7-4.7-0.2-0.3-0.3-0.6-0.5-0.8-0.2-0.3-0.4-0.7-0.6-1-1.8-3-3.6-5.9-5.5-8.8-1.5-2.2-3-4.4-4.6-6.5l-0.1-0.1s0-0.1-0.1-0.1c-1.1-1.5-2.2-2.9-3.3-4.3-0.9-1.2-1.9-2.4-2.9-3.5-0.9-1.1-1.9-2.2-2.9-3.3-0.9-1.1-1.9-2.1-2.9-3.2l-0.5-0.5c-0.1-0.1-0.1-0.2-0.2-0.2-0.8-0.8-1.5-1.6-2.3-2.5l-3.1-3.1c-1.1-1-2.1-2-3.2-3s-2.2-1.9-3.3-2.8c-0.5-0.4-1-0.8-1.6-1.3-0.1-0.1-0.2-0.2-0.4-0.3-0.4-0.4-0.9-0.7-1.3-1.1-1.1-0.8-2.1-1.7-3.2-2.4-1.1-0.8-2.1-1.5-3.2-2.3-1-0.7-2.1-1.4-3.1-2-1-0.7-2-1.3-3.1-1.9-0.2-0.1-0.5-0.3-0.7-0.4L629 293c-0.8-0.4-1.5-0.9-2.3-1.3-1-0.5-2-1.1-3-1.5-0.7-0.3-1.3-0.6-2-0.9-0.2-0.1-0.3-0.1-0.5-0.2s-0.3-0.2-0.5-0.2c-1-0.4-2-0.9-2.9-1.2-1-0.4-2-0.8-3-1.1-0.2-0.1-0.4-0.1-0.6-0.2-0.2-0.1-0.3-0.1-0.5-0.2-0.6-0.2-1.2-0.4-1.9-0.6-1-0.3-2-0.6-3-0.8-0.5-0.1-1-0.2-1.6-0.3-0.2 0-0.4-0.1-0.6-0.1-0.3-0.1-0.6-0.1-0.8-0.2-1.1-0.2-2.2-0.4-3.2-0.5-0.7-0.1-1.4-0.1-2.1-0.2-0.2 0-0.4-0.1-0.7-0.1-0.2 0-0.4 0-0.6-0.1-1.2-0.1-2.3-0.1-3.5-0.1-0.5 0-1 0.1-1.6 0.1-0.4 0-0.8 0-1.1 0.1-0.4 0-0.8 0-1.1 0.1-1.5 0.1-2.9 0.3-4.3 0.6h-0.1c-0.4 0.1-0.7 0.2-1.1 0.3-1.3 0.3-2.7 0.6-4 1.1-0.1 0-0.2 0.1-0.3 0.2-2 0.7-3.9 1.6-5.7 2.6L514 324.6c1.8-1 3.7-1.9 5.7-2.6 1.4-0.5 2.8-0.9 4.2-1.2l1.2-0.3c1.8-0.4 3.6-0.6 5.5-0.7 0.4 0 0.8 0 1.2-0.1 1.8-0.1 3.7-0.1 5.6 0.1 0.2 0 0.4 0 0.6 0.1 2 0.2 4.1 0.5 6.1 0.9 0.2 0 0.4 0.1 0.6 0.1 2.1 0.5 4.3 1.1 6.5 1.8 0.2 0.1 0.3 0.1 0.5 0.2 2.3 0.8 4.6 1.7 7 2.8 0.1 0.1 0.3 0.1 0.4 0.2 2.4 1.1 4.8 2.4 7.3 3.8l162.8 94c5 2.9 9.9 6.3 14.6 10.1 0.1 0.1 0.2 0.2 0.4 0.3 4.7 3.8 9.2 8.1 13.5 12.6l0.2 0.2c4.4 4.7 8.5 9.7 12.4 14.9 0 0 0 0.1 0.1 0.1 3.8 5.2 7.4 10.7 10.6 16.3 0.2 0.3 0.3 0.6 0.5 0.8 3.2 5.6 6.1 11.3 8.7 17.2 0 0.1 0 0.1 0.1 0.2 2.6 6 4.9 12.1 6.7 18.1 0 0.1 0 0.1 0.1 0.2 1.8 6.1 3.3 12.2 4.2 18.2v0.1c1 6.1 1.5 12 1.5 17.8l-0.5 187.1c0 2.5-0.1 4.9-0.3 7.3-0.2 2-0.5 3.8-0.9 5.4 0 0.1 0 0.2-0.1 0.2-0.4 1.5-0.9 2.9-1.5 4.1-0.1 0.1-0.1 0.2-0.2 0.3-0.3 0.6-0.7 1.1-1.1 1.6-1.1 1.6-2.4 2.9-3.8 3.8l62.4-36.3c1.5-0.9 2.7-2.2 3.8-3.8 0.1-0.2 0.3-0.3 0.5-0.5 0.2-0.4 0.4-0.7 0.6-1.1 0.1-0.1 0.1-0.2 0.2-0.4 0.1-0.1 0.1-0.2 0.2-0.3 0.2-0.5 0.5-1 0.7-Line truncated

src/i18n/locales/en-US.ts

@@ -1190,6 +1190,9 @@ export default {
         nodeImageCloud: "Cloud",
         nodeImageService: "Server",
         nodeImageServiceDB: "Server Data",
+        nodeImageFirewall: "Firewall",
+        nodeImageMobile: "Mobile",
+        nodeImageUser: "User",
         graphModeDefault: "Default",
         graphModeEdit: "Edit",
         graphNotInfo: "no information",

src/i18n/locales/zh-CN.ts

@@ -1190,6 +1190,9 @@ export default {
         nodeImageCloud: "云",
         nodeImageService: "服务器",
         nodeImageServiceDB: "数据服务器",
+        nodeImageFirewall: "防火墙",
+        nodeImageMobile: "手机",
+        nodeImageUser: "用户",
         graphModeDefault: "默认",
         graphModeEdit: "编辑",
         graphNotInfo: "无信息",

src/views/monitor/topologyBuild/hooks/useNode.ts

@@ -133,6 +133,18 @@ export default function useNode() {
       value: '/svg/service_db.svg',
       label: t('views.monitor.topologyBuild.nodeImageServiceDB'),
     },
+    {
+      value: '/svg/firewall.svg',
+      label: t('views.monitor.topologyBuild.nodeImageFirewall'),
+    },
+    {
+      value: '/svg/mobile.svg',
+      label: t('views.monitor.topologyBuild.nodeImageMobile'),
+    },
+    {
+      value: '/svg/user.svg',
+      label: t('views.monitor.topologyBuild.nodeImageUser'),
+    },
   ];
 
   /**图节点信息状态类型 */