From 57385ce3303902894d4dc960c73228c149df462a Mon Sep 17 00:00:00 2001
From: haha <lj7788@126.com>
Date: Wed, 22 May 2024 01:03:00 +0800
Subject: [PATCH] update code

---
 public/images/nav/nav1.png                    | Bin 0 -> 2990 bytes
 public/images/nav/nav2.png                    | Bin 0 -> 2745 bytes
 public/images/nav/nav3.png                    | Bin 0 -> 2459 bytes
 public/images/nav/nav4.png                    | Bin 0 -> 2574 bytes
 public/images/nav/nav5.png                    | Bin 0 -> 2390 bytes
 src/api/menu/index.ts                         |  40 +--
 src/assets/icons/build.svg                    |   1 +
 src/assets/icons/db.svg                       |   1 +
 src/assets/icons/oper.svg                     |   1 +
 src/assets/icons/simu.svg                     |   1 +
 src/assets/icons/split.svg                    |   1 +
 src/assets/icons/test.svg                     |   1 +
 src/assets/icons/web.svg                      |   1 +
 src/assets/logo.svg                           |   1 +
 src/layout/components/AppMain/index.vue       |   7 +-
 .../NavBar/components/NavbarLeft.vue          |  19 -
 .../NavBar/components/NavbarRight.vue         |  53 +--
 src/layout/components/NavBar/index.vue        |  18 -
 .../Settings/components/LayoutSelect.vue      | 108 ------
 .../Settings/components/ThemeColorPicker.vue  |  41 ---
 src/layout/components/Settings/index.vue      | 144 --------
 .../Sidebar/components/SidebarLogo.vue        |  64 ----
 .../Sidebar/components/SidebarMenu.vue        |  21 +-
 .../Sidebar/components/SidebarMixTopMenu.vue  |   5 +-
 src/layout/components/Sidebar/index.vue       |  21 +-
 src/layout/components/TagsView/index.vue      |  31 +-
 src/layout/index.vue                          | 339 +++---------------
 src/settings.ts                               |   2 +-
 src/store/modules/user.ts                     |   3 +-
 src/styles/reset.scss                         |   1 +
 src/styles/variables.scss                     |   6 +-
 src/typings/components.d.ts                   |   3 +-
 src/views/dashboard/index.vue                 |  30 +-
 src/views/split/split1/index.vue              |  20 ++
 34 files changed, 156 insertions(+), 828 deletions(-)
 create mode 100644 public/images/nav/nav1.png
 create mode 100644 public/images/nav/nav2.png
 create mode 100644 public/images/nav/nav3.png
 create mode 100644 public/images/nav/nav4.png
 create mode 100644 public/images/nav/nav5.png
 create mode 100644 src/assets/icons/build.svg
 create mode 100644 src/assets/icons/db.svg
 create mode 100644 src/assets/icons/oper.svg
 create mode 100644 src/assets/icons/simu.svg
 create mode 100644 src/assets/icons/split.svg
 create mode 100644 src/assets/icons/test.svg
 create mode 100644 src/assets/icons/web.svg
 create mode 100644 src/assets/logo.svg
 delete mode 100644 src/layout/components/NavBar/components/NavbarLeft.vue
 delete mode 100644 src/layout/components/NavBar/index.vue
 delete mode 100644 src/layout/components/Settings/components/LayoutSelect.vue
 delete mode 100644 src/layout/components/Settings/components/ThemeColorPicker.vue
 delete mode 100644 src/layout/components/Settings/index.vue
 delete mode 100644 src/layout/components/Sidebar/components/SidebarLogo.vue
 create mode 100644 src/views/split/split1/index.vue

diff --git a/public/images/nav/nav1.png b/public/images/nav/nav1.png
new file mode 100644
index 0000000000000000000000000000000000000000..69f93eaa0f6f03df588c1d4ebf2babd4a15255eb
GIT binary patch
literal 2990
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

literal 0
HcmV?d00001

diff --git a/public/images/nav/nav2.png b/public/images/nav/nav2.png
new file mode 100644
index 0000000000000000000000000000000000000000..d293f29d02c52fe2f7c7f0abb0af4a16de851926
GIT binary patch
literal 2745
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

literal 0
HcmV?d00001

diff --git a/public/images/nav/nav3.png b/public/images/nav/nav3.png
new file mode 100644
index 0000000000000000000000000000000000000000..f85f1cfe2eeb708fae62df489271012609340530
GIT binary patch
literal 2459
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
Z^l!*NW;#kx4n6<?002ovPDHLkV1kE*pws{W

literal 0
HcmV?d00001

