diff --git a/public/images/nav/nav1.png b/public/images/nav/nav1.png
new file mode 100644
index 0000000..69f93ea
Binary files /dev/null and b/public/images/nav/nav1.png differ
diff --git a/public/images/nav/nav2.png b/public/images/nav/nav2.png
new file mode 100644
index 0000000..d293f29
Binary files /dev/null and b/public/images/nav/nav2.png differ
diff --git a/public/images/nav/nav3.png b/public/images/nav/nav3.png
new file mode 100644
index 0000000..f85f1cf
Binary files /dev/null and b/public/images/nav/nav3.png differ
diff --git a/public/images/nav/nav4.png b/public/images/nav/nav4.png
new file mode 100644
index 0000000..e40d5f9
Binary files /dev/null and b/public/images/nav/nav4.png differ
diff --git a/public/images/nav/nav5.png b/public/images/nav/nav5.png
new file mode 100644
index 0000000..a22a969
Binary files /dev/null and b/public/images/nav/nav5.png differ
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