diff --git a/public/images/nav/nav4.png b/public/images/nav/nav4.png
new file mode 100644
index 0000000000000000000000000000000000000000..e40d5f96110430161f64ab87053a73aee4538274
GIT binary patch
literal 2574
zcmV+p3i0)cP)<h;3K|Lk000e1NJLTq001@s001@!1^@s6j74hQ00001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZyxJg7oRA_<SnoVq6R~5&9=e#$z$4=73Zb@2-MAasu
zd`J{!k+%D8x`K7TBuFZ;0P!U@l~5&iDFS7Ipj9PWx+qJKx@g6ME+AP{si-PwNJ~@{
z5@Tm3!HzxSnRoADaqoTe;Tijl$DoQ6y_w1LyZ4>{J>TbEVIRrNvPO%O1`mtz5W;cb
zUW7%A1ptH%j3#gu<FaI2G|z>lI`4>x+b>>Z+6l}|np-?(#uFHi14s5a)lGyqM0jm+
zmbXO2rr~SPz?RJxYAsF!-!iyw8YYHG;0kcATj!-?A{%?0V{%&EuxEiEiE#H`##bdX
zt^?2CwIIKobnHaHR@(M}I)06CYSI@?MaBi6@#LrG<in~%wCaP6ww+Pq;{O~JfN)BU
zi;cFOsXn9vH8$<6!T0yh+5VBh3rq9zg9^`$Co{_$ZC=KBdjDA42NGUcn&ay`g@=5n
z@t;Ug0LIgeHUQ6zdt|JQt!~=cPb8>B#?z~tc6QvKN2+3@Wv9(}@xRB_{*ef0mg@4-
zw)?|3Znf?H!t*Y0aN3vJZn=Z(L+S(Tx$@BAIr*sn<~CJyo>!Rylv%or-Tq-#K0gH=
zj64s}0I<~!J8kgDq%-%x&|}-cJU9=9vw_R`@Hap3{N6ztJhHlBr~B`fny|cV3;7}b
z2HZ0Vpft6`HyA-$-k|VMc*Fc4x1vI>Lav|!A`%!WRWp80rl;46HBKBm7IMqd-Dih5
zJvk_gK+?Sg$mkSC*BM9Wjk%hl8o2b{Xmvd|T9BzQn+sV2h+u$-A%K}o0`8uO;b#z+
z#>}MI;-jirdQ!Pz37G{j?XG7oHx}y|^_rqXmh3&Wx}L_SW6KM3xsqpsij0t8b#MY#
z7VF$EB9;R*w|HzXpnSB8>sxTCEqGH3XWXrhFCT_n!?Vs0b7tfU3pL~NP0v5PkgF#b
z;lX*~o>@f%6v4!xqT~$jYi{uv@Ma#FeWEHT`apRLs`ba4LbHIj57N+@XKmI|I3vsA
z>eFv$g7d~k$8l{F{@V4ZLR~%0w(zy15>?kw1jH(<WyJDk9?SX1s{l*vCA;$8aNcuu
zGvj&(wgB;P!)CCe#b@gsvN6o~DCrC9Gc*CzsEg5=0p~rShzcfYDJnDgxS3^nqs2)o
zl=G!4kJ54$Ko!oo)iwUz6}AjigqA74y;&z~8cK*MVL^JKz+-p?mw}Vu{tFcj6d^o-
z2T?FesZ~_TBaId(b5Ty2ueuyD@R~(w8HMu{KBMcQu;8Li1gA<SMkWE6Msz;LEFV3p
zmqD9#28Hv8C?bXm(Nk7;j|LCt=J-lwIhSso5?tYft+{wf1R)~viVH8nrK=g<EI4*E
zvVayVy`fQfPv!;FU|YfWQ&}Iycqor8vP!6uZ6&ECb?gVG1P3yZ)1)y14<4k9Q2>A6
zG}e4@>neeH=fm8&rHmxlnp8z69M6G!cZD>R<`|T5E4lpOA;A<hnn(g?&QLKPS%j}1
zRqmP-4%7mR%k7MB{<)I^Dnbe)F*c6irGi%8s|bs`J~j-?df<G_`I6KIen&eDwrE^h
z^Srn2`QWyv2pY(&#)$}0qi@a>UADv9g@i>dJG8sQDZj(JdT%y*%s8Je3%O!Sehbe(
z*B!t6#}-R9;no(ccj5xLFgR)=mgY9=y>AkD#=?%RfpOqUd!wg@JsXSJyBPN!fbSj`
zZWqFDK6b2Zc%J*hEQ;{^YaKp!IOkAJG1qhLi1dYq^w!GORZ<>%>6N55jyy?PhL@1U
z9-T9OctV*`p$2^C#0)is+XZ}h+wuCPb)Nmw9dza;s$x_}lOVBaNZ82Z2EkOoLTwdt
zLNVj+dE>`lR5B6%u;OU8J&zvE$wgRcInKR%i}fwfi|?;-$9xTM8p4G1O6sYg8O<EH
z3VdeobM!e8Zyd@!&pntS2yg$Z;OFnRP&}_+GCqGK<AX*A#ZVR2y3lHQYBLHVC{jj=
zDO(0t731=Bb0ixJ-tU0}f@H$mD+TA?YvG&^D(a2DG>Z_Wvkb{{BoE(chDiV?p>COu
zA>(px!n*=bO$W?yCOBuDU-7JLboqF#Kx16Oge)>F3X+BFT{A^;4Zu)Rbu(>)M=~zv
z0_UfkCpZruydvJXvTg{1N69n_KqDxPpmISpWbmkBA~6Qq)WFPhAz!NVPNT(5_P${k
zKsmz`QYAA%B_zSIV#G8hi{X;8!69TOh(Y1NO%#Ae(#@qh@2H44gg2^;kfC3xY%lXh
z7qWJTgi92MQjmpjQwoH_gpNVS3tJA_h0*RB?ZVUPT1cGBx5?1EcV+So5ee%f!fU%#
z(ftXwKreGgLWbas!a=BdW4$FHYN!e7gF9Cjg{G+z2+6MkK8G#sEm-P(3_{!mm+%_I
zF4f{JZ#7$7sn+)hMPC3H7(9}DY67`=d<mR^a@$1k(yPJ52QVpgslXh<K@CYr8Pa+m
zRXDq{ILlilFcGoFrkw+RI&MUN#7vB+2$={^eY(quy0F&qr8*9j1TwVh(l3=TPfdkG
zv&zZCMkd<pSdHRkJe^CM^5tX8W((OSm&ffZm&K*^D(7zD*(yAp!qF)l-NMuDi(9^I
zIBsVysk3Sb1+`46<;qN+F_UM^=HdT&reqpgb4mTj@ORzKb3ARvmp<s2$j0i1JrDe1
z?0Q7Wg{n9(m1lxkNMMC<&&BR<SpbYcmef@uuv|5O%VLjFL$H<sQSV64_n$D>_V|qr
zJ3nflIknzWta09O&QtVB&&95lOQ8DHG5zX)VUj?mLZ(47NlLj2S)a5t>hMU385izc
zkcazkZHpQ{<4H9xVnaJFLhKTyULUbT;|W=wM8I0M4tCJQ2&~r|NdWRpdO#(qU>r3H
zl(6oVC%4}oL5;SZG0(QM6=lEPdR<@_n>xv+(*6Dx_$V57A{s$xRPjuD_hkoZiSq2y
zoNU{q9ILtGP6~_ymwFVzv-jK9;F$Eveg;chOEIfYO1pyE;RL~sCV8V}zhY<~y1x(6
ztKch0De2`14!4JZo^wemIKu6}a%Wwh8OQsMz|1UbZ1OU)1GxCxdSiB)axA5W=%6``
z2esRAh)N-Sb<@tuD775?=t*i)Y}?9}F@VC<FWfcl0hWG>CkcMSi2dokbjWt%Xbe;9
zB7ASu34t-wRHt~N;8pgpPdyC@{3%nO8a^4Y6IDJW25@*zKDu*W9u?s<aBX4^C#P#>
zoLQQeM<)RVQ&i#0%eGKE#5aI%SE~xDlfV@Z=iC}ErOom^%rPDP-yNMDMd`4!D5v7~
k)UJn}V>9Xeejj%J55T3n0x4xB<NyEw07*qoM6N<$f|<hE!vFvP

literal 0
HcmV?d00001

diff --git a/public/images/nav/nav5.png b/public/images/nav/nav5.png
new file mode 100644
index 0000000000000000000000000000000000000000..a22a96974849064692567c8a2ec95c59ad40c93b
GIT binary patch
literal 2390
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
IM6N<$g3g$Y6#xJL

literal 0
HcmV?d00001

diff --git a/src/api/menu/index.ts b/src/api/menu/index.ts
index 3855860..4415c9c 100644
--- a/src/api/menu/index.ts
+++ b/src/api/menu/index.ts
@@ -11,20 +11,20 @@ class MenuAPI {
         {
           path: "/split",
           component: "Layout",
-          redirect: "/split/index",
+          redirect: "/split/split1",
           name: "/split",
           meta: {
             title: "算法分割",
-            icon: "project",
+            icon: "split",
             hidden: false,
             roles: ["GUEST", "ADMIN", "ADMIN6"],
             alwaysShow: false,
           },
           children: [
             {
-              path: "user",
-              component: "system/user/index",
-              name: "User",
+              path: "split1",
+              component: "split/split1/index",
+              name: "split1",
               meta: {
                 title: "算法分割1",
                 icon: "user",
@@ -35,9 +35,9 @@ class MenuAPI {
               },
             },
             {
-              path: "role",
-              component: "system/role/index",
-              name: "Role",
+              path: "/split2",
+              component: "split/split1/index",
+              name: "/split2",
               meta: {
                 title: "算法分割2",
                 icon: "role",
@@ -56,7 +56,7 @@ class MenuAPI {
           name: "/internetProtocol",
           meta: {
             title: "互联协议",
-            icon: "api",
+            icon: "web",
             hidden: false,
             roles: ["GUEST", "ADMIN", "ADMIN6"],
             alwaysShow: false,
@@ -97,7 +97,7 @@ class MenuAPI {
           name: "/simulationEvaluation",
           meta: {
             title: "仿真评估",
-            icon: "client",
+            icon: "simu",
             hidden: false,
             roles: ["GUEST", "ADMIN", "ADMIN6"],
             alwaysShow: false,
@@ -138,16 +138,16 @@ class MenuAPI {
           name: "/operatorLibrary",
           meta: {
             title: "算子库管理",
-            icon: "dict",
+            icon: "oper",
             hidden: false,
             roles: ["GUEST", "ADMIN", "ADMIN6"],
             alwaysShow: false,
           },
           children: [
             {
-              path: "user",
-              component: "system/user/index",
-              name: "User",
+              path: "operatorLibrary",
+              component: "/operatorLibrary/index",
+              name: "operatorLibrary",
               meta: {
                 title: "算子库管理1",
                 icon: "user",
@@ -158,9 +158,9 @@ class MenuAPI {
               },
             },
             {
-              path: "role",
-              component: "system/role/index",
-              name: "Role",
+              path: "operatorLibrary2",
+              component: "/operatorLibrary/index2",
+              name: "operatorLibrary2",
               meta: {
                 title: "算子库管理2",
                 icon: "role",
@@ -179,7 +179,7 @@ class MenuAPI {
           name: "/dataMgr",
           meta: {
             title: "数据管理",
-            icon: "edit",
+            icon: "db",
             hidden: false,
             roles: ["GUEST", "ADMIN", "ADMIN6"],
             alwaysShow: false,
@@ -220,7 +220,7 @@ class MenuAPI {
           name: "/tester",
           meta: {
             title: "算法测试仪管理",
-            icon: "link",
+            icon: "test",
             hidden: false,
             roles: ["GUEST", "ADMIN", "ADMIN6"],
             alwaysShow: false,
@@ -261,7 +261,7 @@ class MenuAPI {
           name: "/system",
           meta: {
             title: "系统管理",
-            icon: "menu",
+            icon: "system",
             hidden: false,
             roles: ["GUEST", "ADMIN", "ADMIN6"],
             alwaysShow: false,
diff --git a/src/assets/icons/build.svg b/src/assets/icons/build.svg
new file mode 100644
index 0000000..f4db470
--- /dev/null
+++ b/src/assets/icons/build.svg
@@ -0,0 +1 @@
+<svg class="icon" style="width: 1.12109375em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1148 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12909"><path d="M920.625535 383.127042l41.739572 109.952102-16.809516 38.328945-85.671689-120.183981c-5.197145-7.876923-6.983664-17.540365-4.791118-26.635369 2.192546-9.176209 8.120539-16.971927 16.322283-21.600634 9.013799-5.11594 19.895321-5.765583 29.477558-1.786519 9.663442 3.816653 16.890722 11.937193 19.73291 21.925456z" fill="#666666" p-id="12910"></path><path d="M748.470103 80.799366l172.967486 292.74544c5.440761 9.176209 6.821253 20.220143 3.735448 30.370817-3.0046 10.231879-10.150674 18.758446-19.651705 23.468358-17.296749 8.688977-38.410151 3.085805-49.129262-13.074068L667.833148 131.471531c-7.22728-10.881523-9.663442-24.199207-6.821253-36.867249 2.842189-12.749247 10.800317-23.711975 21.925456-30.370816 10.881523-6.577637 23.955591-8.445361 36.217605-5.359556 12.34322 3.085805 22.899921 10.962728 29.315147 21.925456z" fill="#FFCD34" p-id="12911"></path><path d="M220.229025 593.77383h235.170816v151.204441H220.229025c-18.51483 0-33.619033-15.022998-33.619033-33.619032V627.392863c0-18.596035 15.022998-33.619033 33.619033-33.619033z" fill="#808080" p-id="12912"></path><path d="M673.679937 744.978271H455.318636V442.650595c0-18.51483 15.022998-33.619033 33.619033-33.619033h122.701348c16.403489 0 30.452022 11.855987 33.1318 28.097066L673.679937 610.664552v134.313719z" fill="#FFCD34" p-id="12913"></path><path d="M505.747185 677.740206V476.188422c0-9.257415 7.552102-16.809516 16.809516-16.809516h60.660428c8.201745 0 15.266614 5.927994 16.5659 14.048533l23.305948 139.916891c0.162411 0.893259 0.243616 1.867724 0.243616 2.760983v61.634893c0 9.257415-7.552102 16.809516-16.809516 16.809516H522.556701c-9.257415 0-16.809516-7.470896-16.809516-16.809516z" fill="#4EC3C7" p-id="12914"></path><path d="M152.99096 812.135131h537.498493c37.110864 0 67.15686 30.045995 67.156859 67.156859s-30.045995 67.15686-67.156859 67.15686H152.99096c-37.110864 0-67.15686-30.045995-67.15686-67.15686 0-37.029659 30.045995-67.15686 67.15686-67.156859z" fill="#666666" p-id="12915"></path><path d="M220.229025 879.373196c0 37.110864-30.045995 67.15686-67.15686 67.15686s-67.15686-30.045995-67.15686-67.15686 30.045995-67.15686 67.15686-67.15686 67.15686 30.045995 67.15686 67.15686z" fill="#2F7A92" p-id="12916"></path><path d="M757.727518 879.373196c0 37.110864-30.045995 67.15686-67.15686 67.15686s-67.15686-30.045995-67.156859-67.15686 30.045995-67.15686 67.156859-67.15686c37.029659-0.081205 67.15686 30.045995 67.15686 67.15686z" fill="#226C8A" p-id="12917"></path><path d="M287.385884 744.978271h268.708644v67.15686H287.385884v-67.15686z" fill="#4D4D4D" p-id="12918"></path><path d="M236.957335 593.77383l117.585409-335.946709L682.125297 64.314671c23.305948-13.804917 53.270738-6.17161 67.15686 17.053132 13.967328 23.224742 6.415226 53.433148-16.809516 67.400476L438.50912 325.065186l-67.15686 268.708644H236.957335z" fill="#F9C32D" p-id="12919"></path><path d="M962.365107 492.997938l-90.787629 207.723394-80.312133 33.781444c29.396352 32.07613 70.973513 50.347343 114.580809 50.266138 73.49088 1.705313 137.48073-49.860111 151.448057-121.9705s-26.148136-143.895956-94.929104-169.800476z" fill="#808080" p-id="12920"></path><path d="M505.747185 610.583347h117.585408v67.156859c0 9.257415-7.552102 16.809516-16.809516 16.809516H522.556701c-9.257415 0-16.809516-7.552102-16.809516-16.809516v-67.156859z" fill="#177A96" p-id="12921"></path><path d="M522.556701 711.359239h83.966376c18.51483 0 33.619033-15.022998 33.619032-33.619033v-61.634893c0-1.867724-0.162411-3.735448-0.487232-5.521966L616.348929 470.666455c-2.679778-16.241079-16.728311-28.097066-33.1318-28.097066h-60.660428c-18.51483 0-33.619033 15.022998-33.619032 33.619033v201.551784c0 18.596035 15.022998 33.619033 33.619032 33.619033z m0-33.619033v-50.428549h83.966376v50.428549H522.556701z m60.660428-201.551784l19.5705 117.585408h-80.230928V476.188422h60.660428zM136.181443 862.56368h33.619033v33.619032h-33.619033v-33.619032zM673.679937 862.56368H707.298969v33.619032h-33.619032v-33.619032z" p-id="12922"></path><path d="M975.601586 480.411102l-32.157335-84.697224c0.568438-10.719112-2.030135-21.438224-7.470897-30.695639L765.198414 76.008247c-0.568438-1.05567-0.974465-2.273751-1.542903-3.329421-3.329421-5.440761-7.470896-10.313085-12.262014-14.535765-15.753846-15.185408-38.328945-21.032197-59.442347-15.266614-6.415226 1.380492-12.668041 3.816653-18.352419 7.064869L340.737827 246.539572l-115.636479 330.505947h-4.872323c-27.85345 0-50.428549 22.575099-50.428549 50.428549V711.359239c0 27.85345 22.575099 50.428549 50.428549 50.428548h50.428548v33.619033H152.99096c-46.368279 0-83.966376 37.598097-83.966376 83.966376 0 46.368279 37.598097 83.966376 83.966376 83.966376h537.498493c46.368279 0 83.966376-37.598097 83.966376-83.966376 0-46.368279-37.598097-83.966376-83.966376-83.966376H572.904044v-33.619033h117.585409V610.583347l-29.152736-176.215702c-3.979064-24.361618-25.011261-42.145599-49.6977-42.145599H488.937669c-27.85345 0-50.428549 22.575099-50.428549 50.428549v134.394924h-45.637431L453.12609 335.946709 689.433783 194.080888l153.072165 229.64885c4.466297 6.577637 10.39429 12.099603 17.296748 16.159873l66.669628 93.386202-67.562887 154.533862-96.147185 40.277875 16.159873 17.62157c32.644568 35.486757 78.688025 55.706899 126.924029 55.706899 93.548612 0.730849 170.044092-74.38414 171.018557-167.932752-0.162411-66.669627-40.034259-126.842823-101.263125-153.072165z m-872.95797 398.962094c0-27.85345 22.575099-50.428549 50.428549-50.428549s50.428549 22.575099 50.428549 50.428549-22.575099 50.428549-50.428549 50.428549-50.428549-22.656305-50.428549-50.428549z m638.274386 0c0 27.85345-22.575099 50.428549-50.428549 50.428549s-50.428549-22.575099-50.428549-50.428549 22.575099-50.428549 50.428549-50.428549 50.428549 22.575099 50.428549 50.428549z m-117.179382-50.428549c-22.981126 29.639968-22.981126 71.135924 0 100.775892h-67.644092v-33.619032h-33.619032v33.619032H438.590325v-33.619032h-33.619032v33.619032H321.004917v-33.619032h-33.619033v33.619032h-67.644092c22.981126-29.639968 22.981126-71.135924 0-100.775892h117.991436v33.619033h33.619032v-33.619033h100.775892v33.619033h33.619033v-33.619033h117.991435z m-84.372403-33.619032H304.1954V761.706582h235.170817v33.619033z m-67.238065-352.67502c0-9.257415 7.552102-16.809516 16.809517-16.809516h122.701348c8.201745 0 15.185408 5.927994 16.5659 14.048532l28.665503 172.155433v116.204916H472.128152V442.650595z m-33.537827 167.932752v117.585408H220.229025c-9.257415 0-16.809516-7.552102-16.809517-16.809516V627.392863c0-9.257415 7.552102-16.809516 16.809517-16.809516h218.3613z m-14.616971-296.399683l-65.695162 262.78065H260.66931l107.759556-307.768438L690.651864 78.769231c0.324822-0.162411 0.568438-0.243616 0.893259-0.406027l0.081205 0.243616c2.598573-1.542902 5.359556-2.679778 8.28295-3.329421 9.907058-2.273751 20.301348 0.324822 28.097066 6.902458 2.354956 2.030135 4.466297 4.466297 6.090405 7.146075l2.354956 3.979064c6.983664 14.941792 1.461697 32.644568-12.668041 41.089929L423.973354 314.183664z m294.288343-137.399524l22.73751-13.642506c9.501031-5.765583 17.296749-13.886122 22.818715-23.549564L907.064235 382.152577c3.085805 5.197145 3.816653 11.368755 2.11134 17.134338-1.705313 5.765583-5.684377 10.556701-11.125139 13.236479-9.744647 4.872324-21.600634 1.705313-27.609833-7.308485L718.261697 176.78414z m186.691198 268.627438c6.577637-1.705313 12.668041-4.791118 17.865186-9.176209l21.438224 56.356542-2.111341 4.953529-37.192069-52.133862z m0.893259 322.547819c-30.289611 0-59.685964-9.907058-83.803965-28.178271l62.284536-26.148136 64.883108-148.362252 16.809517-38.653767 5.034734-11.368755c44.338144 22.818715 72.191594 68.456146 72.191594 118.316257-0.893259 75.033783-62.365741 135.125773-137.399524 134.394924z" p-id="12923"></path><path d="M236.957335 627.392863h67.15686V661.011895h-67.15686v-33.619032zM236.957335 677.740206h33.619033V711.359239h-33.619033v-33.619033z" p-id="12924"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/db.svg b/src/assets/icons/db.svg
new file mode 100644
index 0000000..d74f28b
--- /dev/null
+++ b/src/assets/icons/db.svg
@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9528"><path d="M973.50137 189.369863C973.50137 72.942466 739.243836 11.221918 507.791781 11.221918 288.964384 11.221918 68.734247 65.928767 43.484932 169.731507c-4.208219 5.610959-5.610959 12.624658-5.610959 19.638356v688.745205c0 8.416438 2.805479 16.832877 9.819178 23.846576 4.208219 4.208219 112.219178 115.024658 464.306849 115.024657 347.879452 0 441.863014-105.205479 451.682192-117.830137 5.610959-5.610959 7.013699-14.027397 7.013698-22.443835V213.216438c1.40274-8.416438 2.805479-15.430137 2.80548-23.846575zM897.753425 648.065753c-1.40274 0-1.40274 1.40274-2.80548 1.40274 0 0-1.40274 0-1.40274 1.40274-1.40274 1.40274-2.805479 1.40274-4.208219 2.805479l-1.402739 1.40274c-1.40274 0-1.40274 1.40274-2.80548 1.40274 0 0-1.40274 1.40274-2.805479 1.40274s-1.40274 1.40274-2.80548 1.402739-1.40274 1.40274-2.805479 1.40274-2.805479 1.40274-4.208219 1.40274c-1.40274 0-1.40274 1.40274-2.80548 1.402739-1.40274 1.40274-2.805479 1.40274-4.208219 2.80548-1.40274 0-1.40274 1.40274-2.805479 1.40274-2.805479 1.40274-4.208219 2.805479-7.013699 4.208219-1.40274 0-1.40274 1.40274-2.80548 1.402739-1.40274 1.40274-4.208219 1.40274-5.610958 2.80548-1.40274 0-2.805479 1.40274-4.20822 1.40274-1.40274 1.40274-4.208219 1.40274-5.610959 2.805479-1.40274 0-2.805479 1.40274-4.208219 1.40274-1.40274 1.40274-4.208219 1.40274-5.610959 2.805479-1.40274 0-2.805479 1.40274-4.208219 1.40274-2.805479 1.40274-5.610959 1.40274-8.416438 2.805479-1.40274 0-1.40274 0-2.80548 1.40274-4.208219 1.40274-7.013699 2.805479-11.221917 4.208219-1.40274 0-2.805479 1.40274-4.20822 1.40274-2.805479 1.40274-5.610959 1.40274-8.416438 2.80548-1.40274 0-2.805479 1.40274-5.610959 1.402739-2.805479 1.40274-5.610959 1.40274-8.416438 2.80548-1.40274 0-4.208219 1.40274-5.610959 1.402739-2.805479 1.40274-5.610959 1.40274-9.819178 2.80548-1.40274 0-2.805479 1.40274-5.610959 1.40274-4.208219 1.40274-8.416438 1.40274-12.624658 2.805479h-2.805479c-5.610959 1.40274-11.221918 2.805479-16.832877 2.80548-1.40274 0-4.208219 0-5.610959 1.402739-4.208219 1.40274-8.416438 1.40274-12.624657 2.80548-2.805479 0-4.208219 1.40274-7.013699 1.402739-4.208219 0-8.416438 1.40274-11.221918 1.40274-2.805479 0-4.208219 0-7.013698 1.40274-4.208219 0-8.416438 1.40274-12.624658 1.40274-2.805479 0-4.208219 0-7.013698 1.402739-5.610959 1.40274-12.624658 1.40274-18.235617 1.40274h-1.40274c-7.013699 0-14.027397 1.40274-21.041096 1.40274h-7.013698c-5.610959 0-11.221918 1.40274-15.430137 1.40274h-8.416439c-5.610959 0-9.819178 0-15.430137 1.402739H447.473973c-5.610959 0-11.221918 0-15.430137-1.402739h-8.416439c-5.610959 0-11.221918-1.40274-16.832876-1.40274h-7.013699c-7.013699 0-15.430137-1.40274-22.443836-1.40274h-2.805479c-5.610959 0-12.624658-1.40274-18.235617-1.40274-2.805479 0-4.208219 0-7.013698-1.402739-4.208219 0-9.819178-1.40274-14.027397-1.40274-2.805479 0-4.208219 0-7.013699-1.40274-4.208219 0-8.416438-1.40274-12.624658-1.40274-2.805479 0-4.208219 0-7.013698-1.402739-4.208219-1.40274-9.819178-1.40274-14.027398-2.80548-1.40274 0-2.805479 0-4.208219-1.402739-5.610959-1.40274-11.221918-2.805479-16.832876-2.80548-1.40274 0-2.805479 0-2.80548-1.40274-4.208219-1.40274-8.416438-1.40274-12.624657-2.805479-1.40274 0-2.805479-1.40274-5.610959-1.40274-2.805479-1.40274-7.013699-1.40274-9.819178-2.805479-1.40274 0-2.805479-1.40274-5.610959-1.40274-2.805479-1.40274-7.013699-1.40274-9.819178-2.805479-1.40274 0-2.805479-1.40274-4.20822-1.40274-4.208219-1.40274-7.013699-2.805479-11.221917-2.80548h-2.80548l-12.624657-4.208219c-1.40274 0-1.40274 0-2.80548-1.40274-2.805479-1.40274-5.610959-2.805479-8.416438-2.805479-1.40274 0-2.805479-1.40274-4.208219-1.40274-2.805479-1.40274-5.610959-1.40274-7.013699-2.805479-1.40274 0-2.805479-1.40274-2.805479-1.40274-2.805479-1.40274-4.208219-1.40274-7.013699-2.805479-1.40274 0-1.40274-1.40274-2.80548-1.40274l-8.416438-4.208219-8.416438-4.208219s-1.40274 0-1.40274-1.40274c-1.40274-1.40274-4.208219-1.40274-5.610959-2.80548-1.40274 0-1.40274-1.40274-2.805479-1.402739-1.40274-1.40274-2.805479-1.40274-4.208219-2.80548l-1.40274-1.402739c0 1.40274-1.40274 0-2.80548-1.40274 0 0-1.40274 0-1.402739-1.40274-4.208219-2.805479-7.013699-4.208219-9.819178-5.610959 0 0-1.40274 0-1.40274-1.40274-1.40274 0-1.40274-1.40274-2.80548-1.402739 0 0-1.40274 0-1.402739-1.40274 0 0-1.40274 0-1.40274-1.40274V504.986301s1.40274 1.40274 2.805479 1.40274l8.416439 4.208219c1.40274 0 2.805479 1.40274 4.208219 1.40274 2.805479 1.40274 7.013699 2.805479 9.819178 4.208219 1.40274 0 1.40274 1.40274 2.805479 1.40274 4.208219 1.40274 9.819178 4.208219 14.027398 5.610959 1.40274 0 2.805479 1.40274 4.208219 1.40274 4.208219 1.40274 7.013699 2.805479 11.221918 4.208219 1.40274 1.40274 4.208219 1.40274 7.013698 2.805479 4.208219 1.40274 7.013699 2.805479 11.221918 4.208219 2.805479 1.40274 4.208219 1.40274 7.013699 2.80548l12.624657 4.208219c2.805479 0 4.208219 1.40274 7.013699 1.40274 7.013699 1.40274 12.624658 4.208219 19.638356 5.610959h2.80548c5.610959 1.40274 12.624658 2.805479 18.235616 4.208219 2.805479 0 5.610959 1.40274 8.416438 1.40274 5.610959 1.40274 9.819178 2.805479 15.430137 2.805479 2.805479 0 5.610959 1.40274 9.819178 1.40274 5.610959 1.40274 11.221918 1.40274 16.832877 2.805479 2.805479 0 5.610959 1.40274 9.819178 1.40274 7.013699 1.40274 14.027397 1.40274 19.638356 2.805479 2.805479 0 4.208219 0 7.013699 1.40274 9.819178 1.40274 18.235616 2.805479 28.054794 2.805479 2.805479 0 5.610959 0 8.416439 1.40274 7.013699 1.40274 15.430137 1.40274 22.443835 1.40274 4.208219 0 7.013699 0 11.221918 1.40274 7.013699 0 14.027397 1.40274 21.041096 1.402739h12.624658c7.013699 0 15.430137 0 23.846575 1.40274h93.983562c7.013699 0 15.430137 0 22.443835-1.40274h12.624658c7.013699 0 14.027397-1.40274 21.041096-1.402739 4.208219 0 7.013699 0 11.221918-1.40274 7.013699 0 14.027397-1.40274 21.041095-1.40274 2.805479 0 5.610959 0 8.416439-1.40274 9.819178-1.40274 18.235616-1.40274 28.054794-2.805479h2.80548c8.416438-1.40274 15.430137-2.805479 23.846575-2.805479 2.805479 0 5.610959-1.40274 8.416438-1.40274 5.610959-1.40274 11.221918-1.40274 16.832877-2.80548 2.805479 0 5.610959-1.40274 8.416439-1.402739 5.610959-1.40274 9.819178-1.40274 14.027397-2.80548 2.805479 0 5.610959-1.40274 8.416438-1.402739 5.610959-1.40274 9.819178-2.805479 14.027397-2.80548 2.805479 0 4.208219-1.40274 7.013699-1.40274 7.013699-1.40274 12.624658-2.805479 19.638356-5.610959 1.40274 0 2.805479 0 2.80548-1.402739 5.610959-1.40274 9.819178-2.805479 15.430137-4.208219 1.40274 0 4.208219-1.40274 5.610959-1.40274 4.208219-1.40274 7.013699-2.805479 11.221917-4.208219 1.40274-1.40274 4.208219-1.40274 5.610959-2.80548 2.805479-1.40274 7.013699-2.805479 9.819178-4.208219 1.40274-1.40274 4.208219-1.40274 5.610959-2.805479 2.805479-1.40274 7.013699-2.805479 9.819178-4.20822 1.40274 0 2.805479-1.40274 4.208219-1.402739 4.208219-1.40274 8.416438-4.208219 12.624658-5.610959 1.40274 0 1.40274-1.40274 2.805479-1.40274 2.805479-1.40274 7.013699-2.805479 9.819179-4.208219h1.402739v138.871233c-4.208219 0-5.610959 1.40274-7.013698 1.402739 1.40274 0 0 0 0 0z m2.805479-224.438356c0 1.40274-1.40274 1.40274 0 0-1.40274 1.40274-1.40274 1.40274-2.805479 1.40274l-2.80548 2.805479c-1.40274 1.40274-2.805479 1.40274-4.208219 2.80548 0 0-1.40274 0-1.40274 1.40274-1.40274 1.40274-2.805479 1.40274-4.208219 2.805479l-1.40274 1.40274c-1.40274 0-2.805479 1.40274-2.805479 2.805479-1.40274 0-1.40274 1.40274-2.80548 1.40274-1.40274 1.40274-2.805479 1.40274-4.208219 2.805479-1.40274 0-1.40274 1.40274-2.805479 1.40274-1.40274 1.40274-2.805479 1.40274-5.610959 2.80548 0 0-1.40274 0-1.40274 1.402739-2.805479 1.40274-4.208219 2.805479-7.013698 4.20822-1.40274 0-1.40274 1.40274-2.80548 1.402739-1.40274 1.40274-4.208219 1.40274-5.610959 2.80548-1.40274 0-2.805479 1.40274-2.805479 1.402739-1.40274 1.40274-4.208219 1.40274-5.610959 2.80548-1.40274 0-2.805479 1.40274-4.208219 1.40274-1.40274 1.40274-4.208219 1.40274-7.013699 2.805479-1.40274 0-2.805479 1.40274-4.208219 1.40274-2.805479 1.40274-5.610959 1.40274-8.416438 2.805479-1.40274 0-1.40274 0-2.80548 1.40274-4.208219 1.40274-7.013699 2.805479-11.221918 4.208219-1.40274 0-2.805479 1.40274-4.208219 1.40274-2.805479 1.40274-5.610959 1.40274-8.416438 2.805479-1.40274 0-2.805479 1.40274-5.610959 1.40274-2.805479 1.40274-5.610959 1.40274-8.416439 2.805479-1.40274 0-4.208219 1.40274-5.610958 1.40274-2.805479 1.40274-5.610959 1.40274-9.819178 2.80548-1.40274 0-2.805479 1.40274-5.610959 1.402739-4.208219 1.40274-8.416438 1.40274-12.624658 2.80548h-2.805479c-5.610959 1.40274-11.221918 2.805479-16.832877 2.805479-1.40274 0-4.208219 0-5.610959 1.40274-4.208219 1.40274-8.416438 1.40274-12.624658 2.805479-2.805479 0-4.208219 1.40274-7.013698 1.40274-4.208219 0-8.416438 1.40274-11.221918 1.40274-2.805479 0-4.208219 0-7.013699 1.40274-4.208219 0-8.416438 1.40274-12.624657 1.402739-2.805479 0-4.208219 0-7.013699 1.40274-5.610959 1.40274-12.624658 1.40274-19.638356 1.40274h-1.40274c-7.013699 0-14.027397 1.40274-22.443835 1.40274h-7.013699c-5.610959 0-9.819178 1.40274-15.430137 1.402739h-8.416438c-5.610959 0-9.819178 0-15.430137 1.40274H446.071233c-5.610959 0-11.221918 0-15.430137-1.40274h-8.416438c-5.610959 0-11.221918-1.40274-16.832877-1.402739h-7.013699c-7.013699 0-15.430137-1.40274-22.443835-1.40274h-2.80548c-5.610959 0-12.624658-1.40274-18.235616-1.40274-2.805479 0-4.208219 0-7.013699-1.40274-4.208219 0-8.416438-1.40274-14.027397-1.402739-2.805479 0-4.208219 0-7.013699-1.40274-4.208219 0-8.416438-1.40274-12.624657-1.40274-2.805479 0-4.208219 0-7.013699-1.40274-4.208219-1.40274-8.416438-1.40274-14.027397-2.805479-1.40274 0-2.805479 0-4.208219-1.40274-5.610959-1.40274-11.221918-2.805479-16.832877-2.805479-1.40274 0-2.805479 0-4.208219-1.40274-4.208219-1.40274-8.416438-1.40274-12.624658-2.805479-1.40274 0-4.208219-1.40274-5.610959-1.40274-2.805479-1.40274-7.013699-1.40274-9.819178-2.80548-1.40274 0-4.208219-1.40274-5.610959-1.402739-2.805479-1.40274-7.013699-1.40274-9.819178-2.80548-1.40274 0-2.805479-1.40274-4.208219-1.402739-4.208219-1.40274-7.013699-1.40274-9.819178-2.80548-1.40274 0-1.40274 0-2.80548-1.40274l-12.624657-4.208219c-1.40274 0-2.805479-1.40274-2.80548-1.40274-2.805479-1.40274-5.610959-1.40274-8.416438-2.805479-1.40274 0-2.805479-1.40274-4.208219-1.40274-2.805479-1.40274-4.208219-1.40274-7.013699-2.805479-1.40274 0-2.805479-1.40274-4.208219-1.40274-2.805479-1.40274-4.208219-1.40274-7.013699-2.805479-1.40274 0-2.805479-1.40274-2.805479-1.40274-2.805479-1.40274-5.610959-2.805479-7.013699-2.805479h-1.402739l-8.416439-4.20822c-1.40274 0-1.40274-1.40274-2.805479-1.402739-1.40274-1.40274-2.805479-1.40274-5.610959-2.80548-1.40274 0-1.40274-1.40274-2.805479-1.40274-1.40274-1.40274-2.805479-1.40274-4.20822-2.805479-1.40274 0-1.40274-1.40274-2.805479-1.40274 5.610959-2.805479 4.208219-4.208219 2.805479-4.208219l-1.402739-1.40274c-1.40274-1.40274-2.805479-1.40274-4.20822-2.805479 0 0-1.40274 0-1.402739-1.40274-1.40274-1.40274-2.805479-1.40274-4.208219-2.805479l-1.40274-1.40274c-1.40274 0-1.40274-1.40274-2.80548-1.40274l-1.402739-1.402739h-1.40274v-137.468494c1.40274 0 1.40274 1.40274 2.805479 1.40274 4.208219 2.805479 7.013699 4.208219 11.221918 7.013699 1.40274 1.40274 2.805479 1.40274 4.208219 2.805479l16.832877 8.416439c1.40274 0 2.805479 1.40274 4.208219 1.402739 4.208219 1.40274 9.819178 4.208219 14.027397 5.610959 1.40274 1.40274 4.208219 1.40274 5.610959 2.80548 4.208219 1.40274 9.819178 4.208219 14.027398 5.610959 1.40274 0 2.805479 1.40274 4.208219 1.402739 7.013699 2.805479 12.624658 4.208219 19.638356 7.013699 1.40274 0 4.208219 1.40274 5.610959 1.40274 5.610959 1.40274 11.221918 2.805479 15.430137 4.208219 2.805479 0 4.208219 1.40274 7.013699 1.40274l16.832876 4.208219c1.40274 0 2.805479 1.40274 5.610959 1.402739 7.013699 1.40274 15.430137 2.805479 22.443836 4.20822 2.805479 0 4.208219 1.40274 7.013698 1.402739 5.610959 1.40274 11.221918 2.805479 16.832877 2.80548 2.805479 0 5.610959 1.40274 8.416438 1.40274 7.013699 1.40274 12.624658 1.40274 19.638357 2.805479 1.40274 0 4.208219 0 5.610959 1.40274 8.416438 1.40274 15.430137 2.805479 23.846575 2.805479 2.805479 0 5.610959 0 8.416438 1.40274 5.610959 0 11.221918 1.40274 18.235617 1.40274 2.805479 0 5.610959 0 8.416438 1.402739 7.013699 0 14.027397 1.40274 21.041096 1.40274h4.208219c8.416438 0 16.832877 1.40274 25.249315 1.40274H535.846575c141.676712-2.805479 280.547945-29.457534 361.90685-77.150685v136.065753z m-392.767123-342.268493c256.70137 0 395.572603 71.539726 395.572603 108.010959v5.610959c-2.805479 8.416438-9.819178 15.430137-21.041096 23.846575-1.40274 0-1.40274 1.40274-2.80548 1.40274-2.805479 1.40274-5.610959 4.208219-8.416438 5.610959-21.041096 12.624658-53.30411 26.652055-93.983562 37.873972-1.40274 0-2.805479 1.40274-4.208219 1.40274-7.013699 1.40274-14.027397 4.208219-21.041096 5.610959-4.208219 1.40274-9.819178 2.805479-15.430137 2.80548-2.805479 1.40274-7.013699 1.40274-9.819178 2.805479-8.416438 1.40274-15.430137 2.805479-23.846575 4.208219-1.40274 0-2.805479 0-4.208219 1.40274-9.819178 1.40274-19.638356 2.805479-30.860274 4.208219h-2.80548l-33.665753 4.208219h-2.80548c-11.221918 1.40274-22.443836 1.40274-35.068493 2.80548H589.150685c-12.624658 1.40274-23.846575 1.40274-36.471233 1.402739H509.194521h-1.40274c-216.021918 0-349.282192-50.49863-385.753425-88.372602-7.013699-7.013699-9.819178-14.027397-9.819178-19.638356 0-33.665753 138.871233-105.205479 395.572603-105.20548z m392.767123 781.326028c-26.652055 21.041096-129.052055 84.164384-388.558904 84.164383-260.909589 0-371.726027-63.123288-402.586301-85.567123v-134.663014s1.40274 0 1.402739 1.40274c1.40274 1.40274 4.208219 2.805479 7.013699 4.208219 1.40274 0 2.805479 1.40274 4.208219 1.40274 2.805479 1.40274 7.013699 2.805479 11.221918 4.208219 1.40274 0 1.40274 1.40274 2.805479 1.40274 4.208219 1.40274 9.819178 4.208219 14.027398 5.610959 1.40274 0 2.805479 1.40274 4.208219 1.402739 4.208219 1.40274 7.013699 2.805479 11.221918 4.208219 1.40274 1.40274 4.208219 1.40274 5.610959 1.40274 4.208219 1.40274 7.013699 2.805479 11.221917 4.208219 2.805479 1.40274 4.208219 1.40274 7.013699 2.80548l12.624658 4.208219c1.40274 0 4.208219 1.40274 5.610958 1.40274 7.013699 1.40274 12.624658 4.208219 21.041096 5.610959h2.80548c5.610959 1.40274 12.624658 2.805479 19.638356 4.208219 2.805479 0 5.610959 1.40274 7.013699 1.402739 5.610959 1.40274 9.819178 2.805479 15.430137 2.80548 2.805479 0 5.610959 1.40274 8.416438 1.40274 5.610959 1.40274 11.221918 1.40274 16.832877 2.805479 2.805479 0 5.610959 1.40274 8.416438 1.40274 7.013699 1.40274 14.027397 1.40274 21.041096 2.805479 2.805479 0 4.208219 0 7.013699 1.40274 9.819178 1.40274 18.235616 2.805479 28.054794 2.805479 2.805479 0 5.610959 0 8.416438 1.40274 7.013699 1.40274 15.430137 1.40274 22.443836 1.40274 4.208219 0 7.013699 0 11.221918 1.40274 7.013699 0 14.027397 1.40274 21.041096 1.402739h12.624657c7.013699 0 15.430137 0 23.846576 1.40274h93.983561c8.416438 0 15.430137 0 22.443836-1.40274h11.221918c7.013699 0 14.027397-1.40274 21.041096-1.402739 4.208219 0 7.013699 0 11.221917-1.40274 7.013699 0 14.027397-1.40274 21.041096-1.40274 2.805479 0 5.610959 0 8.416439-1.40274 9.819178-1.40274 18.235616-1.40274 28.054794-2.805479h2.80548c8.416438-1.40274 16.832877-2.805479 23.846575-2.805479 2.805479 0 5.610959-1.40274 8.416438-1.40274 5.610959-1.40274 11.221918-1.40274 16.832877-2.80548 2.805479 0 5.610959-1.40274 8.416438-1.402739 5.610959-1.40274 9.819178-1.40274 15.430137-2.80548 2.805479 0 5.610959-1.40274 8.416439-1.40274 5.610959-1.40274 9.819178-2.805479 15.430137-2.805479 1.40274 0 4.208219-1.40274 5.610959-1.40274 7.013699-1.40274 12.624658-2.805479 19.638356-5.610959 1.40274 0 1.40274 0 2.805479-1.402739 5.610959-1.40274 11.221918-2.805479 15.430137-4.208219 1.40274 0 4.208219-1.40274 5.610959-1.40274 4.208219-1.40274 7.013699-2.805479 11.221918-4.208219 1.40274 0 4.208219-1.40274 5.610959-2.80548 2.805479-1.40274 7.013699-2.805479 9.819178-4.208219 1.40274 0 2.805479-1.40274 5.610959-1.40274 4.208219-1.40274 7.013699-2.805479 9.819178-4.208219 1.40274 0 2.805479-1.40274 4.208219-1.40274 4.208219-1.40274 8.416438-4.208219 12.624658-5.610959 0 0 1.40274 0 1.402739-1.402739 4.208219-1.40274 7.013699-2.805479 9.819178-5.610959h1.40274v134.663014z" fill="#464646" p-id="9529"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/oper.svg b/src/assets/icons/oper.svg
new file mode 100644
index 0000000..04c192f
--- /dev/null
+++ b/src/assets/icons/oper.svg
@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8564"><path d="M612.8128 221.3376a100.8128 100.8128 0 1 1-201.6256 0 100.8128 100.8128 0 0 1 201.6256 0z m-51.2 0a49.6128 49.6128 0 1 0-99.2256 0 49.6128 49.6128 0 0 0 99.2256 0zM516.864 548.9664a25.1904 25.1904 0 1 0 0-50.432 25.1904 25.1904 0 0 0 0 50.432zM365.056 276.2752a38.4 38.4 0 0 1-20.5824 50.2272l-53.4016 22.3744L433.152 428.544l0.6656 0.3584c22.1696-19.456 51.2-31.1808 82.9952-31.1808 34.5088 0 65.792 13.824 88.576 36.352l131.9936-83.3024-57.856-24.2688a38.4 38.4 0 0 1 29.6448-70.8608l125.952 52.7872a38.4 38.4 0 0 1 23.6032 35.4304v151.3984a38.4 38.4 0 1 1-76.8 0V413.5424L644.096 500.4288a39.424 39.424 0 0 1-3.072 1.7408 126.0544 126.0544 0 0 1-84.0704 141.056v163.2768l78.0288-46.5408a38.4 38.4 0 0 1 39.3728 65.9456l-136.0896 81.2032a38.4 38.4 0 0 1-38.8608 0.3072l-140.9536-81.2032a38.4 38.4 0 1 1 38.3488-66.56l83.4048 48.0256v-163.328a126.0544 126.0544 0 0 1-86.016-149.6576L242.0224 409.3952v87.8592a38.4 38.4 0 1 1-76.8 0V343.8592a38.4 38.4 0 0 1 23.552-35.4304l126.0032-52.736a38.4 38.4 0 0 1 50.2784 20.5824z m151.808 322.304a74.8032 74.8032 0 1 0 0-149.6576 74.8032 74.8032 0 0 0 0 149.6576zM329.6256 684.032a100.864 100.864 0 1 1-201.6256 0 100.864 100.864 0 0 1 201.6256 0z m-51.2 0a49.664 49.664 0 1 0-99.2256 0 49.664 49.664 0 0 0 99.2256 0zM795.1872 784.7936a100.864 100.864 0 1 0 0-201.6256 100.864 100.864 0 0 0 0 201.6256z m0-51.2a49.6128 49.6128 0 1 1 0-99.2256 49.6128 49.6128 0 0 1 0 99.2256z" p-id="8565"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/simu.svg b/src/assets/icons/simu.svg
new file mode 100644
index 0000000..d7fd711
--- /dev/null
+++ b/src/assets/icons/simu.svg
@@ -0,0 +1 @@
+<svg class="icon" style="width: 1.0546875em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1080 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7741"><path d="M755.882667 460.231111a28.444444 28.444444 0 0 1 0 46.648889l-284.444445 199.111111A28.444444 28.444444 0 0 1 426.666667 682.666667V284.444444a28.444444 28.444444 0 0 1 44.771555-23.324444l284.444445 199.111111zM483.555556 339.057778v288.995555l206.392888-144.497777L483.555556 339.057778z" fill="#515151" p-id="7742"></path><path d="M983.324444 378.88a113.777778 113.777778 0 1 1-60.814222-7.964444 398.392889 398.392889 0 0 0-749.340444-41.528889 28.444444 28.444444 0 1 1-52.451556-22.072889A455.168 455.168 0 0 1 983.324444 378.88z m-17.009777-5.688889a23.153778 23.153778 0 0 0-7.964445-2.787555l-3.527111-0.568889a28.330667 28.330667 0 0 1 11.491556 3.356444z m-19.171556 54.101333a56.888889 56.888889 0 1 0 6.314667 1.308445 28.672 28.672 0 0 1-6.314667-1.308445zM105.244444 648.078222a113.777778 113.777778 0 1 1 61.155556 3.584 398.449778 398.449778 0 0 0 737.848889 25.201778 28.444444 28.444444 0 1 1 51.939555 23.210667 455.281778 455.281778 0 0 1-850.944-51.996445z m36.977778-50.744889a56.888889 56.888889 0 1 0 0-113.777777 56.888889 56.888889 0 0 0 0 113.777777z" fill="#515151" p-id="7743"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/split.svg b/src/assets/icons/split.svg
new file mode 100644
index 0000000..a027db9
--- /dev/null
+++ b/src/assets/icons/split.svg
@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4529"><path d="M908.8 399.36H112A97.28 97.28 0 0 1 14.72 302.08V97.92a32.64 32.64 0 0 1 64 0v204.16a32 32 0 0 0 32 32H908.8a32 32 0 0 0 32-32V97.92a32.64 32.64 0 0 1 64 0v204.16a97.92 97.92 0 0 1-96 97.28zM973.44 942.08a32.64 32.64 0 0 1-32.64-32.64V704a32 32 0 0 0-32-32H112a32 32 0 0 0-32 32v204.16a32.64 32.64 0 0 1-64 0V704a97.28 97.28 0 0 1 96-96H908.8a97.92 97.92 0 0 1 97.28 96v204.16a32.64 32.64 0 0 1-32.64 33.92zM864.64 538.88L155.52 533.76a33.28 33.28 0 0 1-32-33.28 32 32 0 0 1 32.64-32l708.48 5.12a33.92 33.92 0 0 1 32.64 33.28 32 32 0 0 1-32.64 32z" fill="#323333" p-id="4530"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/test.svg b/src/assets/icons/test.svg
new file mode 100644
index 0000000..09c3bae
--- /dev/null
+++ b/src/assets/icons/test.svg
@@ -0,0 +1 @@
+<svg class="icon" style="width: 1.142578125em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1170 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11717"><path d="M608.914177 179.748722V292.571559H969.142684a54.857133 54.857133 0 0 1 54.857133 54.857133v621.714175a54.857133 54.857133 0 0 1-54.857133 54.857133H201.142821a54.857133 54.857133 0 0 1-54.857133-54.857133V347.428692a54.857133 54.857133 0 0 1 54.857133-54.857133h362.057078V180.205865A91.465127 91.465127 0 0 1 585.142753 0.000183a91.428555 91.428555 0 0 1 23.771424 179.748539zM210.285677 338.285837a18.285711 18.285711 0 0 0-18.285711 18.285711v603.428463a18.285711 18.285711 0 0 0 18.285711 18.285711h749.714152a18.285711 18.285711 0 0 0 18.285711-18.285711v-603.428463a18.285711 18.285711 0 0 0-18.285711-18.285711h-749.714152zM585.142753 137.143016a45.714278 45.714278 0 1 0 0-91.428556 45.714278 45.714278 0 0 0 0 91.428556zM22.857139 566.857224c12.617141 0 22.857139 10.239998 22.857139 22.857139v137.142833a22.857139 22.857139 0 0 1-45.714278 0v-137.142833C0 577.097223 10.239998 566.857224 22.857139 566.857224z m73.142844-91.428555c12.617141 0 22.857139 10.239998 22.857139 22.857139v319.999943a22.857139 22.857139 0 0 1-45.714278 0v-319.999943c0-12.617141 10.239998-22.857139 22.857139-22.857139z m1051.428384 91.428555c12.617141 0 22.857139 10.239998 22.857138 22.857139v137.142833a22.857139 22.857139 0 0 1-45.714277 0v-137.142833c0-12.617141 10.239998-22.857139 22.857139-22.857139z m-73.142845-91.428555c12.617141 0 22.857139 10.239998 22.857139 22.857139v319.999943a22.857139 22.857139 0 0 1-45.714277 0v-319.999943c0-12.617141 10.239998-22.857139 22.857138-22.857139zM810.422712 781.952043c8.137141-0.365714 14.53714 1.462857 19.181711 5.558856 4.644571 4.077714 7.314284 8.722284 8.063999 13.897141 0.731428 5.211428-0.64 10.313141-4.169142 15.323426-3.529142 4.991999-9.362284 8.429713-17.535997 10.294855-19.291425 0.731428-38.473136 1.005714-57.59999 0.822857-19.090282-0.182857-38.290279-0.274286-57.581704-0.274286-8.155427-1.097143-14.189712-3.986285-18.084568-8.630855-3.894856-4.626285-5.741713-9.63657-5.558856-15.012569 0.182857-5.375999 2.413714-10.294855 6.674284-14.756569 4.278856-4.443428 10.477712-6.857142 18.651426-7.222856h16.402282c5.394285 0 10.861712 0.182857 16.420569 0.548572V539.337229h-35.053708c-8.155427-1.097143-14.189712-3.986285-18.084568-8.612569-3.894856-4.644571-5.741713-9.654855-5.558857-15.030855 0.182857-5.375999 2.413714-10.294855 6.674285-14.738283 4.260571-4.461713 10.477712-6.875427 18.651425-7.241142h114.614837c7.039999 2.230857 12.251426 5.558856 15.579426 10.02057 3.327999 4.443428 4.918856 8.99657 4.735999 13.622855-0.182857 4.644571-2.139428 9.087998-5.851428 13.348569-3.711999 4.278856-9.087998 7.149713-16.127997 8.630855h-33.956565v243.730243a376.393076 376.393076 0 0 0 29.494852-1.115429z m-261.68681 13.951998l-15.963426-41.965707h-135.935975l-15.963426 42.879992c-6.217142 16.71314-11.556569 28.013709-15.963426 33.865137-4.406856 5.851428-11.629712 8.777141-21.668567 8.777141-8.521141 0-11.812569-2.852571-17.023997-9.343998-5.211428-6.509713-6.217142-13.311998-6.217142-21.211425 0-4.571428 0.676571-9.270855 2.194285-14.134854 1.517714-4.863999 4.187428-11.647998 7.679999-20.29714l85.39427-217.124532c2.194285-5.66857 8.466284-21.650282 8.777142-22.473139a113.554265 113.554265 0 0 1 10.971426-21.759996c3.876571-5.79657 10.697141-12.543998 14.134855-14.829712 3.419428-2.285714 7.990856-4.571428 15.414854-4.571428 7.442284 0 9.50857-0.786286 16.58514 4.571428 2.889142 2.194285 9.234284 8.959998 13.110855 14.591998 3.876571 5.613713 7.20457 11.666284 9.874284 18.121139 2.669714 6.473142 5.942856 15.085712 10.057141 25.892567l87.405699 215.753104c6.838856 16.420568 10.239998 28.342852 10.239998 35.803422 0 7.753141-1.554285 14.40914-6.034285 21.32114-2.742857 4.205714-8.722284 9.691427-17.846854 9.691426-5.321142 0-9.874284-0.950857-13.677712-2.852571a28.031995 28.031995 0 0 1-9.581712-7.753141c-2.596571-3.273142-5.357713-8.283427-8.319999-15.04914-2.980571-6.765713-5.522285-12.726855-7.643427-17.901711z m-134.107405-92.818269h99.89484l-50.413706-137.983976-49.481134 137.983976z" fill="#000000" p-id="11718"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/web.svg b/src/assets/icons/web.svg
new file mode 100644
index 0000000..f1946b2
--- /dev/null
+++ b/src/assets/icons/web.svg
@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6501"><path d="M954.393689 486.469534l-0.686638 0c-12.847609-233.459123-206.825532-419.442978-443.425182-419.442978-244.88536 0-444.116937 199.2326-444.116937 444.11796 0 244.881267 199.230554 444.11182 444.116937 444.11182 244.87922 0 444.110797-199.230554 444.110797-444.11182 0-7.686053-0.196475-15.32708-0.584308-22.917966L954.393689 486.469534zM133.620253 670.664649c-20.203134-45.630247-31.872918-95.331205-32.783661-147.187247l149.923568 0c0.415462 52.483328 5.799076 102.237499 15.438621 148.039661L140.183739 671.517063 133.620253 670.664649zM522.615779 301.420981 522.615779 104.037495l-3.165086-1.36509c72.194252 9.844206 140.828422 89.218998 180.866301 198.748576L522.615779 301.420981zM712.405309 338.429873c13.33675 46.076408 21.698185 96.252181 23.50432 148.039661L522.615779 486.469534 522.615779 338.429873 712.405309 338.429873zM485.605863 103.310947l0 198.111057L319.439356 301.422004C355.426989 194.099696 416.442644 115.572202 485.605863 103.310947zM485.605863 338.429873l0 148.039661L285.99464 486.469534c2.227738-51.738361 10.053983-101.926414 22.338774-148.039661L485.605863 338.429873zM251.29535 486.469534 101.93767 486.469534c3.980661-52.02898 18.043958-102.143355 40.190351-148.039661l129.105427 0C260.119319 384.294456 253.228375 434.136631 251.29535 486.469534zM285.376563 523.477402l200.230324 0L485.606887 671.517063 304.672024 671.517063C292.826232 625.425306 285.915845 575.352887 285.376563 523.477402zM485.605863 708.524932l0 208.085222c-69.969585-18.518772-134.104277-99.099019-170.09191-208.085222L485.605863 708.524932zM522.615779 920.448576 522.615779 708.524932l184.212512 0C669.565619 829.42242 600.75851 915.840628 522.615779 920.448576zM522.615779 671.517063 522.615779 523.477402l213.471906 0c-1.218758 51.758828-7.944949 101.857852-19.11229 148.039661L522.615779 671.517063zM769.797437 523.477402l149.928684 0c-0.862647 52.178383-11.979846 102.176101-31.397081 148.039661l-133.971247 0C763.998361 625.714901 769.382998 575.960731 769.797437 523.477402zM769.262248 486.469534c-1.933025-52.331879-8.823969-102.175077-19.937075-148.039661L876.148627 338.429873c23.269983 45.896306 38.175461 96.009657 42.399669 148.039661L769.262248 486.469534zM855.012238 301.420981 739.183186 301.420981c-22.285562-72.507384-55.711859-132.844587-96.890724-174.137039C729.395262 160.310126 804.862048 222.909859 855.012238 301.420981zM384.27706 121.440863c-43.940768 41.34157-79.541591 103.97712-102.902648 179.981141L162.274874 301.422004C213.143425 218.003106 291.867394 152.545278 384.27706 121.440863zM152.848177 708.524932l122.2943 0c21.618367 78.83244 56.549947 143.574976 100.562347 186.930413C282.002722 861.058954 201.997574 793.811364 152.848177 708.524932zM639.005602 901.045667c46.76714-43.283806 83.842547-110.22645 106.408495-192.520735l124.977409 0C820.87065 798.700721 737.902006 868.711238 639.005602 901.045667z" fill="#2A2B2B" p-id="6502"></path></svg>
\ No newline at end of file
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
new file mode 100644
index 0000000..ef805e2
--- /dev/null
+++ b/src/assets/logo.svg
@@ -0,0 +1 @@
+<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2806"><path d="M507.49297778 501.08444446v494.93333332L936.11662222 748.55111112l-0.02275556-494.93333334z" fill="#C3D2FB" p-id="2807"></path><path d="M78.86933333 253.61777778l428.62364445 247.46666667v494.93333333L78.86933333 748.55111112z" fill="#3D4265" p-id="2808"></path><path d="M507.49297778 501.08444446L936.11662222 253.61777778 507.49297778 6.15111111 78.86933333 253.61777778z" fill="#386BF3" p-id="2809"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppMain/index.vue b/src/layout/components/AppMain/index.vue
index c8017b2..00594f8 100644
--- a/src/layout/components/AppMain/index.vue
+++ b/src/layout/components/AppMain/index.vue
@@ -1,5 +1,6 @@
 <template>
   <section class="app-main">
+    <el-scrollbar max-height="calc(100vh - 76px)">
     <router-view>
       <template #default="{ Component, route }">
         <transition
@@ -12,6 +13,7 @@
         </transition>
       </template>
     </router-view>
+    </el-scrollbar>
   </section>
 </template>
 
@@ -25,9 +27,8 @@ const cachedViews = computed(() => useTagsViewStore().cachedViews); // 缓存页
 .app-main {
   position: relative;
   width: 100%;
-  min-height: calc(100vh - $navbar-height);
-  overflow: hidden;
-  background-color: var(--el-bg-color-page);
+  min-height: calc(100vh - 100px);
+  overflow: hidden;  
 }
 
 .hasTagsView .app-main {
diff --git a/src/layout/components/NavBar/components/NavbarLeft.vue b/src/layout/components/NavBar/components/NavbarLeft.vue
deleted file mode 100644
index 937391f..0000000
--- a/src/layout/components/NavBar/components/NavbarLeft.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-  <div class="flex">
-    <hamburger
-      :is-active="appStore.sidebar.opened"
-      @toggle-click="toggleSideBar"
-    />
-    <breadcrumb />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { useAppStore } from "@/store";
-
-const appStore = useAppStore();
-
-function toggleSideBar() {
-  appStore.toggleSidebar();
-}
-</script>
diff --git a/src/layout/components/NavBar/components/NavbarRight.vue b/src/layout/components/NavBar/components/NavbarRight.vue
index 8661cec..1392c86 100644
--- a/src/layout/components/NavBar/components/NavbarRight.vue
+++ b/src/layout/components/NavBar/components/NavbarRight.vue
@@ -1,25 +1,18 @@
 <template>
-  <div class="flex">
-    <template v-if="!isMobile">
+  <div class="flex" style="height: 100%;align-items: center;">
+    <div style="flex-grow: 1;display: flex;align-items: center;">
+    <img  src="@/assets/logo.svg" class="logo-image" />
+    <span class="logo-title" style="margin-left: 12px;font-weight: bold;font-size: 20px;"> {{ "算法测试验证软件平台" }}</span>
+    </div>
+    <div>
       <!--全屏 -->
       <div class="setting-item" @click="toggle">
         <svg-icon
           :icon-class="isFullscreen ? 'fullscreen-exit' : 'fullscreen'"
         />
       </div>
-
-      <!-- 布局大小 -->
-      <el-tooltip
-        :content="$t('sizeSelect.tooltip')"
-        effect="dark"
-        placement="bottom"
-      >
-        <size-select class="setting-item" />
-      </el-tooltip>
-
-      <!-- 语言选择 
-      <lang-select class="setting-item" />-->
-    </template>
+      
+    
 
     <!-- 用户头像 -->
     <el-dropdown class="setting-item" trigger="click">
@@ -31,29 +24,18 @@
         <span>{{ userStore.user.username }}</span>
       </div>
       <template #dropdown>
-        <el-dropdown-menu>
-          <a
-            target="_blank"
-            href="https://gitee.com/youlaiorg/vue3-element-admin"
-          >
-            <el-dropdown-item>{{ $t("navbar.gitee") }}</el-dropdown-item>
-          </a>
-          <a target="_blank" href="https://juejin.cn/post/7228990409909108793">
-            <el-dropdown-item>{{ $t("navbar.document") }}</el-dropdown-item>
-          </a>
-          <el-dropdown-item divided @click="logout">
-            {{ $t("navbar.logout") }}
+        <el-dropdown-menu>          
+          <el-dropdown-item >
+            修改密码
+          </el-dropdown-item>
+          <el-dropdown-item  @click="logout">
+            注销登录
           </el-dropdown-item>
         </el-dropdown-menu>
       </template>
     </el-dropdown>
 
-    <!-- 设置 -->
-    <template v-if="defaultSettings.showSettings">
-      <div class="setting-item" @click="settingStore.settingsVisible = true">
-        <svg-icon icon-class="setting" />
-      </div>
-    </template>
+    </div>
   </div>
 </template>
 <script setup lang="ts">
@@ -113,7 +95,10 @@ function logout() {
     background: rgb(0 0 0 / 10%);
   }
 }
-
+.logo-image {
+    width: 24px;
+    height: 24px;
+  }
 .layout-top,
 .layout-mix {
   .setting-item,
diff --git a/src/layout/components/NavBar/index.vue b/src/layout/components/NavBar/index.vue
deleted file mode 100644
index 084fdc4..0000000
--- a/src/layout/components/NavBar/index.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template>
-  <!-- 顶部导航栏 -->
-  <div class="navbar-container">
-    <!-- 导航栏左侧 -->
-    <NavbarLeft />
-    <!-- 导航栏右侧 -->
-    <NavbarRight />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.navbar-container {
-  @apply flex-x-between;
-
-  height: $navbar-height;
-  background: var(--el-bg-color);
-}
-</style>
diff --git a/src/layout/components/Settings/components/LayoutSelect.vue b/src/layout/components/Settings/components/LayoutSelect.vue
deleted file mode 100644
index 0b880c1..0000000
--- a/src/layout/components/Settings/components/LayoutSelect.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<template>
-  <div class="flex flex-wrap justify-around w-full h-12">
-    <el-tooltip content="左侧模式" placement="bottom">
-      <div
-        class="layout-item left"
-        :class="{ 'is-active': modelValue === LayoutEnum.LEFT }"
-        @click="updateValue(LayoutEnum.LEFT)"
-      >
-        <div></div>
-        <div></div>
-      </div>
-    </el-tooltip>
-
-    <el-tooltip content="顶部模式" placement="bottom">
-      <div
-        class="layout-item top"
-        :class="{ 'is-active': modelValue === LayoutEnum.TOP }"
-        @click="updateValue(LayoutEnum.TOP)"
-      >
-        <div></div>
-        <div></div>
-      </div>
-    </el-tooltip>
-
-    <el-tooltip content="混合模式" placement="bottom">
-      <div
-        class="layout-item mix"
-        :class="{ 'is-active': modelValue === LayoutEnum.MIX }"
-        @click="updateValue(LayoutEnum.MIX)"
-      >
-        <div></div>
-        <div></div>
-      </div>
-    </el-tooltip>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { LayoutEnum } from "@/enums/LayoutEnum";
-
-const props = defineProps({
-  modelValue: String,
-});
-
-const emit = defineEmits(["update:modelValue"]);
-
-function updateValue(layout: string) {
-  emit("update:modelValue", layout);
-}
-</script>
-
-<style scoped>
-.layout-selector {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-around;
-  width: 100%;
-  height: 50px;
-}
-
-.layout-item {
-  position: relative;
-  width: 18%;
-  height: 45px;
-  overflow: hidden;
-  cursor: pointer;
-  background: #f0f2f5;
-  border-radius: 4px;
-
-  &.mix div:nth-child(1),
-  &.top div:nth-child(1) {
-    width: 100%;
-    height: 30%;
-    background: #1b2a47;
-    box-shadow: 0 0 1px #888;
-  }
-
-  &.mix div:nth-child(2) {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 30%;
-    height: 70%;
-    background: #1b2a47;
-    box-shadow: 0 0 1px #888;
-  }
-
-  &.left div:nth-child(1) {
-    width: 30%;
-    height: 100%;
-    background: #1b2a47;
-  }
-
-  &.left div:nth-child(2) {
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 70%;
-    height: 30%;
-    background: #fff;
-    box-shadow: 0 0 1px #888;
-  }
-}
-
-.layout-item.is-active {
-  border: 2px solid var(--el-color-primary);
-}
-</style>
diff --git a/src/layout/components/Settings/components/ThemeColorPicker.vue b/src/layout/components/Settings/components/ThemeColorPicker.vue
deleted file mode 100644
index 5a0d59c..0000000
--- a/src/layout/components/Settings/components/ThemeColorPicker.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-  <el-color-picker
-    v-model="currentColor"
-    :predefine="colorPresets"
-    popper-class="theme-picker-dropdown"
-  />
-</template>
-
-<script lang="ts" setup>
-const props = defineProps({
-  modelValue: String,
-});
-
-const emit = defineEmits(["update:modelValue"]);
-
-// 定义颜色预设
-const colorPresets = [
-  "#409EFF",
-  "#ff4500",
-  "#ff8c00",
-  "#90ee90",
-  "#00ced1",
-  "#1e90ff",
-  "#c71585",
-  "rgba(255, 69, 0, 0.68)",
-  "rgb(255, 120, 0)",
-  "hsva(120, 40, 94)",
-];
-
-const currentColor = ref(props.modelValue);
-
-watch(currentColor, (newValue) => {
-  emit("update:modelValue", newValue);
-});
-</script>
-
-<style scoped>
-:deep(.theme-picker-dropdown) {
-  z-index: 99999 !important;
-}
-</style>
diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
deleted file mode 100644
index d7f670a..0000000
--- a/src/layout/components/Settings/index.vue
+++ /dev/null
@@ -1,144 +0,0 @@
-<template>
-  <el-drawer
-    v-model="settingsVisible"
-    size="300"
-    :title="$t('settings.project')"
-  >
-    <el-divider>{{ $t("settings.theme") }}</el-divider>
-
-    <div class="flex-center">
-      <el-switch
-        v-model="isDark"
-        active-icon="Moon"
-        inactive-icon="Sunny"
-        @change="changeTheme"
-      />
-    </div>
-
-    <el-divider>{{ $t("settings.interface") }}</el-divider>
-
-    <div class="settings-option">
-      <span class="text-xs">{{ $t("settings.themeColor") }}</span>
-      <ThemeColorPicker
-        v-model="settingsStore.themeColor"
-        @update:model-value="changeThemeColor"
-      />
-    </div>
-
-    <div class="settings-option">
-      <span class="text-xs">{{ $t("settings.tagsView") }}</span>
-      <el-switch v-model="settingsStore.tagsView" />
-    </div>
-
-    <div class="settings-option">
-      <span class="text-xs">{{ $t("settings.fixedHeader") }}</span>
-      <el-switch v-model="settingsStore.fixedHeader" />
-    </div>
-
-    <div class="settings-option">
-      <span class="text-xs">{{ $t("settings.sidebarLogo") }}</span>
-      <el-switch v-model="settingsStore.sidebarLogo" />
-    </div>
-
-    <div class="settings-option">
-      <span class="text-xs">{{ $t("settings.watermark") }}</span>
-      <el-switch v-model="settingsStore.watermarkEnabled" />
-    </div>
-
-    <el-divider>{{ $t("settings.navigation") }}</el-divider>
-
-    <LayoutSelect
-      v-model="settingsStore.layout"
-      @update:model-value="changeLayout"
-    />
-  </el-drawer>
-</template>
-
-<script setup lang="ts">
-import { useSettingsStore, usePermissionStore, useAppStore } from "@/store";
-import { LayoutEnum } from "@/enums/LayoutEnum";
-import { ThemeEnum } from "@/enums/ThemeEnum";
-
-const route = useRoute();
-const appStore = useAppStore();
-const settingsStore = useSettingsStore();
-const permissionStore = usePermissionStore();
-
-const settingsVisible = computed({
-  get() {
-    return settingsStore.settingsVisible;
-  },
-  set() {
-    settingsStore.settingsVisible = false;
-  },
-});
-
-/**
- * 切换主题颜色
- */
-function changeThemeColor(color: string) {
-  settingsStore.changeThemeColor(color);
-}
-
-/**
- * 切换主题
- */
-const isDark = ref<boolean>(settingsStore.theme === ThemeEnum.DARK);
-const changeTheme = (val: any) => {
-  isDark.value = val;
-  settingsStore.changeTheme(isDark.value ? ThemeEnum.DARK : ThemeEnum.LIGHT);
-};
-
-/**
- * 切换布局
- */
-function changeLayout(layout: string) {
-  settingsStore.changeLayout(layout);
-  if (layout === LayoutEnum.MIX) {
-    route.name && againActiveTop(route.name as string);
-  } else if (layout === LayoutEnum.TOP) {
-    appStore.openSideBar();
-  }
-}
-
-function againActiveTop(newVal: string) {
-  const parent = findOutermostParent(permissionStore.routes, newVal);
-  if (appStore.activeTopMenu !== parent.path) {
-    appStore.activeTopMenu(parent.path);
-  }
-}
-
-function findOutermostParent(tree: any[], findName: string) {
-  let parentMap: any = {};
-
-  function buildParentMap(node: any, parent: any) {
-    parentMap[node.name] = parent;
-
-    if (node.children) {
-      for (let i = 0; i < node.children.length; i++) {
-        buildParentMap(node.children[i], node);
-      }
-    }
-  }
-
-  for (let i = 0; i < tree.length; i++) {
-    buildParentMap(tree[i], null);
-  }
-
-  let currentNode = parentMap[findName];
-  while (currentNode) {
-    if (!parentMap[currentNode.name]) {
-      return currentNode;
-    }
-    currentNode = parentMap[currentNode.name];
-  }
-
-  return null;
-}
-</script>
-
-<style lang="scss" scoped>
-.settings-option {
-  @apply py-1 flex-x-between;
-}
-</style>
diff --git a/src/layout/components/Sidebar/components/SidebarLogo.vue b/src/layout/components/Sidebar/components/SidebarLogo.vue
deleted file mode 100644
index d72e746..0000000
--- a/src/layout/components/Sidebar/components/SidebarLogo.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<template>
-  <div class="logo-container">
-    <transition enter-active-class="animate__animated animate__fadeInLeft">
-      <router-link v-if="collapse" class="wh-full flex-center" to="/">
-        <img v-if="settingsStore.sidebarLogo" :src="logo" class="logo-image" />
-      </router-link>
-
-      <router-link v-else class="wh-full flex-center" to="/">
-        <img v-if="settingsStore.sidebarLogo" :src="logo" class="logo-image" />
-        <span class="logo-title"> {{ "算法测试验证软件平台" }}</span>
-      </router-link>
-    </transition>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import defaultSettings from "@/settings";
-import { useSettingsStore } from "@/store";
-
-const settingsStore = useSettingsStore();
-
-defineProps({
-  collapse: {
-    type: Boolean,
-    required: true,
-  },
-});
-
-const logo = ref(new URL(`../../../../assets/logo2.png`, import.meta.url).href);
-</script>
-
-<style lang="scss" scoped>
-.logo-container {
-  width: 100%;
-  height: $navbar-height;
-  background-color: $sidebar-logo-background;
-
-  .logo-image {
-    width: 20px;
-    height: 20px;
-  }
-
-  .logo-title {
-    flex-shrink: 0; /* 防止容器在空间不足时缩小 */
-    margin-left: 10px;
-    font-size: 14px;
-    font-weight: bold;
-    color: white;
-  }
-}
-
-.layout-top,
-.layout-mix {
-  .logo-container {
-    width: $sidebar-width;
-  }
-
-  &.hideSidebar {
-    .logo-container {
-      width: $sidebar-width-collapsed;
-    }
-  }
-}
-</style>
diff --git a/src/layout/components/Sidebar/components/SidebarMenu.vue b/src/layout/components/Sidebar/components/SidebarMenu.vue
index 444fa0d..3a3bb75 100644
--- a/src/layout/components/Sidebar/components/SidebarMenu.vue
+++ b/src/layout/components/Sidebar/components/SidebarMenu.vue
@@ -1,22 +1,9 @@
 <!-- 左侧边菜单：包括左侧布局(left)、顶部布局(all)、混合布局(left) -->
 <template>
-  <el-menu
-    :default-active="currentRoute.path"
-    :collapse="!appStore.sidebar.opened"
-    :background-color="variables['menu-background']"
-    :text-color="variables['menu-text']"
-    :active-text-color="variables['menu-active-text']"
-    :unique-opened="false"
-    :collapse-transition="false"
-    :mode="layout === 'top' ? 'horizontal' : 'vertical'"
-  >
-    <SidebarMenuItem
-      v-for="route in menuList"
-      :key="route.path"
-      :item="route"
-      :base-path="resolvePath(route.path)"
-      :is-collapse="!appStore.sidebar.opened"
-    />
+  <el-menu :default-active="currentRoute.path" :collapse="!appStore.sidebar.opened" :unique-opened="false"
+    :collapse-transition="false" :mode="layout === 'top' ? 'horizontal' : 'vertical'">
+    <SidebarMenuItem v-for="route in menuList" :key="route.path" :item="route" :base-path="resolvePath(route.path)"
+      :is-collapse="!appStore.sidebar.opened" />
   </el-menu>
 </template>
 
diff --git a/src/layout/components/Sidebar/components/SidebarMixTopMenu.vue b/src/layout/components/Sidebar/components/SidebarMixTopMenu.vue
index 383aa74..8dbc291 100644
--- a/src/layout/components/Sidebar/components/SidebarMixTopMenu.vue
+++ b/src/layout/components/Sidebar/components/SidebarMixTopMenu.vue
@@ -3,10 +3,7 @@
   <el-scrollbar>
     <el-menu
       mode="horizontal"
-      :default-active="activePath"
-      :background-color="variables['menu-background']"
-      :text-color="variables['menu-text']"
-      :active-text-color="variables['menu-active-text']"
+      :default-active="activePath"    
       @select="handleMenuSelect"
     >
       <el-menu-item
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index ffe7f18..5c849f9 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -1,20 +1,7 @@
-<template>
-  <div :class="{ 'has-logo': sidebarLogo }">
-    <!--混合布局-->
-    <div class="flex w-full" v-if="layout == LayoutEnum.MIX">
-      <SidebarLogo v-if="sidebarLogo" :collapse="!appStore.sidebar.opened" />
-      <SidebarMixTopMenu class="flex-1" />
-      <NavbarRight />
-    </div>
-    <!--左侧布局 || 顶部布局 -->
-    <template v-else>
-      <SidebarLogo v-if="sidebarLogo" :collapse="!appStore.sidebar.opened" />
-      <el-scrollbar>
+<template>         
+      <el-scrollbar max-height="calc(100vh - 100px)">
         <SidebarMenu :menu-list="permissionStore.routes" base-path="" />
-      </el-scrollbar>
-      <NavbarRight v-if="layout === LayoutEnum.TOP" />
-    </template>
-  </div>
+      </el-scrollbar>  
 </template>
 
 <script setup lang="ts">
@@ -25,7 +12,7 @@ const appStore = useAppStore();
 const settingsStore = useSettingsStore();
 const permissionStore = usePermissionStore();
 
-const sidebarLogo = computed(() => settingsStore.sidebarLogo);
+
 const layout = computed(() => settingsStore.layout);
 </script>
 
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index 4255fa6..65ea81c 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -1,35 +1,16 @@
 <template>
   <div class="tags-container">
-    <el-scrollbar
-      class="scroll-container"
-      :vertical="false"
-      @wheel.prevent="handleScroll"
-    >
-      <router-link
-        ref="tagRef"
-        v-for="tag in visitedViews"
-        :key="tag.fullPath"
-        :class="'tags-item ' + (isActive(tag) ? 'active' : '')"
-        :to="{ path: tag.path, query: tag.query }"
-        @click.middle="!isAffix(tag) ? closeSelectedTag(tag) : ''"
-        @contextmenu.prevent="openContentMenu(tag, $event)"
-      >
+    <el-scrollbar class="scroll-container" :vertical="false" @wheel.prevent="handleScroll">
+      <router-link ref="tagRef" v-for="tag in visitedViews" :key="tag.fullPath"
+        :class="'tags-item ' + (isActive(tag) ? 'active' : '')" :to="{ path: tag.path, query: tag.query }"
+        @click.middle="!isAffix(tag) ? closeSelectedTag(tag) : ''" @contextmenu.prevent="openContentMenu(tag, $event)">
         {{ translateRouteTitle(tag.title) }}
-        <i-ep-close
-          class="close-icon"
-          size="12px"
-          v-if="!isAffix(tag)"
-          @click.prevent.stop="closeSelectedTag(tag)"
-        />
+        <i-ep-close class="close-icon" size="12px" v-if="!isAffix(tag)" @click.prevent.stop="closeSelectedTag(tag)" />
       </router-link>
     </el-scrollbar>
 
     <!-- tag标签操作菜单 -->
-    <ul
-      v-show="contentMenuVisible"
-      class="contextmenu"
-      :style="{ left: left + 'px', top: top + 'px' }"
-    >
+    <ul v-show="contentMenuVisible" class="contextmenu" :style="{ left: left + 'px', top: top + 'px' }">
       <li @click="refreshSelectedTag(selectedTag)">
         <svg-icon icon-class="refresh" />
         刷新
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 3155f1a..24ba2b7 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,67 +1,27 @@
-<template>
-  <div class="wh-full" :class="classObj">
-    <!-- 遮罩层 -->
-    <div
-      v-if="isMobile && isOpenSidebar"
-      class="wh-full fixed-lt z-999 bg-black bg-opacity-30"
-      @click="handleOutsideClick"
-    ></div>
-
-    <!-- 公用侧边栏 -->
-    <Sidebar class="sidebar-container" />
-
-    <!-- 混合布局 -->
-    <div v-if="layout === LayoutEnum.MIX" class="mix-container">
-      <div class="mix-container__left">
-        <SidebarMenu :menu-list="mixLeftMenus" :base-path="activeTopMenuPath" />
-        <div class="sidebar-toggle">
-          <hamburger
-            :is-active="appStore.sidebar.opened"
-            @toggle-click="toggleSidebar"
-          />
-        </div>
-      </div>
-
-      <div :class="{ hasTagsView: showTagsView }" class="main-container">
-        <div :class="{ 'fixed-header': fixedHeader }">
-          <TagsView v-if="showTagsView" />
-        </div>
-        <AppMain />
-        <Settings v-if="defaultSettings.showSettings" />
-      </div>
-    </div>
-
-    <!-- 左侧和顶部布局 -->
-    <div v-else :class="{ hasTagsView: showTagsView }" class="main-container">
-      <div :class="{ 'fixed-header': fixedHeader }">
-        <NavBar v-if="layout === 'left'" />
-        <TagsView v-if="showTagsView" />
-      </div>
-      <AppMain />
-      <Settings v-if="defaultSettings.showSettings" />
-    </div>
-  </div>
+<template>  
+  <el-container class="wh-full main-container">
+      <el-header><NavbarRight /></el-header>
+      <el-container class="center-container">
+        <el-aside width="240px">
+          <Sidebar class="sidebar-container" />
+        </el-aside>
+        <el-main>
+          <AppMain />
+        </el-main>
+      </el-container>
+    </el-container>
 </template>
-
 <script setup lang="ts">
-import { useAppStore, useSettingsStore, usePermissionStore } from "@/store";
-import defaultSettings from "@/settings";
+import { useAppStore,  usePermissionStore } from "@/store";
 import { DeviceEnum } from "@/enums/DeviceEnum";
-import { LayoutEnum } from "@/enums/LayoutEnum";
-
 const appStore = useAppStore();
-const settingsStore = useSettingsStore();
 const permissionStore = usePermissionStore();
 const width = useWindowSize().width;
-
 const WIDTH_DESKTOP = 992; // 响应式布局容器固定宽度  大屏（>=1200px） 中屏（>=992px） 小屏（>=768px）
 const isMobile = computed(() => appStore.device === DeviceEnum.MOBILE);
 const isOpenSidebar = computed(() => appStore.sidebar.opened);
-const fixedHeader = computed(() => settingsStore.fixedHeader); // 是否固定header
-const showTagsView = computed(() => settingsStore.tagsView); // 是否显示tagsView
-const layout = computed(() => settingsStore.layout); // 布局模式 left top mix
+
 const activeTopMenuPath = computed(() => appStore.activeTopMenuPath); // 顶部菜单激活path
-const mixLeftMenus = computed(() => permissionStore.mixLeftMenus); // 混合布局左侧菜单
 
 watch(
   () => activeTopMenuPath.value,
@@ -74,13 +34,6 @@ watch(
   }
 );
 
-const classObj = computed(() => ({
-  hideSidebar: !appStore.sidebar.opened,
-  openSidebar: appStore.sidebar.opened,
-  mobile: appStore.device === DeviceEnum.MOBILE,
-  [`layout-${settingsStore.layout}`]: true,
-}));
-
 watchEffect(() => {
   appStore.toggleDevice(
     width.value < WIDTH_DESKTOP ? DeviceEnum.MOBILE : DeviceEnum.DESKTOP
@@ -92,13 +45,8 @@ watchEffect(() => {
   }
 });
 
-function handleOutsideClick() {
-  appStore.closeSideBar();
-}
 
-function toggleSidebar() {
-  appStore.toggleSidebar();
-}
+
 
 const route = useRoute();
 watch(route, () => {
@@ -107,240 +55,41 @@ watch(route, () => {
   }
 });
 </script>
-
-<style lang="scss" scoped>
-.fixed-header {
-  position: fixed;
-  top: 0;
-  right: 0;
-  z-index: 9;
-  width: calc(100% - $sidebar-width);
-  transition: width 0.28s;
-}
-
-.sidebar-container {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 999;
-  width: $sidebar-width;
-  height: 100%;
-  overflow: hidden;
-  background-color: $menu-background;
-  transition: width 0.28s;
-
-  :deep(.el-menu) {
-    border: none;
+<style lang="scss">
+.main-container{
+  background-color: #F3F8FB;
+  .el-menu-item {
+    &.is-active{
+      background-color: #EEF3FB;
+      border-right:solid 3px var(--el-color-primary);
+    }
+  }
+  .el-header{
+    background-color: #fff;
+  }
+  .center-container{
+    padding-top:12px;
+    .el-aside{
+      background-color: #fff;
+      .el-scrollbar{
+        padding:12px;
+      }
+      .el-menu{
+        border-right:none;
+      }
+    }
+    .el-main{
+      padding:0px;
+    }
   }
 }
+</style>
+<style lang="scss" scoped>
+
 
 .main-container {
   position: relative;
   min-height: 100%;
-  margin-left: $sidebar-width;
   transition: margin-left 0.28s;
 }
-
-.layout-top {
-  .fixed-header {
-    top: $navbar-height;
-    width: 100%;
-  }
-
-  .sidebar-container {
-    z-index: 999;
-    display: flex;
-    width: 100% !important;
-    height: $navbar-height;
-
-    :deep(.el-scrollbar) {
-      flex: 1;
-      height: $navbar-height;
-    }
-
-    :deep(.el-menu-item),
-    :deep(.el-sub-menu__title),
-    :deep(.el-menu--horizontal) {
-      height: $navbar-height;
-      line-height: $navbar-height;
-    }
-
-    :deep(.el-menu--collapse) {
-      width: 100%;
-    }
-  }
-
-  .main-container {
-    min-height: calc(100vh - $navbar-height);
-    padding-top: $navbar-height;
-    margin-left: 0;
-  }
-}
-
-.layout-mix {
-  .sidebar-container {
-    width: 100% !important;
-    height: $navbar-height;
-
-    :deep(.el-scrollbar) {
-      flex: 1;
-      height: $navbar-height;
-    }
-
-    :deep(.el-menu-item),
-    :deep(.el-sub-menu__title),
-    :deep(.el-menu--horizontal) {
-      height: $navbar-height;
-      line-height: $navbar-height;
-    }
-
-    :deep(.el-menu--horizontal.el-menu) {
-      border: none;
-    }
-  }
-
-  .mix-container {
-    display: flex;
-    height: 100%;
-    padding-top: $navbar-height;
-
-    .mix-container__left {
-      position: relative;
-      width: $sidebar-width;
-      height: 100%;
-
-      :deep(.el-menu) {
-        height: 100%;
-        border: none;
-      }
-
-      .sidebar-toggle {
-        position: absolute;
-        bottom: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 100%;
-        height: 50px;
-        line-height: 50px;
-        box-shadow: 0 0 6px -2px var(--el-color-primary);
-
-        div:hover {
-          background-color: var(--menu-background);
-        }
-
-        :deep(svg) {
-          color: var(--el-color-primary) !important;
-        }
-      }
-    }
-
-    .main-container {
-      flex: 1;
-      min-width: 0;
-      margin-left: 0;
-
-      .fixed-header {
-        top: $navbar-height;
-      }
-    }
-  }
-}
-
-.hideSidebar {
-  .fixed-header {
-    left: $sidebar-width-collapsed;
-    width: calc(100% - $sidebar-width-collapsed);
-  }
-
-  .main-container {
-    margin-left: $sidebar-width-collapsed;
-  }
-
-  &.layout-top {
-    .fixed-header {
-      left: 0;
-      width: 100%;
-    }
-
-    .main-container {
-      margin-left: 0;
-    }
-  }
-
-  &.layout-mix {
-    .fixed-header {
-      left: $sidebar-width-collapsed;
-      width: calc(100% - $sidebar-width-collapsed);
-    }
-
-    .sidebar-container {
-      width: 100% !important;
-    }
-
-    .mix-container {
-      .mix-container__left {
-        width: $sidebar-width-collapsed;
-      }
-    }
-  }
-}
-
-.layout-left.hideSidebar {
-  .sidebar-container {
-    width: $sidebar-width-collapsed !important;
-  }
-
-  .main-container {
-    margin-left: $sidebar-width-collapsed;
-  }
-
-  &.mobile {
-    .sidebar-container {
-      pointer-events: none;
-      transition-duration: 0.3s;
-      transform: translate3d(-210px, 0, 0);
-    }
-
-    .main-container {
-      margin-left: 0;
-    }
-  }
-}
-
-.mobile {
-  .fixed-header {
-    left: 0;
-    width: 100%;
-  }
-
-  .main-container {
-    margin-left: 0;
-  }
-
-  &.layout-top {
-    .sidebar-container {
-      z-index: 999;
-      display: flex;
-      width: 100% !important;
-      height: $navbar-height;
-
-      :deep(.el-scrollbar) {
-        flex: 1;
-        min-width: 0;
-        height: $navbar-height;
-      }
-    }
-
-    .main-container {
-      padding-top: $navbar-height;
-      margin-left: 0;
-      overflow: hidden;
-    }
-
-    // 顶部模式全局变量修改
-    --el-menu-item-height: $navbar-height;
-  }
-}
 </style>
diff --git a/src/settings.ts b/src/settings.ts
index a9a2f6a..84d9cd7 100644
--- a/src/settings.ts
+++ b/src/settings.ts
@@ -11,7 +11,7 @@ const defaultSettings: AppSettings = {
   showSettings: true,
   tagsView: true,
   fixedHeader: true,
-  sidebarLogo: true,
+  sidebarLogo: false,
   layout: LayoutEnum.LEFT,
   theme: ThemeEnum.LIGHT,
   size: SizeEnum.DEFAULT,
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index b782a1b..c604ffc 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -22,8 +22,7 @@ export const useUserStore = defineStore("user", () => {
   function login(loginData: LoginData) {
     return new Promise<void>((resolve, reject) => {
       AuthAPI.login(loginData)
-        .then((data) => {          
-          debugger
+        .then((data) => {                    
           const { tokenType, accessToken } = data;
           localStorage.setItem(TOKEN_KEY, tokenType + " " + accessToken); // Bearer eyJhbGciOiJIUzI1NiJ9.xxx.xxx
           resolve();
diff --git a/src/styles/reset.scss b/src/styles/reset.scss
index a20f04a..0810e17 100644
--- a/src/styles/reset.scss
+++ b/src/styles/reset.scss
@@ -24,6 +24,7 @@ html {
 body {
   width: 100%;
   height: 100%;
+  overflow: hidden;
   margin: 0;
   font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
     "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index 7b9b3eb..c8039dc 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -1,11 +1,11 @@
 /** 全局SCSS变量 */
 
 :root {
-  --menu-background: #304156;
+  --menu-background: #FFFFFF;
   --menu-text: #bfcbd9;
   --menu-active-text: var(--el-menu-active-color);
-  --menu-hover: #263445;
-  --sidebar-logo-background: #2d3748;
+  --menu-hover: #EEF3FB;
+  --sidebar-logo-background: #fff;
 }
 
 /** 暗黑主题 */
diff --git a/src/typings/components.d.ts b/src/typings/components.d.ts
index 6ce6c15..e0a7633 100644
--- a/src/typings/components.d.ts
+++ b/src/typings/components.d.ts
@@ -90,8 +90,7 @@ declare module "vue" {
     RouterLink: (typeof import("vue-router"))["RouterLink"];
     RouterView: (typeof import("vue-router"))["RouterView"];
     Settings: (typeof import("./../layout/components/Settings/index.vue"))["default"];
-    Sidebar: (typeof import("./../layout/components/Sidebar/index.vue"))["default"];
-    SidebarLogo: (typeof import("./../layout/components/Sidebar/components/SidebarLogo.vue"))["default"];
+    Sidebar: (typeof import("./../layout/components/Sidebar/index.vue"))["default"];    
     SidebarMenu: (typeof import("./../layout/components/Sidebar/components/SidebarMenu.vue"))["default"];
     SidebarMenuItem: (typeof import("./../layout/components/Sidebar/components/SidebarMenuItem.vue"))["default"];
     SidebarMenuItemTitle: (typeof import("./../layout/components/Sidebar/components/SidebarMenuItemTitle.vue"))["default"];
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 194b622..95e8099 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -4,9 +4,7 @@
     <el-row :gutter="10" class="mt-3" style="margin-bottom: 12px;">
         <el-col :span="4" v-for="(it,idx) in topInfos" :key="idx">
           <el-card shadow="always" class="top-row1">            
-              <el-icon class="top-icon">
-              <Edit />
-              </el-icon>
+              <img :src="it.icon" class="top-icon"/>
               <div class="top-row">
                   <div class="div-title">{{it.title}}</div>
                   <div class="div-num">{{it.count}}</div>
@@ -76,12 +74,12 @@
 <script setup lang="ts">
 import {reactive} from 'vue'
 let topInfos=reactive([
-  {title:'模型总数',count:158,clsName:'c1'},
-  {title:'算子总数',count:158,clsName:'c1'},
-  {title:'数据集总数',count:158,clsName:'c1'},
-  {title:'评估报告总数',count:158,clsName:'c1'},
-  {title:'互联总数',count:158,clsName:'c1'},
-  {title:'总访问量',count:158,clsName:'c1'},
+  {title:'模型总数',count:158,clsName:'c1',icon:"images/nav/nav1.png"},
+  {title:'算子总数',count:158,clsName:'c1',icon:"images/nav/nav2.png"},
+  {title:'数据集总数',count:158,clsName:'c1',icon:"images/nav/nav3.png"},
+  {title:'评估报告总数',count:158,clsName:'c1',icon:"images/nav/nav4.png"},
+  {title:'互联总数',count:158,clsName:'c1',icon:"images/nav/nav5.png"},
+  {title:'总访问量',count:158,clsName:'c1',icon:"images/nav/nav1.png"},
 ]);
 
 let devInfos=reactive([
@@ -91,6 +89,12 @@ let devInfos=reactive([
   {id:1004,name:'设备名称4',netType:'network001',modelName:'模型名称',state:0,temperature:25,memory:85,cpu:51},
   {id:1005,name:'设备名称5',netType:'network001',modelName:'模型名称',state:0,temperature:25,memory:85,cpu:51},
   {id:1006,name:'设备名称6',netType:'network001',modelName:'模型名称',state:0,temperature:25,memory:85,cpu:51},
+  {id:1007,name:'设备名称1',netType:'network001',modelName:'模型名称',state:0,temperature:25,memory:85,cpu:51},
+  {id:1008,name:'设备名称2',netType:'network001',modelName:'模型名称',state:0,temperature:25,memory:85,cpu:51},
+  {id:1009,name:'设备名称3',netType:'network001',modelName:'模型名称',state:0,temperature:25,memory:85,cpu:51},
+  {id:1010,name:'设备名称4',netType:'network001',modelName:'模型名称',state:0,temperature:25,memory:85,cpu:51},
+  {id:1011,name:'设备名称5',netType:'network001',modelName:'模型名称',state:0,temperature:25,memory:85,cpu:51},
+  {id:1012,name:'设备名称6',netType:'network001',modelName:'模型名称',state:0,temperature:25,memory:85,cpu:51},
 ])
 </script>
 
@@ -154,8 +158,12 @@ let devInfos=reactive([
     .top-row{
       padding-left: 40px;
       line-height:30px;
-      text-align: center;
-      color:#666;
+      text-align: center;      
+      .div-title{
+        font-weight: bold;
+        font-size:14px;
+        color:#333;
+      }
       .div-num{
         font-size:20px;
         font-weight: bolder;
diff --git a/src/views/split/split1/index.vue b/src/views/split/split1/index.vue
new file mode 100644
index 0000000..e4d103d
--- /dev/null
+++ b/src/views/split/split1/index.vue
@@ -0,0 +1,20 @@
+<template>
+  <div class="split-split1-index">
+    <div style="text-align: center;">
+    <svg-icon  icon-class="build" style="width:100px;height:100px;" />
+  </div>
+  <div style="text-align: center;">
+      建设中。。。。。
+    </div>
+  </div>
+</template>
+
+<script lang='ts' setup>
+</script>
+<style scoped lang='scss'>
+.split-split1-index{
+  position: relative;
+  padding: 12px 24px;
+
+}
+</style>
\ No newline at end of file