diff --git a/src/assets/icons/icon-identify.svg b/src/assets/icons/icon-identify.svg
new file mode 100644
index 0000000..eb20584
--- /dev/null
+++ b/src/assets/icons/icon-identify.svg
@@ -0,0 +1 @@
+<svg t="1730442292132" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17503" width="190" height="190"><path d="M128 1024H0V0h1024v1024H128zM896 128H128v768h768V128zM448 192a254.08 254.08 0 0 1 219.52 385.28l92.8 92.224a121.024 121.024 0 0 1 7.68-9.728v17.728l45.44 45.248-90.88 90.496-44.8-45.248h-17.92c3.2-2.368 6.4-5.504 9.6-8l-92.16-92.224A252.544 252.544 0 0 1 448 704a256 256 0 0 1 0-512z m0 384a128 128 0 1 0-128-128 128 128 0 0 0 128 128z" p-id="17504" fill="#ffffff"></path></svg>

diff --git a/src/assets/icons/icon-identify.svg b/src/assets/icons/icon-identify.svg
new file mode 100644
index 0000000..eb20584
--- /dev/null
+++ b/src/assets/icons/icon-identify.svg
@@ -0,0 +1 @@
+<svg t="1730442292132" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17503" width="190" height="190"><path d="M128 1024H0V0h1024v1024H128zM896 128H128v768h768V128zM448 192a254.08 254.08 0 0 1 219.52 385.28l92.8 92.224a121.024 121.024 0 0 1 7.68-9.728v17.728l45.44 45.248-90.88 90.496-44.8-45.248h-17.92c3.2-2.368 6.4-5.504 9.6-8l-92.16-92.224A252.544 252.544 0 0 1 448 704a256 256 0 0 1 0-512z m0 384a128 128 0 1 0-128-128 128 128 0 0 0 128 128z" p-id="17504" fill="#ffffff"></path></svg>
diff --git a/src/assets/icons/icon-model.svg b/src/assets/icons/icon-model.svg
new file mode 100644
index 0000000..a966f3d
--- /dev/null
+++ b/src/assets/icons/icon-model.svg
@@ -0,0 +1 @@
+<svg t="1730442097916" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12750" width="190" height="190"><path d="M435.2 105.35424l344.48384 198.89152a10.24 10.24 0 0 1 5.12 8.86784v214.24128h-71.68V384.16896l-243.79392 140.75904v291.23584L527.36 782.65856v82.77504l-92.16 53.21216a10.24 10.24 0 0 1-10.24 0l-344.48384-198.89152a10.24 10.24 0 0 1-5.12-8.86784v-397.7728a10.24 10.24 0 0 1 5.12-8.86784L424.96 105.35424a10.24 10.24 0 0 1 10.24 0z m275.68128 483.70176l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-8.70912 8.70912-36.20352-36.1984 8.704-8.71424a5.12 5.12 0 0 0 0.39936-6.79424l-0.39424-0.44544-86.8864-86.8864a5.12 5.12 0 0 0-6.79936-0.39936l-0.44544 0.39424-86.8864 86.8864a5.12 5.12 0 0 0-0.39936 6.79936l0.39424 0.44544 86.89152 86.8864a5.12 5.12 0 0 0 6.79424 0.39936l0.44544-0.39424 8.33024-8.33024 36.1984 36.20352-8.32512 8.33024c-21.64224 21.64224-56.5248 21.98528-78.592 1.02912l-1.05472-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 86.8864-86.8864c21.64736-21.64736 56.52992-21.9904 78.592-1.03424z m130.33472 0l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-86.8864 86.8864c-21.64736 21.64736-56.52992 21.9904-78.592 1.03424l-1.05984-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 8.1408-8.1408 36.20352 36.20352-8.1408 8.1408a5.12 5.12 0 0 0-0.39424 6.79424l0.39424 0.44544 86.8864 86.8864a5.12 5.12 0 0 0 6.79936 0.39936l0.44544-0.39424 86.8864-86.8864a5.12 5.12 0 0 0 0.39936-6.79936l-0.39424-0.44544-86.89152-86.8864a5.12 5.12 0 0 0-6.79424-0.39936l-0.44544 0.39424-8.5504 8.5504-36.1984-36.20864 8.54528-8.54528c21.64224-21.64224 56.5248-21.98528 78.592-1.02912zM147.03104 397.99296l0.00512 277.42208L389.12 815.17568v-277.41184L147.03104 397.99296zM430.08 185.16992l-254.16192 146.7392 242.19136 139.8272 254.1568-146.7392L430.08 185.1648z" fill="#ffffff" p-id="12751"></path></svg>

diff --git a/src/assets/icons/icon-identify.svg b/src/assets/icons/icon-identify.svg
new file mode 100644
index 0000000..eb20584
--- /dev/null
+++ b/src/assets/icons/icon-identify.svg
@@ -0,0 +1 @@
+<svg t="1730442292132" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17503" width="190" height="190"><path d="M128 1024H0V0h1024v1024H128zM896 128H128v768h768V128zM448 192a254.08 254.08 0 0 1 219.52 385.28l92.8 92.224a121.024 121.024 0 0 1 7.68-9.728v17.728l45.44 45.248-90.88 90.496-44.8-45.248h-17.92c3.2-2.368 6.4-5.504 9.6-8l-92.16-92.224A252.544 252.544 0 0 1 448 704a256 256 0 0 1 0-512z m0 384a128 128 0 1 0-128-128 128 128 0 0 0 128 128z" p-id="17504" fill="#ffffff"></path></svg>
diff --git a/src/assets/icons/icon-model.svg b/src/assets/icons/icon-model.svg
new file mode 100644
index 0000000..a966f3d
--- /dev/null
+++ b/src/assets/icons/icon-model.svg
@@ -0,0 +1 @@
+<svg t="1730442097916" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12750" width="190" height="190"><path d="M435.2 105.35424l344.48384 198.89152a10.24 10.24 0 0 1 5.12 8.86784v214.24128h-71.68V384.16896l-243.79392 140.75904v291.23584L527.36 782.65856v82.77504l-92.16 53.21216a10.24 10.24 0 0 1-10.24 0l-344.48384-198.89152a10.24 10.24 0 0 1-5.12-8.86784v-397.7728a10.24 10.24 0 0 1 5.12-8.86784L424.96 105.35424a10.24 10.24 0 0 1 10.24 0z m275.68128 483.70176l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-8.70912 8.70912-36.20352-36.1984 8.704-8.71424a5.12 5.12 0 0 0 0.39936-6.79424l-0.39424-0.44544-86.8864-86.8864a5.12 5.12 0 0 0-6.79936-0.39936l-0.44544 0.39424-86.8864 86.8864a5.12 5.12 0 0 0-0.39936 6.79936l0.39424 0.44544 86.89152 86.8864a5.12 5.12 0 0 0 6.79424 0.39936l0.44544-0.39424 8.33024-8.33024 36.1984 36.20352-8.32512 8.33024c-21.64224 21.64224-56.5248 21.98528-78.592 1.02912l-1.05472-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 86.8864-86.8864c21.64736-21.64736 56.52992-21.9904 78.592-1.03424z m130.33472 0l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-86.8864 86.8864c-21.64736 21.64736-56.52992 21.9904-78.592 1.03424l-1.05984-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 8.1408-8.1408 36.20352 36.20352-8.1408 8.1408a5.12 5.12 0 0 0-0.39424 6.79424l0.39424 0.44544 86.8864 86.8864a5.12 5.12 0 0 0 6.79936 0.39936l0.44544-0.39424 86.8864-86.8864a5.12 5.12 0 0 0 0.39936-6.79936l-0.39424-0.44544-86.89152-86.8864a5.12 5.12 0 0 0-6.79424-0.39936l-0.44544 0.39424-8.5504 8.5504-36.1984-36.20864 8.54528-8.54528c21.64224-21.64224 56.5248-21.98528 78.592-1.02912zM147.03104 397.99296l0.00512 277.42208L389.12 815.17568v-277.41184L147.03104 397.99296zM430.08 185.16992l-254.16192 146.7392 242.19136 139.8272 254.1568-146.7392L430.08 185.1648z" fill="#ffffff" p-id="12751"></path></svg>
diff --git a/src/assets/icons/icon-video.svg b/src/assets/icons/icon-video.svg
new file mode 100644
index 0000000..76a1fae
--- /dev/null
+++ b/src/assets/icons/icon-video.svg
@@ -0,0 +1 @@
+<svg t="1730441991325" class="icon" viewBox="0 0 1372 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6998" width="190" height="190"><path d="M980.713 108.915999H196.119008a152.529999 152.529999 0 0 0-152.551998 152.529998v610.047994A152.529999 152.529999 0 0 0 196.143008 1023.99999h784.545992a152.529999 152.529999 0 0 0 152.552999-152.505999V261.445997A152.529999 152.529999 0 0 0 980.69 108.939999zM196.119008 196.119998h784.546992a65.372999 65.372999 0 0 1 65.397 65.349999v610.047994a65.372999 65.372999 0 0 1-65.397 65.35H196.143008a65.372999 65.372999 0 0 1-65.396999-65.35V261.445997a65.372999 65.372999 0 0 1 65.396999-65.349999z" fill="#ffffff" p-id="6999"></path><path d="M1129.541999 686.242993l138.239999 110.637999a54.457999 54.457999 0 0 0 88.505999-42.541999V430.963996a54.480999 54.480999 0 0 0-88.482999-42.565l-138.262999 110.637999a119.854999 119.854999 0 0 0 0 187.205998z m34.932-130.675998a54.457999 54.457999 0 0 1 5.888-5.47l120.552998-96.464999v278.062997l-120.552998-96.511999a54.504999 54.504999 0 0 1-8.494-76.567999l2.606-3.048zM806.353002 359.493996a76.264999 76.264999 0 1 0 152.529999 0 76.264999 76.264999 0 1 0-152.529999 0zM0.00001 32.675C0.00001 14.662 14.63901 0 32.67501 0h435.897995a32.675 32.675 0 1 1 0 65.372999H32.67501A32.675 32.675 0 0 1 0.00001 32.675z" fill="#ffffff" p-id="7000"></path></svg>

diff --git a/src/assets/icons/icon-identify.svg b/src/assets/icons/icon-identify.svg
new file mode 100644
index 0000000..eb20584
--- /dev/null
+++ b/src/assets/icons/icon-identify.svg
@@ -0,0 +1 @@
+<svg t="1730442292132" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17503" width="190" height="190"><path d="M128 1024H0V0h1024v1024H128zM896 128H128v768h768V128zM448 192a254.08 254.08 0 0 1 219.52 385.28l92.8 92.224a121.024 121.024 0 0 1 7.68-9.728v17.728l45.44 45.248-90.88 90.496-44.8-45.248h-17.92c3.2-2.368 6.4-5.504 9.6-8l-92.16-92.224A252.544 252.544 0 0 1 448 704a256 256 0 0 1 0-512z m0 384a128 128 0 1 0-128-128 128 128 0 0 0 128 128z" p-id="17504" fill="#ffffff"></path></svg>
diff --git a/src/assets/icons/icon-model.svg b/src/assets/icons/icon-model.svg
new file mode 100644
index 0000000..a966f3d
--- /dev/null
+++ b/src/assets/icons/icon-model.svg
@@ -0,0 +1 @@
+<svg t="1730442097916" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12750" width="190" height="190"><path d="M435.2 105.35424l344.48384 198.89152a10.24 10.24 0 0 1 5.12 8.86784v214.24128h-71.68V384.16896l-243.79392 140.75904v291.23584L527.36 782.65856v82.77504l-92.16 53.21216a10.24 10.24 0 0 1-10.24 0l-344.48384-198.89152a10.24 10.24 0 0 1-5.12-8.86784v-397.7728a10.24 10.24 0 0 1 5.12-8.86784L424.96 105.35424a10.24 10.24 0 0 1 10.24 0z m275.68128 483.70176l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-8.70912 8.70912-36.20352-36.1984 8.704-8.71424a5.12 5.12 0 0 0 0.39936-6.79424l-0.39424-0.44544-86.8864-86.8864a5.12 5.12 0 0 0-6.79936-0.39936l-0.44544 0.39424-86.8864 86.8864a5.12 5.12 0 0 0-0.39936 6.79936l0.39424 0.44544 86.89152 86.8864a5.12 5.12 0 0 0 6.79424 0.39936l0.44544-0.39424 8.33024-8.33024 36.1984 36.20352-8.32512 8.33024c-21.64224 21.64224-56.5248 21.98528-78.592 1.02912l-1.05472-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 86.8864-86.8864c21.64736-21.64736 56.52992-21.9904 78.592-1.03424z m130.33472 0l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-86.8864 86.8864c-21.64736 21.64736-56.52992 21.9904-78.592 1.03424l-1.05984-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 8.1408-8.1408 36.20352 36.20352-8.1408 8.1408a5.12 5.12 0 0 0-0.39424 6.79424l0.39424 0.44544 86.8864 86.8864a5.12 5.12 0 0 0 6.79936 0.39936l0.44544-0.39424 86.8864-86.8864a5.12 5.12 0 0 0 0.39936-6.79936l-0.39424-0.44544-86.89152-86.8864a5.12 5.12 0 0 0-6.79424-0.39936l-0.44544 0.39424-8.5504 8.5504-36.1984-36.20864 8.54528-8.54528c21.64224-21.64224 56.5248-21.98528 78.592-1.02912zM147.03104 397.99296l0.00512 277.42208L389.12 815.17568v-277.41184L147.03104 397.99296zM430.08 185.16992l-254.16192 146.7392 242.19136 139.8272 254.1568-146.7392L430.08 185.1648z" fill="#ffffff" p-id="12751"></path></svg>
diff --git a/src/assets/icons/icon-video.svg b/src/assets/icons/icon-video.svg
new file mode 100644
index 0000000..76a1fae
--- /dev/null
+++ b/src/assets/icons/icon-video.svg
@@ -0,0 +1 @@
+<svg t="1730441991325" class="icon" viewBox="0 0 1372 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6998" width="190" height="190"><path d="M980.713 108.915999H196.119008a152.529999 152.529999 0 0 0-152.551998 152.529998v610.047994A152.529999 152.529999 0 0 0 196.143008 1023.99999h784.545992a152.529999 152.529999 0 0 0 152.552999-152.505999V261.445997A152.529999 152.529999 0 0 0 980.69 108.939999zM196.119008 196.119998h784.546992a65.372999 65.372999 0 0 1 65.397 65.349999v610.047994a65.372999 65.372999 0 0 1-65.397 65.35H196.143008a65.372999 65.372999 0 0 1-65.396999-65.35V261.445997a65.372999 65.372999 0 0 1 65.396999-65.349999z" fill="#ffffff" p-id="6999"></path><path d="M1129.541999 686.242993l138.239999 110.637999a54.457999 54.457999 0 0 0 88.505999-42.541999V430.963996a54.480999 54.480999 0 0 0-88.482999-42.565l-138.262999 110.637999a119.854999 119.854999 0 0 0 0 187.205998z m34.932-130.675998a54.457999 54.457999 0 0 1 5.888-5.47l120.552998-96.464999v278.062997l-120.552998-96.511999a54.504999 54.504999 0 0 1-8.494-76.567999l2.606-3.048zM806.353002 359.493996a76.264999 76.264999 0 1 0 152.529999 0 76.264999 76.264999 0 1 0-152.529999 0zM0.00001 32.675C0.00001 14.662 14.63901 0 32.67501 0h435.897995a32.675 32.675 0 1 1 0 65.372999H32.67501A32.675 32.675 0 0 1 0.00001 32.675z" fill="#ffffff" p-id="7000"></path></svg>
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index d5bc4c7..6e4673d 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -4,13 +4,16 @@
 import ResetPwd from './resetPwd.vue'
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
+import useRouteStore from '@/store/modules/route'
 import useUserStore from '@/store/modules/user'
-
+import { asyncRoutes } from '@/router/routes'
+// import useMenuStore from '@/store/modules/menu'
+const routeStore = useRouteStore()
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
 const userStore = useUserStore()
-
+// const menuStore = useMenuStore()
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
@@ -60,6 +63,11 @@
 function pro() {
   window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', 'top')
 }
+
+onMounted(() => {
+  // menuStore.generateMenusAtFront()
+  routeStore.generateRoutesAtFront(asyncRoutes)
+})
 </script>
 
 <template>

diff --git a/src/assets/icons/icon-identify.svg b/src/assets/icons/icon-identify.svg
new file mode 100644
index 0000000..eb20584
--- /dev/null
+++ b/src/assets/icons/icon-identify.svg
@@ -0,0 +1 @@
+<svg t="1730442292132" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17503" width="190" height="190"><path d="M128 1024H0V0h1024v1024H128zM896 128H128v768h768V128zM448 192a254.08 254.08 0 0 1 219.52 385.28l92.8 92.224a121.024 121.024 0 0 1 7.68-9.728v17.728l45.44 45.248-90.88 90.496-44.8-45.248h-17.92c3.2-2.368 6.4-5.504 9.6-8l-92.16-92.224A252.544 252.544 0 0 1 448 704a256 256 0 0 1 0-512z m0 384a128 128 0 1 0-128-128 128 128 0 0 0 128 128z" p-id="17504" fill="#ffffff"></path></svg>
diff --git a/src/assets/icons/icon-model.svg b/src/assets/icons/icon-model.svg
new file mode 100644
index 0000000..a966f3d
--- /dev/null
+++ b/src/assets/icons/icon-model.svg
@@ -0,0 +1 @@
+<svg t="1730442097916" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12750" width="190" height="190"><path d="M435.2 105.35424l344.48384 198.89152a10.24 10.24 0 0 1 5.12 8.86784v214.24128h-71.68V384.16896l-243.79392 140.75904v291.23584L527.36 782.65856v82.77504l-92.16 53.21216a10.24 10.24 0 0 1-10.24 0l-344.48384-198.89152a10.24 10.24 0 0 1-5.12-8.86784v-397.7728a10.24 10.24 0 0 1 5.12-8.86784L424.96 105.35424a10.24 10.24 0 0 1 10.24 0z m275.68128 483.70176l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-8.70912 8.70912-36.20352-36.1984 8.704-8.71424a5.12 5.12 0 0 0 0.39936-6.79424l-0.39424-0.44544-86.8864-86.8864a5.12 5.12 0 0 0-6.79936-0.39936l-0.44544 0.39424-86.8864 86.8864a5.12 5.12 0 0 0-0.39936 6.79936l0.39424 0.44544 86.89152 86.8864a5.12 5.12 0 0 0 6.79424 0.39936l0.44544-0.39424 8.33024-8.33024 36.1984 36.20352-8.32512 8.33024c-21.64224 21.64224-56.5248 21.98528-78.592 1.02912l-1.05472-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 86.8864-86.8864c21.64736-21.64736 56.52992-21.9904 78.592-1.03424z m130.33472 0l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-86.8864 86.8864c-21.64736 21.64736-56.52992 21.9904-78.592 1.03424l-1.05984-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 8.1408-8.1408 36.20352 36.20352-8.1408 8.1408a5.12 5.12 0 0 0-0.39424 6.79424l0.39424 0.44544 86.8864 86.8864a5.12 5.12 0 0 0 6.79936 0.39936l0.44544-0.39424 86.8864-86.8864a5.12 5.12 0 0 0 0.39936-6.79936l-0.39424-0.44544-86.89152-86.8864a5.12 5.12 0 0 0-6.79424-0.39936l-0.44544 0.39424-8.5504 8.5504-36.1984-36.20864 8.54528-8.54528c21.64224-21.64224 56.5248-21.98528 78.592-1.02912zM147.03104 397.99296l0.00512 277.42208L389.12 815.17568v-277.41184L147.03104 397.99296zM430.08 185.16992l-254.16192 146.7392 242.19136 139.8272 254.1568-146.7392L430.08 185.1648z" fill="#ffffff" p-id="12751"></path></svg>
diff --git a/src/assets/icons/icon-video.svg b/src/assets/icons/icon-video.svg
new file mode 100644
index 0000000..76a1fae
--- /dev/null
+++ b/src/assets/icons/icon-video.svg
@@ -0,0 +1 @@
+<svg t="1730441991325" class="icon" viewBox="0 0 1372 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6998" width="190" height="190"><path d="M980.713 108.915999H196.119008a152.529999 152.529999 0 0 0-152.551998 152.529998v610.047994A152.529999 152.529999 0 0 0 196.143008 1023.99999h784.545992a152.529999 152.529999 0 0 0 152.552999-152.505999V261.445997A152.529999 152.529999 0 0 0 980.69 108.939999zM196.119008 196.119998h784.546992a65.372999 65.372999 0 0 1 65.397 65.349999v610.047994a65.372999 65.372999 0 0 1-65.397 65.35H196.143008a65.372999 65.372999 0 0 1-65.396999-65.35V261.445997a65.372999 65.372999 0 0 1 65.396999-65.349999z" fill="#ffffff" p-id="6999"></path><path d="M1129.541999 686.242993l138.239999 110.637999a54.457999 54.457999 0 0 0 88.505999-42.541999V430.963996a54.480999 54.480999 0 0 0-88.482999-42.565l-138.262999 110.637999a119.854999 119.854999 0 0 0 0 187.205998z m34.932-130.675998a54.457999 54.457999 0 0 1 5.888-5.47l120.552998-96.464999v278.062997l-120.552998-96.511999a54.504999 54.504999 0 0 1-8.494-76.567999l2.606-3.048zM806.353002 359.493996a76.264999 76.264999 0 1 0 152.529999 0 76.264999 76.264999 0 1 0-152.529999 0zM0.00001 32.675C0.00001 14.662 14.63901 0 32.67501 0h435.897995a32.675 32.675 0 1 1 0 65.372999H32.67501A32.675 32.675 0 0 1 0.00001 32.675z" fill="#ffffff" p-id="7000"></path></svg>
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index d5bc4c7..6e4673d 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -4,13 +4,16 @@
 import ResetPwd from './resetPwd.vue'
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
+import useRouteStore from '@/store/modules/route'
 import useUserStore from '@/store/modules/user'
-
+import { asyncRoutes } from '@/router/routes'
+// import useMenuStore from '@/store/modules/menu'
+const routeStore = useRouteStore()
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
 const userStore = useUserStore()
-
+// const menuStore = useMenuStore()
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
@@ -60,6 +63,11 @@
 function pro() {
   window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', 'top')
 }
+
+onMounted(() => {
+  // menuStore.generateMenusAtFront()
+  routeStore.generateRoutesAtFront(asyncRoutes)
+})
 </script>
 
 <template>
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index f4b6911..51e7deb 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -54,11 +54,11 @@
   >
     <div class="topbar-container-inner">
       <div class="left-box">
-        <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
+        <!-- <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
           <el-icon>
             <svg-icon name="toolbar-collapse" />
           </el-icon>
-        </div>
+        </div> -->
         <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
           <transition-group name="breadcrumb">
             <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path" :to="index < breadcrumbList.length - 1 ? pathCompile(item.path) : ''">

diff --git a/src/assets/icons/icon-identify.svg b/src/assets/icons/icon-identify.svg
new file mode 100644
index 0000000..eb20584
--- /dev/null
+++ b/src/assets/icons/icon-identify.svg
@@ -0,0 +1 @@
+<svg t="1730442292132" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17503" width="190" height="190"><path d="M128 1024H0V0h1024v1024H128zM896 128H128v768h768V128zM448 192a254.08 254.08 0 0 1 219.52 385.28l92.8 92.224a121.024 121.024 0 0 1 7.68-9.728v17.728l45.44 45.248-90.88 90.496-44.8-45.248h-17.92c3.2-2.368 6.4-5.504 9.6-8l-92.16-92.224A252.544 252.544 0 0 1 448 704a256 256 0 0 1 0-512z m0 384a128 128 0 1 0-128-128 128 128 0 0 0 128 128z" p-id="17504" fill="#ffffff"></path></svg>
diff --git a/src/assets/icons/icon-model.svg b/src/assets/icons/icon-model.svg
new file mode 100644
index 0000000..a966f3d
--- /dev/null
+++ b/src/assets/icons/icon-model.svg
@@ -0,0 +1 @@
+<svg t="1730442097916" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12750" width="190" height="190"><path d="M435.2 105.35424l344.48384 198.89152a10.24 10.24 0 0 1 5.12 8.86784v214.24128h-71.68V384.16896l-243.79392 140.75904v291.23584L527.36 782.65856v82.77504l-92.16 53.21216a10.24 10.24 0 0 1-10.24 0l-344.48384-198.89152a10.24 10.24 0 0 1-5.12-8.86784v-397.7728a10.24 10.24 0 0 1 5.12-8.86784L424.96 105.35424a10.24 10.24 0 0 1 10.24 0z m275.68128 483.70176l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-8.70912 8.70912-36.20352-36.1984 8.704-8.71424a5.12 5.12 0 0 0 0.39936-6.79424l-0.39424-0.44544-86.8864-86.8864a5.12 5.12 0 0 0-6.79936-0.39936l-0.44544 0.39424-86.8864 86.8864a5.12 5.12 0 0 0-0.39936 6.79936l0.39424 0.44544 86.89152 86.8864a5.12 5.12 0 0 0 6.79424 0.39936l0.44544-0.39424 8.33024-8.33024 36.1984 36.20352-8.32512 8.33024c-21.64224 21.64224-56.5248 21.98528-78.592 1.02912l-1.05472-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 86.8864-86.8864c21.64736-21.64736 56.52992-21.9904 78.592-1.03424z m130.33472 0l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-86.8864 86.8864c-21.64736 21.64736-56.52992 21.9904-78.592 1.03424l-1.05984-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 8.1408-8.1408 36.20352 36.20352-8.1408 8.1408a5.12 5.12 0 0 0-0.39424 6.79424l0.39424 0.44544 86.8864 86.8864a5.12 5.12 0 0 0 6.79936 0.39936l0.44544-0.39424 86.8864-86.8864a5.12 5.12 0 0 0 0.39936-6.79936l-0.39424-0.44544-86.89152-86.8864a5.12 5.12 0 0 0-6.79424-0.39936l-0.44544 0.39424-8.5504 8.5504-36.1984-36.20864 8.54528-8.54528c21.64224-21.64224 56.5248-21.98528 78.592-1.02912zM147.03104 397.99296l0.00512 277.42208L389.12 815.17568v-277.41184L147.03104 397.99296zM430.08 185.16992l-254.16192 146.7392 242.19136 139.8272 254.1568-146.7392L430.08 185.1648z" fill="#ffffff" p-id="12751"></path></svg>
diff --git a/src/assets/icons/icon-video.svg b/src/assets/icons/icon-video.svg
new file mode 100644
index 0000000..76a1fae
--- /dev/null
+++ b/src/assets/icons/icon-video.svg
@@ -0,0 +1 @@
+<svg t="1730441991325" class="icon" viewBox="0 0 1372 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6998" width="190" height="190"><path d="M980.713 108.915999H196.119008a152.529999 152.529999 0 0 0-152.551998 152.529998v610.047994A152.529999 152.529999 0 0 0 196.143008 1023.99999h784.545992a152.529999 152.529999 0 0 0 152.552999-152.505999V261.445997A152.529999 152.529999 0 0 0 980.69 108.939999zM196.119008 196.119998h784.546992a65.372999 65.372999 0 0 1 65.397 65.349999v610.047994a65.372999 65.372999 0 0 1-65.397 65.35H196.143008a65.372999 65.372999 0 0 1-65.396999-65.35V261.445997a65.372999 65.372999 0 0 1 65.396999-65.349999z" fill="#ffffff" p-id="6999"></path><path d="M1129.541999 686.242993l138.239999 110.637999a54.457999 54.457999 0 0 0 88.505999-42.541999V430.963996a54.480999 54.480999 0 0 0-88.482999-42.565l-138.262999 110.637999a119.854999 119.854999 0 0 0 0 187.205998z m34.932-130.675998a54.457999 54.457999 0 0 1 5.888-5.47l120.552998-96.464999v278.062997l-120.552998-96.511999a54.504999 54.504999 0 0 1-8.494-76.567999l2.606-3.048zM806.353002 359.493996a76.264999 76.264999 0 1 0 152.529999 0 76.264999 76.264999 0 1 0-152.529999 0zM0.00001 32.675C0.00001 14.662 14.63901 0 32.67501 0h435.897995a32.675 32.675 0 1 1 0 65.372999H32.67501A32.675 32.675 0 0 1 0.00001 32.675z" fill="#ffffff" p-id="7000"></path></svg>
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index d5bc4c7..6e4673d 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -4,13 +4,16 @@
 import ResetPwd from './resetPwd.vue'
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
+import useRouteStore from '@/store/modules/route'
 import useUserStore from '@/store/modules/user'
-
+import { asyncRoutes } from '@/router/routes'
+// import useMenuStore from '@/store/modules/menu'
+const routeStore = useRouteStore()
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
 const userStore = useUserStore()
-
+// const menuStore = useMenuStore()
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
@@ -60,6 +63,11 @@
 function pro() {
   window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', 'top')
 }
+
+onMounted(() => {
+  // menuStore.generateMenusAtFront()
+  routeStore.generateRoutesAtFront(asyncRoutes)
+})
 </script>
 
 <template>
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index f4b6911..51e7deb 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -54,11 +54,11 @@
   >
     <div class="topbar-container-inner">
       <div class="left-box">
-        <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
+        <!-- <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
           <el-icon>
             <svg-icon name="toolbar-collapse" />
           </el-icon>
-        </div>
+        </div> -->
         <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
           <transition-group name="breadcrumb">
             <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path" :to="index < breadcrumbList.length - 1 ? pathCompile(item.path) : ''">
diff --git a/src/main.ts b/src/main.ts
index 41643f0..ad69d36 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -26,6 +26,7 @@
 // app.use(print)
 app.use(ElementPlus)
 app.use(pinia)
+
 app.use(router)
 for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
   app.component(key, component)

diff --git a/src/assets/icons/icon-identify.svg b/src/assets/icons/icon-identify.svg
new file mode 100644
index 0000000..eb20584
--- /dev/null
+++ b/src/assets/icons/icon-identify.svg
@@ -0,0 +1 @@
+<svg t="1730442292132" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17503" width="190" height="190"><path d="M128 1024H0V0h1024v1024H128zM896 128H128v768h768V128zM448 192a254.08 254.08 0 0 1 219.52 385.28l92.8 92.224a121.024 121.024 0 0 1 7.68-9.728v17.728l45.44 45.248-90.88 90.496-44.8-45.248h-17.92c3.2-2.368 6.4-5.504 9.6-8l-92.16-92.224A252.544 252.544 0 0 1 448 704a256 256 0 0 1 0-512z m0 384a128 128 0 1 0-128-128 128 128 0 0 0 128 128z" p-id="17504" fill="#ffffff"></path></svg>
diff --git a/src/assets/icons/icon-model.svg b/src/assets/icons/icon-model.svg
new file mode 100644
index 0000000..a966f3d
--- /dev/null
+++ b/src/assets/icons/icon-model.svg
@@ -0,0 +1 @@
+<svg t="1730442097916" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12750" width="190" height="190"><path d="M435.2 105.35424l344.48384 198.89152a10.24 10.24 0 0 1 5.12 8.86784v214.24128h-71.68V384.16896l-243.79392 140.75904v291.23584L527.36 782.65856v82.77504l-92.16 53.21216a10.24 10.24 0 0 1-10.24 0l-344.48384-198.89152a10.24 10.24 0 0 1-5.12-8.86784v-397.7728a10.24 10.24 0 0 1 5.12-8.86784L424.96 105.35424a10.24 10.24 0 0 1 10.24 0z m275.68128 483.70176l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-8.70912 8.70912-36.20352-36.1984 8.704-8.71424a5.12 5.12 0 0 0 0.39936-6.79424l-0.39424-0.44544-86.8864-86.8864a5.12 5.12 0 0 0-6.79936-0.39936l-0.44544 0.39424-86.8864 86.8864a5.12 5.12 0 0 0-0.39936 6.79936l0.39424 0.44544 86.89152 86.8864a5.12 5.12 0 0 0 6.79424 0.39936l0.44544-0.39424 8.33024-8.33024 36.1984 36.20352-8.32512 8.33024c-21.64224 21.64224-56.5248 21.98528-78.592 1.02912l-1.05472-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 86.8864-86.8864c21.64736-21.64736 56.52992-21.9904 78.592-1.03424z m130.33472 0l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-86.8864 86.8864c-21.64736 21.64736-56.52992 21.9904-78.592 1.03424l-1.05984-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 8.1408-8.1408 36.20352 36.20352-8.1408 8.1408a5.12 5.12 0 0 0-0.39424 6.79424l0.39424 0.44544 86.8864 86.8864a5.12 5.12 0 0 0 6.79936 0.39936l0.44544-0.39424 86.8864-86.8864a5.12 5.12 0 0 0 0.39936-6.79936l-0.39424-0.44544-86.89152-86.8864a5.12 5.12 0 0 0-6.79424-0.39936l-0.44544 0.39424-8.5504 8.5504-36.1984-36.20864 8.54528-8.54528c21.64224-21.64224 56.5248-21.98528 78.592-1.02912zM147.03104 397.99296l0.00512 277.42208L389.12 815.17568v-277.41184L147.03104 397.99296zM430.08 185.16992l-254.16192 146.7392 242.19136 139.8272 254.1568-146.7392L430.08 185.1648z" fill="#ffffff" p-id="12751"></path></svg>
diff --git a/src/assets/icons/icon-video.svg b/src/assets/icons/icon-video.svg
new file mode 100644
index 0000000..76a1fae
--- /dev/null
+++ b/src/assets/icons/icon-video.svg
@@ -0,0 +1 @@
+<svg t="1730441991325" class="icon" viewBox="0 0 1372 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6998" width="190" height="190"><path d="M980.713 108.915999H196.119008a152.529999 152.529999 0 0 0-152.551998 152.529998v610.047994A152.529999 152.529999 0 0 0 196.143008 1023.99999h784.545992a152.529999 152.529999 0 0 0 152.552999-152.505999V261.445997A152.529999 152.529999 0 0 0 980.69 108.939999zM196.119008 196.119998h784.546992a65.372999 65.372999 0 0 1 65.397 65.349999v610.047994a65.372999 65.372999 0 0 1-65.397 65.35H196.143008a65.372999 65.372999 0 0 1-65.396999-65.35V261.445997a65.372999 65.372999 0 0 1 65.396999-65.349999z" fill="#ffffff" p-id="6999"></path><path d="M1129.541999 686.242993l138.239999 110.637999a54.457999 54.457999 0 0 0 88.505999-42.541999V430.963996a54.480999 54.480999 0 0 0-88.482999-42.565l-138.262999 110.637999a119.854999 119.854999 0 0 0 0 187.205998z m34.932-130.675998a54.457999 54.457999 0 0 1 5.888-5.47l120.552998-96.464999v278.062997l-120.552998-96.511999a54.504999 54.504999 0 0 1-8.494-76.567999l2.606-3.048zM806.353002 359.493996a76.264999 76.264999 0 1 0 152.529999 0 76.264999 76.264999 0 1 0-152.529999 0zM0.00001 32.675C0.00001 14.662 14.63901 0 32.67501 0h435.897995a32.675 32.675 0 1 1 0 65.372999H32.67501A32.675 32.675 0 0 1 0.00001 32.675z" fill="#ffffff" p-id="7000"></path></svg>
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index d5bc4c7..6e4673d 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -4,13 +4,16 @@
 import ResetPwd from './resetPwd.vue'
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
+import useRouteStore from '@/store/modules/route'
 import useUserStore from '@/store/modules/user'
-
+import { asyncRoutes } from '@/router/routes'
+// import useMenuStore from '@/store/modules/menu'
+const routeStore = useRouteStore()
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
 const userStore = useUserStore()
-
+// const menuStore = useMenuStore()
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
@@ -60,6 +63,11 @@
 function pro() {
   window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', 'top')
 }
+
+onMounted(() => {
+  // menuStore.generateMenusAtFront()
+  routeStore.generateRoutesAtFront(asyncRoutes)
+})
 </script>
 
 <template>
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index f4b6911..51e7deb 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -54,11 +54,11 @@
   >
     <div class="topbar-container-inner">
       <div class="left-box">
-        <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
+        <!-- <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
           <el-icon>
             <svg-icon name="toolbar-collapse" />
           </el-icon>
-        </div>
+        </div> -->
         <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
           <transition-group name="breadcrumb">
             <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path" :to="index < breadcrumbList.length - 1 ? pathCompile(item.path) : ''">
diff --git a/src/main.ts b/src/main.ts
index 41643f0..ad69d36 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -26,6 +26,7 @@
 // app.use(print)
 app.use(ElementPlus)
 app.use(pinia)
+
 app.use(router)
 for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
   app.component(key, component)
diff --git a/src/router/index.ts b/src/router/index.ts
index 42f2cdd..2371c89 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,17 +1,22 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
 import type { RouteRecordRaw } from 'vue-router'
 import { useNProgress } from '@vueuse/integrations/useNProgress'
+// import useMenuStore from '@/store/modules/menu'
+
 import '@/assets/styles/nprogress.scss'
 // 路由相关数据
-import { constantRoutes, systemRoutes } from './routes'
+
+import { asyncRoutes, constantRoutes, systemRoutes } from './routes'
 import useSettingsStore from '@/store/modules/settings'
 import useKeepAliveStore from '@/store/modules/keepAlive'
+// import useRouteStore from '@/store/modules/route'
 
 const { isLoading } = useNProgress()
-
+// const menuStore = useMenuStore()
+// const routeStore = useRouteStore()
 const router = createRouter({
   history: createWebHashHistory(),
-  routes: [...systemRoutes, ...constantRoutes] as RouteRecordRaw[],
+  routes: [...asyncRoutes, ...systemRoutes, ...constantRoutes] as RouteRecordRaw[],
 })
 
 router.beforeEach(async (to, from, next) => {
@@ -41,7 +46,7 @@
   if (from.meta.cache) {
     const componentName = from.matched[to.matched.length - 1].components?.default.name
     if (componentName) {
-    // 通过 meta.cache 判断针对哪些页面进行缓存
+      // 通过 meta.cache 判断针对哪些页面进行缓存
       switch (typeof from.meta.cache) {
         case 'string':
           if (from.meta.cache !== to.name) {

diff --git a/src/assets/icons/icon-identify.svg b/src/assets/icons/icon-identify.svg
new file mode 100644
index 0000000..eb20584
--- /dev/null
+++ b/src/assets/icons/icon-identify.svg
@@ -0,0 +1 @@
+<svg t="1730442292132" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17503" width="190" height="190"><path d="M128 1024H0V0h1024v1024H128zM896 128H128v768h768V128zM448 192a254.08 254.08 0 0 1 219.52 385.28l92.8 92.224a121.024 121.024 0 0 1 7.68-9.728v17.728l45.44 45.248-90.88 90.496-44.8-45.248h-17.92c3.2-2.368 6.4-5.504 9.6-8l-92.16-92.224A252.544 252.544 0 0 1 448 704a256 256 0 0 1 0-512z m0 384a128 128 0 1 0-128-128 128 128 0 0 0 128 128z" p-id="17504" fill="#ffffff"></path></svg>
diff --git a/src/assets/icons/icon-model.svg b/src/assets/icons/icon-model.svg
new file mode 100644
index 0000000..a966f3d
--- /dev/null
+++ b/src/assets/icons/icon-model.svg
@@ -0,0 +1 @@
+<svg t="1730442097916" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12750" width="190" height="190"><path d="M435.2 105.35424l344.48384 198.89152a10.24 10.24 0 0 1 5.12 8.86784v214.24128h-71.68V384.16896l-243.79392 140.75904v291.23584L527.36 782.65856v82.77504l-92.16 53.21216a10.24 10.24 0 0 1-10.24 0l-344.48384-198.89152a10.24 10.24 0 0 1-5.12-8.86784v-397.7728a10.24 10.24 0 0 1 5.12-8.86784L424.96 105.35424a10.24 10.24 0 0 1 10.24 0z m275.68128 483.70176l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-8.70912 8.70912-36.20352-36.1984 8.704-8.71424a5.12 5.12 0 0 0 0.39936-6.79424l-0.39424-0.44544-86.8864-86.8864a5.12 5.12 0 0 0-6.79936-0.39936l-0.44544 0.39424-86.8864 86.8864a5.12 5.12 0 0 0-0.39936 6.79936l0.39424 0.44544 86.89152 86.8864a5.12 5.12 0 0 0 6.79424 0.39936l0.44544-0.39424 8.33024-8.33024 36.1984 36.20352-8.32512 8.33024c-21.64224 21.64224-56.5248 21.98528-78.592 1.02912l-1.05472-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 86.8864-86.8864c21.64736-21.64736 56.52992-21.9904 78.592-1.03424z m130.33472 0l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-86.8864 86.8864c-21.64736 21.64736-56.52992 21.9904-78.592 1.03424l-1.05984-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 8.1408-8.1408 36.20352 36.20352-8.1408 8.1408a5.12 5.12 0 0 0-0.39424 6.79424l0.39424 0.44544 86.8864 86.8864a5.12 5.12 0 0 0 6.79936 0.39936l0.44544-0.39424 86.8864-86.8864a5.12 5.12 0 0 0 0.39936-6.79936l-0.39424-0.44544-86.89152-86.8864a5.12 5.12 0 0 0-6.79424-0.39936l-0.44544 0.39424-8.5504 8.5504-36.1984-36.20864 8.54528-8.54528c21.64224-21.64224 56.5248-21.98528 78.592-1.02912zM147.03104 397.99296l0.00512 277.42208L389.12 815.17568v-277.41184L147.03104 397.99296zM430.08 185.16992l-254.16192 146.7392 242.19136 139.8272 254.1568-146.7392L430.08 185.1648z" fill="#ffffff" p-id="12751"></path></svg>
diff --git a/src/assets/icons/icon-video.svg b/src/assets/icons/icon-video.svg
new file mode 100644
index 0000000..76a1fae
--- /dev/null
+++ b/src/assets/icons/icon-video.svg
@@ -0,0 +1 @@
+<svg t="1730441991325" class="icon" viewBox="0 0 1372 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6998" width="190" height="190"><path d="M980.713 108.915999H196.119008a152.529999 152.529999 0 0 0-152.551998 152.529998v610.047994A152.529999 152.529999 0 0 0 196.143008 1023.99999h784.545992a152.529999 152.529999 0 0 0 152.552999-152.505999V261.445997A152.529999 152.529999 0 0 0 980.69 108.939999zM196.119008 196.119998h784.546992a65.372999 65.372999 0 0 1 65.397 65.349999v610.047994a65.372999 65.372999 0 0 1-65.397 65.35H196.143008a65.372999 65.372999 0 0 1-65.396999-65.35V261.445997a65.372999 65.372999 0 0 1 65.396999-65.349999z" fill="#ffffff" p-id="6999"></path><path d="M1129.541999 686.242993l138.239999 110.637999a54.457999 54.457999 0 0 0 88.505999-42.541999V430.963996a54.480999 54.480999 0 0 0-88.482999-42.565l-138.262999 110.637999a119.854999 119.854999 0 0 0 0 187.205998z m34.932-130.675998a54.457999 54.457999 0 0 1 5.888-5.47l120.552998-96.464999v278.062997l-120.552998-96.511999a54.504999 54.504999 0 0 1-8.494-76.567999l2.606-3.048zM806.353002 359.493996a76.264999 76.264999 0 1 0 152.529999 0 76.264999 76.264999 0 1 0-152.529999 0zM0.00001 32.675C0.00001 14.662 14.63901 0 32.67501 0h435.897995a32.675 32.675 0 1 1 0 65.372999H32.67501A32.675 32.675 0 0 1 0.00001 32.675z" fill="#ffffff" p-id="7000"></path></svg>
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index d5bc4c7..6e4673d 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -4,13 +4,16 @@
 import ResetPwd from './resetPwd.vue'
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
+import useRouteStore from '@/store/modules/route'
 import useUserStore from '@/store/modules/user'
-
+import { asyncRoutes } from '@/router/routes'
+// import useMenuStore from '@/store/modules/menu'
+const routeStore = useRouteStore()
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
 const userStore = useUserStore()
-
+// const menuStore = useMenuStore()
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
@@ -60,6 +63,11 @@
 function pro() {
   window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', 'top')
 }
+
+onMounted(() => {
+  // menuStore.generateMenusAtFront()
+  routeStore.generateRoutesAtFront(asyncRoutes)
+})
 </script>
 
 <template>
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index f4b6911..51e7deb 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -54,11 +54,11 @@
   >
     <div class="topbar-container-inner">
       <div class="left-box">
-        <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
+        <!-- <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
           <el-icon>
             <svg-icon name="toolbar-collapse" />
           </el-icon>
-        </div>
+        </div> -->
         <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
           <transition-group name="breadcrumb">
             <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path" :to="index < breadcrumbList.length - 1 ? pathCompile(item.path) : ''">
diff --git a/src/main.ts b/src/main.ts
index 41643f0..ad69d36 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -26,6 +26,7 @@
 // app.use(print)
 app.use(ElementPlus)
 app.use(pinia)
+
 app.use(router)
 for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
   app.component(key, component)
diff --git a/src/router/index.ts b/src/router/index.ts
index 42f2cdd..2371c89 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,17 +1,22 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
 import type { RouteRecordRaw } from 'vue-router'
 import { useNProgress } from '@vueuse/integrations/useNProgress'
+// import useMenuStore from '@/store/modules/menu'
+
 import '@/assets/styles/nprogress.scss'
 // 路由相关数据
-import { constantRoutes, systemRoutes } from './routes'
+
+import { asyncRoutes, constantRoutes, systemRoutes } from './routes'
 import useSettingsStore from '@/store/modules/settings'
 import useKeepAliveStore from '@/store/modules/keepAlive'
+// import useRouteStore from '@/store/modules/route'
 
 const { isLoading } = useNProgress()
-
+// const menuStore = useMenuStore()
+// const routeStore = useRouteStore()
 const router = createRouter({
   history: createWebHashHistory(),
-  routes: [...systemRoutes, ...constantRoutes] as RouteRecordRaw[],
+  routes: [...asyncRoutes, ...systemRoutes, ...constantRoutes] as RouteRecordRaw[],
 })
 
 router.beforeEach(async (to, from, next) => {
@@ -41,7 +46,7 @@
   if (from.meta.cache) {
     const componentName = from.matched[to.matched.length - 1].components?.default.name
     if (componentName) {
-    // 通过 meta.cache 判断针对哪些页面进行缓存
+      // 通过 meta.cache 判断针对哪些页面进行缓存
       switch (typeof from.meta.cache) {
         case 'string':
           if (from.meta.cache !== to.name) {
diff --git a/src/router/modules/page.ts b/src/router/modules/page.ts
new file mode 100644
index 0000000..ca1e0a2
--- /dev/null
+++ b/src/router/modules/page.ts
@@ -0,0 +1,100 @@
+// 页面路由
+import type { Route } from '@/global'
+
+const Layout = () => import('@/layouts/index.vue')
+const routes: Route.recordRaw[] = [
+  {
+    path: '/device',
+    component: Layout,
+    redirect: '/device/list',
+    name: 'device',
+    meta: {
+      title: '设备管理',
+      icon: 'icon-device',
+    },
+    children: [
+      {
+        path: 'list',
+        name: 'DeviceList',
+        component: () => import('@/views/page/device/index.vue'),
+        meta: {
+          title: '设备管理',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/device',
+        },
+      },
+    ],
+  },
+  {
+    path: '/video',
+    component: Layout,
+    redirect: '/video/preview',
+    name: 'video',
+    meta: {
+      title: '视频预览',
+      icon: 'icon-video',
+    },
+    children: [
+      {
+        path: 'preview',
+        name: 'VideoPreview',
+        component: () => import('@/views/page/video/index.vue'),
+        meta: {
+          title: '视频预览',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/video',
+        },
+      },
+    ],
+  },
+  {
+    path: '/model',
+    component: Layout,
+    redirect: '/model/manage',
+    name: 'model',
+    meta: {
+      title: '模型管理',
+      icon: 'icon-model',
+    },
+    children: [
+      {
+        path: 'manage',
+        name: 'ModelManage',
+        component: () => import('@/views/page/model/index.vue'),
+        meta: {
+          title: '模型管理',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/model',
+        },
+      },
+    ],
+  },
+  {
+    path: '/identify',
+    component: Layout,
+    redirect: '/identify/result',
+    name: 'identify',
+    meta: {
+      title: '识别结果',
+      icon: 'icon-identify',
+    },
+    children: [
+      {
+        path: 'result',
+        name: 'IdentifyResult',
+        component: () => import('@/views/page/result/index.vue'),
+        meta: {
+          title: '识别结果',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/identify',
+        },
+      },
+    ],
+  },
+]
+
+export default routes

diff --git a/src/assets/icons/icon-identify.svg b/src/assets/icons/icon-identify.svg
new file mode 100644
index 0000000..eb20584
--- /dev/null
+++ b/src/assets/icons/icon-identify.svg
@@ -0,0 +1 @@
+<svg t="1730442292132" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17503" width="190" height="190"><path d="M128 1024H0V0h1024v1024H128zM896 128H128v768h768V128zM448 192a254.08 254.08 0 0 1 219.52 385.28l92.8 92.224a121.024 121.024 0 0 1 7.68-9.728v17.728l45.44 45.248-90.88 90.496-44.8-45.248h-17.92c3.2-2.368 6.4-5.504 9.6-8l-92.16-92.224A252.544 252.544 0 0 1 448 704a256 256 0 0 1 0-512z m0 384a128 128 0 1 0-128-128 128 128 0 0 0 128 128z" p-id="17504" fill="#ffffff"></path></svg>
diff --git a/src/assets/icons/icon-model.svg b/src/assets/icons/icon-model.svg
new file mode 100644
index 0000000..a966f3d
--- /dev/null
+++ b/src/assets/icons/icon-model.svg
@@ -0,0 +1 @@
+<svg t="1730442097916" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12750" width="190" height="190"><path d="M435.2 105.35424l344.48384 198.89152a10.24 10.24 0 0 1 5.12 8.86784v214.24128h-71.68V384.16896l-243.79392 140.75904v291.23584L527.36 782.65856v82.77504l-92.16 53.21216a10.24 10.24 0 0 1-10.24 0l-344.48384-198.89152a10.24 10.24 0 0 1-5.12-8.86784v-397.7728a10.24 10.24 0 0 1 5.12-8.86784L424.96 105.35424a10.24 10.24 0 0 1 10.24 0z m275.68128 483.70176l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-8.70912 8.70912-36.20352-36.1984 8.704-8.71424a5.12 5.12 0 0 0 0.39936-6.79424l-0.39424-0.44544-86.8864-86.8864a5.12 5.12 0 0 0-6.79936-0.39936l-0.44544 0.39424-86.8864 86.8864a5.12 5.12 0 0 0-0.39936 6.79936l0.39424 0.44544 86.89152 86.8864a5.12 5.12 0 0 0 6.79424 0.39936l0.44544-0.39424 8.33024-8.33024 36.1984 36.20352-8.32512 8.33024c-21.64224 21.64224-56.5248 21.98528-78.592 1.02912l-1.05472-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 86.8864-86.8864c21.64736-21.64736 56.52992-21.9904 78.592-1.03424z m130.33472 0l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-86.8864 86.8864c-21.64736 21.64736-56.52992 21.9904-78.592 1.03424l-1.05984-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 8.1408-8.1408 36.20352 36.20352-8.1408 8.1408a5.12 5.12 0 0 0-0.39424 6.79424l0.39424 0.44544 86.8864 86.8864a5.12 5.12 0 0 0 6.79936 0.39936l0.44544-0.39424 86.8864-86.8864a5.12 5.12 0 0 0 0.39936-6.79936l-0.39424-0.44544-86.89152-86.8864a5.12 5.12 0 0 0-6.79424-0.39936l-0.44544 0.39424-8.5504 8.5504-36.1984-36.20864 8.54528-8.54528c21.64224-21.64224 56.5248-21.98528 78.592-1.02912zM147.03104 397.99296l0.00512 277.42208L389.12 815.17568v-277.41184L147.03104 397.99296zM430.08 185.16992l-254.16192 146.7392 242.19136 139.8272 254.1568-146.7392L430.08 185.1648z" fill="#ffffff" p-id="12751"></path></svg>
diff --git a/src/assets/icons/icon-video.svg b/src/assets/icons/icon-video.svg
new file mode 100644
index 0000000..76a1fae
--- /dev/null
+++ b/src/assets/icons/icon-video.svg
@@ -0,0 +1 @@
+<svg t="1730441991325" class="icon" viewBox="0 0 1372 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6998" width="190" height="190"><path d="M980.713 108.915999H196.119008a152.529999 152.529999 0 0 0-152.551998 152.529998v610.047994A152.529999 152.529999 0 0 0 196.143008 1023.99999h784.545992a152.529999 152.529999 0 0 0 152.552999-152.505999V261.445997A152.529999 152.529999 0 0 0 980.69 108.939999zM196.119008 196.119998h784.546992a65.372999 65.372999 0 0 1 65.397 65.349999v610.047994a65.372999 65.372999 0 0 1-65.397 65.35H196.143008a65.372999 65.372999 0 0 1-65.396999-65.35V261.445997a65.372999 65.372999 0 0 1 65.396999-65.349999z" fill="#ffffff" p-id="6999"></path><path d="M1129.541999 686.242993l138.239999 110.637999a54.457999 54.457999 0 0 0 88.505999-42.541999V430.963996a54.480999 54.480999 0 0 0-88.482999-42.565l-138.262999 110.637999a119.854999 119.854999 0 0 0 0 187.205998z m34.932-130.675998a54.457999 54.457999 0 0 1 5.888-5.47l120.552998-96.464999v278.062997l-120.552998-96.511999a54.504999 54.504999 0 0 1-8.494-76.567999l2.606-3.048zM806.353002 359.493996a76.264999 76.264999 0 1 0 152.529999 0 76.264999 76.264999 0 1 0-152.529999 0zM0.00001 32.675C0.00001 14.662 14.63901 0 32.67501 0h435.897995a32.675 32.675 0 1 1 0 65.372999H32.67501A32.675 32.675 0 0 1 0.00001 32.675z" fill="#ffffff" p-id="7000"></path></svg>
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index d5bc4c7..6e4673d 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -4,13 +4,16 @@
 import ResetPwd from './resetPwd.vue'
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
+import useRouteStore from '@/store/modules/route'
 import useUserStore from '@/store/modules/user'
-
+import { asyncRoutes } from '@/router/routes'
+// import useMenuStore from '@/store/modules/menu'
+const routeStore = useRouteStore()
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
 const userStore = useUserStore()
-
+// const menuStore = useMenuStore()
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
@@ -60,6 +63,11 @@
 function pro() {
   window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', 'top')
 }
+
+onMounted(() => {
+  // menuStore.generateMenusAtFront()
+  routeStore.generateRoutesAtFront(asyncRoutes)
+})
 </script>
 
 <template>
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index f4b6911..51e7deb 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -54,11 +54,11 @@
   >
     <div class="topbar-container-inner">
       <div class="left-box">
-        <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
+        <!-- <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
           <el-icon>
             <svg-icon name="toolbar-collapse" />
           </el-icon>
-        </div>
+        </div> -->
         <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
           <transition-group name="breadcrumb">
             <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path" :to="index < breadcrumbList.length - 1 ? pathCompile(item.path) : ''">
diff --git a/src/main.ts b/src/main.ts
index 41643f0..ad69d36 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -26,6 +26,7 @@
 // app.use(print)
 app.use(ElementPlus)
 app.use(pinia)
+
 app.use(router)
 for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
   app.component(key, component)
diff --git a/src/router/index.ts b/src/router/index.ts
index 42f2cdd..2371c89 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,17 +1,22 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
 import type { RouteRecordRaw } from 'vue-router'
 import { useNProgress } from '@vueuse/integrations/useNProgress'
+// import useMenuStore from '@/store/modules/menu'
+
 import '@/assets/styles/nprogress.scss'
 // 路由相关数据
-import { constantRoutes, systemRoutes } from './routes'
+
+import { asyncRoutes, constantRoutes, systemRoutes } from './routes'
 import useSettingsStore from '@/store/modules/settings'
 import useKeepAliveStore from '@/store/modules/keepAlive'
+// import useRouteStore from '@/store/modules/route'
 
 const { isLoading } = useNProgress()
-
+// const menuStore = useMenuStore()
+// const routeStore = useRouteStore()
 const router = createRouter({
   history: createWebHashHistory(),
-  routes: [...systemRoutes, ...constantRoutes] as RouteRecordRaw[],
+  routes: [...asyncRoutes, ...systemRoutes, ...constantRoutes] as RouteRecordRaw[],
 })
 
 router.beforeEach(async (to, from, next) => {
@@ -41,7 +46,7 @@
   if (from.meta.cache) {
     const componentName = from.matched[to.matched.length - 1].components?.default.name
     if (componentName) {
-    // 通过 meta.cache 判断针对哪些页面进行缓存
+      // 通过 meta.cache 判断针对哪些页面进行缓存
       switch (typeof from.meta.cache) {
         case 'string':
           if (from.meta.cache !== to.name) {
diff --git a/src/router/modules/page.ts b/src/router/modules/page.ts
new file mode 100644
index 0000000..ca1e0a2
--- /dev/null
+++ b/src/router/modules/page.ts
@@ -0,0 +1,100 @@
+// 页面路由
+import type { Route } from '@/global'
+
+const Layout = () => import('@/layouts/index.vue')
+const routes: Route.recordRaw[] = [
+  {
+    path: '/device',
+    component: Layout,
+    redirect: '/device/list',
+    name: 'device',
+    meta: {
+      title: '设备管理',
+      icon: 'icon-device',
+    },
+    children: [
+      {
+        path: 'list',
+        name: 'DeviceList',
+        component: () => import('@/views/page/device/index.vue'),
+        meta: {
+          title: '设备管理',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/device',
+        },
+      },
+    ],
+  },
+  {
+    path: '/video',
+    component: Layout,
+    redirect: '/video/preview',
+    name: 'video',
+    meta: {
+      title: '视频预览',
+      icon: 'icon-video',
+    },
+    children: [
+      {
+        path: 'preview',
+        name: 'VideoPreview',
+        component: () => import('@/views/page/video/index.vue'),
+        meta: {
+          title: '视频预览',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/video',
+        },
+      },
+    ],
+  },
+  {
+    path: '/model',
+    component: Layout,
+    redirect: '/model/manage',
+    name: 'model',
+    meta: {
+      title: '模型管理',
+      icon: 'icon-model',
+    },
+    children: [
+      {
+        path: 'manage',
+        name: 'ModelManage',
+        component: () => import('@/views/page/model/index.vue'),
+        meta: {
+          title: '模型管理',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/model',
+        },
+      },
+    ],
+  },
+  {
+    path: '/identify',
+    component: Layout,
+    redirect: '/identify/result',
+    name: 'identify',
+    meta: {
+      title: '识别结果',
+      icon: 'icon-identify',
+    },
+    children: [
+      {
+        path: 'result',
+        name: 'IdentifyResult',
+        component: () => import('@/views/page/result/index.vue'),
+        meta: {
+          title: '识别结果',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/identify',
+        },
+      },
+    ],
+  },
+]
+
+export default routes
diff --git a/src/router/routes.ts b/src/router/routes.ts
index fd701ee..0c9f847 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -1,6 +1,6 @@
 import { setupLayouts } from 'virtual:generated-layouts'
 import generatedRoutes from 'virtual:generated-pages'
-// import systemRoute from './modules/system'
+import pageRoute from './modules/page'
 import type { Route } from '@/global'
 import useSettingsStore from '@/store/modules/settings'
 // 固定路由（默认路由）
@@ -66,16 +66,15 @@
 
 // 动态路由（异步路由、导航栏路由）
 const asyncRoutes: Route.recordMainRaw[] = [
-  // {
-  //   meta: {
-  //     title: '系统设置',
-  //     icon: '',
-  //     auth: '/system',
-  //   },
-  //   children: [
-  //     ...systemRoute,
-  //   ],
-  // },
+  {
+    meta: {
+      title: '设备管理',
+      icon: '',
+    },
+    children: [
+      ...pageRoute,
+    ],
+  },
 ]
 
 const constantRoutesByFilesystem = generatedRoutes.filter((item) => {

diff --git a/src/assets/icons/icon-identify.svg b/src/assets/icons/icon-identify.svg
new file mode 100644
index 0000000..eb20584
--- /dev/null
+++ b/src/assets/icons/icon-identify.svg
@@ -0,0 +1 @@
+<svg t="1730442292132" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17503" width="190" height="190"><path d="M128 1024H0V0h1024v1024H128zM896 128H128v768h768V128zM448 192a254.08 254.08 0 0 1 219.52 385.28l92.8 92.224a121.024 121.024 0 0 1 7.68-9.728v17.728l45.44 45.248-90.88 90.496-44.8-45.248h-17.92c3.2-2.368 6.4-5.504 9.6-8l-92.16-92.224A252.544 252.544 0 0 1 448 704a256 256 0 0 1 0-512z m0 384a128 128 0 1 0-128-128 128 128 0 0 0 128 128z" p-id="17504" fill="#ffffff"></path></svg>
diff --git a/src/assets/icons/icon-model.svg b/src/assets/icons/icon-model.svg
new file mode 100644
index 0000000..a966f3d
--- /dev/null
+++ b/src/assets/icons/icon-model.svg
@@ -0,0 +1 @@
+<svg t="1730442097916" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12750" width="190" height="190"><path d="M435.2 105.35424l344.48384 198.89152a10.24 10.24 0 0 1 5.12 8.86784v214.24128h-71.68V384.16896l-243.79392 140.75904v291.23584L527.36 782.65856v82.77504l-92.16 53.21216a10.24 10.24 0 0 1-10.24 0l-344.48384-198.89152a10.24 10.24 0 0 1-5.12-8.86784v-397.7728a10.24 10.24 0 0 1 5.12-8.86784L424.96 105.35424a10.24 10.24 0 0 1 10.24 0z m275.68128 483.70176l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-8.70912 8.70912-36.20352-36.1984 8.704-8.71424a5.12 5.12 0 0 0 0.39936-6.79424l-0.39424-0.44544-86.8864-86.8864a5.12 5.12 0 0 0-6.79936-0.39936l-0.44544 0.39424-86.8864 86.8864a5.12 5.12 0 0 0-0.39936 6.79936l0.39424 0.44544 86.89152 86.8864a5.12 5.12 0 0 0 6.79424 0.39936l0.44544-0.39424 8.33024-8.33024 36.1984 36.20352-8.32512 8.33024c-21.64224 21.64224-56.5248 21.98528-78.592 1.02912l-1.05472-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 86.8864-86.8864c21.64736-21.64736 56.52992-21.9904 78.592-1.03424z m130.33472 0l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-86.8864 86.8864c-21.64736 21.64736-56.52992 21.9904-78.592 1.03424l-1.05984-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 8.1408-8.1408 36.20352 36.20352-8.1408 8.1408a5.12 5.12 0 0 0-0.39424 6.79424l0.39424 0.44544 86.8864 86.8864a5.12 5.12 0 0 0 6.79936 0.39936l0.44544-0.39424 86.8864-86.8864a5.12 5.12 0 0 0 0.39936-6.79936l-0.39424-0.44544-86.89152-86.8864a5.12 5.12 0 0 0-6.79424-0.39936l-0.44544 0.39424-8.5504 8.5504-36.1984-36.20864 8.54528-8.54528c21.64224-21.64224 56.5248-21.98528 78.592-1.02912zM147.03104 397.99296l0.00512 277.42208L389.12 815.17568v-277.41184L147.03104 397.99296zM430.08 185.16992l-254.16192 146.7392 242.19136 139.8272 254.1568-146.7392L430.08 185.1648z" fill="#ffffff" p-id="12751"></path></svg>
diff --git a/src/assets/icons/icon-video.svg b/src/assets/icons/icon-video.svg
new file mode 100644
index 0000000..76a1fae
--- /dev/null
+++ b/src/assets/icons/icon-video.svg
@@ -0,0 +1 @@
+<svg t="1730441991325" class="icon" viewBox="0 0 1372 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6998" width="190" height="190"><path d="M980.713 108.915999H196.119008a152.529999 152.529999 0 0 0-152.551998 152.529998v610.047994A152.529999 152.529999 0 0 0 196.143008 1023.99999h784.545992a152.529999 152.529999 0 0 0 152.552999-152.505999V261.445997A152.529999 152.529999 0 0 0 980.69 108.939999zM196.119008 196.119998h784.546992a65.372999 65.372999 0 0 1 65.397 65.349999v610.047994a65.372999 65.372999 0 0 1-65.397 65.35H196.143008a65.372999 65.372999 0 0 1-65.396999-65.35V261.445997a65.372999 65.372999 0 0 1 65.396999-65.349999z" fill="#ffffff" p-id="6999"></path><path d="M1129.541999 686.242993l138.239999 110.637999a54.457999 54.457999 0 0 0 88.505999-42.541999V430.963996a54.480999 54.480999 0 0 0-88.482999-42.565l-138.262999 110.637999a119.854999 119.854999 0 0 0 0 187.205998z m34.932-130.675998a54.457999 54.457999 0 0 1 5.888-5.47l120.552998-96.464999v278.062997l-120.552998-96.511999a54.504999 54.504999 0 0 1-8.494-76.567999l2.606-3.048zM806.353002 359.493996a76.264999 76.264999 0 1 0 152.529999 0 76.264999 76.264999 0 1 0-152.529999 0zM0.00001 32.675C0.00001 14.662 14.63901 0 32.67501 0h435.897995a32.675 32.675 0 1 1 0 65.372999H32.67501A32.675 32.675 0 0 1 0.00001 32.675z" fill="#ffffff" p-id="7000"></path></svg>
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index d5bc4c7..6e4673d 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -4,13 +4,16 @@
 import ResetPwd from './resetPwd.vue'
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
+import useRouteStore from '@/store/modules/route'
 import useUserStore from '@/store/modules/user'
-
+import { asyncRoutes } from '@/router/routes'
+// import useMenuStore from '@/store/modules/menu'
+const routeStore = useRouteStore()
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
 const userStore = useUserStore()
-
+// const menuStore = useMenuStore()
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
@@ -60,6 +63,11 @@
 function pro() {
   window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', 'top')
 }
+
+onMounted(() => {
+  // menuStore.generateMenusAtFront()
+  routeStore.generateRoutesAtFront(asyncRoutes)
+})
 </script>
 
 <template>
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index f4b6911..51e7deb 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -54,11 +54,11 @@
   >
     <div class="topbar-container-inner">
       <div class="left-box">
-        <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
+        <!-- <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
           <el-icon>
             <svg-icon name="toolbar-collapse" />
           </el-icon>
-        </div>
+        </div> -->
         <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
           <transition-group name="breadcrumb">
             <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path" :to="index < breadcrumbList.length - 1 ? pathCompile(item.path) : ''">
diff --git a/src/main.ts b/src/main.ts
index 41643f0..ad69d36 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -26,6 +26,7 @@
 // app.use(print)
 app.use(ElementPlus)
 app.use(pinia)
+
 app.use(router)
 for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
   app.component(key, component)
diff --git a/src/router/index.ts b/src/router/index.ts
index 42f2cdd..2371c89 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,17 +1,22 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
 import type { RouteRecordRaw } from 'vue-router'
 import { useNProgress } from '@vueuse/integrations/useNProgress'
+// import useMenuStore from '@/store/modules/menu'
+
 import '@/assets/styles/nprogress.scss'
 // 路由相关数据
-import { constantRoutes, systemRoutes } from './routes'
+
+import { asyncRoutes, constantRoutes, systemRoutes } from './routes'
 import useSettingsStore from '@/store/modules/settings'
 import useKeepAliveStore from '@/store/modules/keepAlive'
+// import useRouteStore from '@/store/modules/route'
 
 const { isLoading } = useNProgress()
-
+// const menuStore = useMenuStore()
+// const routeStore = useRouteStore()
 const router = createRouter({
   history: createWebHashHistory(),
-  routes: [...systemRoutes, ...constantRoutes] as RouteRecordRaw[],
+  routes: [...asyncRoutes, ...systemRoutes, ...constantRoutes] as RouteRecordRaw[],
 })
 
 router.beforeEach(async (to, from, next) => {
@@ -41,7 +46,7 @@
   if (from.meta.cache) {
     const componentName = from.matched[to.matched.length - 1].components?.default.name
     if (componentName) {
-    // 通过 meta.cache 判断针对哪些页面进行缓存
+      // 通过 meta.cache 判断针对哪些页面进行缓存
       switch (typeof from.meta.cache) {
         case 'string':
           if (from.meta.cache !== to.name) {
diff --git a/src/router/modules/page.ts b/src/router/modules/page.ts
new file mode 100644
index 0000000..ca1e0a2
--- /dev/null
+++ b/src/router/modules/page.ts
@@ -0,0 +1,100 @@
+// 页面路由
+import type { Route } from '@/global'
+
+const Layout = () => import('@/layouts/index.vue')
+const routes: Route.recordRaw[] = [
+  {
+    path: '/device',
+    component: Layout,
+    redirect: '/device/list',
+    name: 'device',
+    meta: {
+      title: '设备管理',
+      icon: 'icon-device',
+    },
+    children: [
+      {
+        path: 'list',
+        name: 'DeviceList',
+        component: () => import('@/views/page/device/index.vue'),
+        meta: {
+          title: '设备管理',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/device',
+        },
+      },
+    ],
+  },
+  {
+    path: '/video',
+    component: Layout,
+    redirect: '/video/preview',
+    name: 'video',
+    meta: {
+      title: '视频预览',
+      icon: 'icon-video',
+    },
+    children: [
+      {
+        path: 'preview',
+        name: 'VideoPreview',
+        component: () => import('@/views/page/video/index.vue'),
+        meta: {
+          title: '视频预览',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/video',
+        },
+      },
+    ],
+  },
+  {
+    path: '/model',
+    component: Layout,
+    redirect: '/model/manage',
+    name: 'model',
+    meta: {
+      title: '模型管理',
+      icon: 'icon-model',
+    },
+    children: [
+      {
+        path: 'manage',
+        name: 'ModelManage',
+        component: () => import('@/views/page/model/index.vue'),
+        meta: {
+          title: '模型管理',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/model',
+        },
+      },
+    ],
+  },
+  {
+    path: '/identify',
+    component: Layout,
+    redirect: '/identify/result',
+    name: 'identify',
+    meta: {
+      title: '识别结果',
+      icon: 'icon-identify',
+    },
+    children: [
+      {
+        path: 'result',
+        name: 'IdentifyResult',
+        component: () => import('@/views/page/result/index.vue'),
+        meta: {
+          title: '识别结果',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/identify',
+        },
+      },
+    ],
+  },
+]
+
+export default routes
diff --git a/src/router/routes.ts b/src/router/routes.ts
index fd701ee..0c9f847 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -1,6 +1,6 @@
 import { setupLayouts } from 'virtual:generated-layouts'
 import generatedRoutes from 'virtual:generated-pages'
-// import systemRoute from './modules/system'
+import pageRoute from './modules/page'
 import type { Route } from '@/global'
 import useSettingsStore from '@/store/modules/settings'
 // 固定路由（默认路由）
@@ -66,16 +66,15 @@
 
 // 动态路由（异步路由、导航栏路由）
 const asyncRoutes: Route.recordMainRaw[] = [
-  // {
-  //   meta: {
-  //     title: '系统设置',
-  //     icon: '',
-  //     auth: '/system',
-  //   },
-  //   children: [
-  //     ...systemRoute,
-  //   ],
-  // },
+  {
+    meta: {
+      title: '设备管理',
+      icon: '',
+    },
+    children: [
+      ...pageRoute,
+    ],
+  },
 ]
 
 const constantRoutesByFilesystem = generatedRoutes.filter((item) => {
diff --git a/src/views/page/device/index.vue b/src/views/page/device/index.vue
new file mode 100644
index 0000000..ca77803
--- /dev/null
+++ b/src/views/page/device/index.vue
@@ -0,0 +1,3 @@
+<template>
+  设备管理
+</template>

diff --git a/src/assets/icons/icon-identify.svg b/src/assets/icons/icon-identify.svg
new file mode 100644
index 0000000..eb20584
--- /dev/null
+++ b/src/assets/icons/icon-identify.svg
@@ -0,0 +1 @@
+<svg t="1730442292132" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17503" width="190" height="190"><path d="M128 1024H0V0h1024v1024H128zM896 128H128v768h768V128zM448 192a254.08 254.08 0 0 1 219.52 385.28l92.8 92.224a121.024 121.024 0 0 1 7.68-9.728v17.728l45.44 45.248-90.88 90.496-44.8-45.248h-17.92c3.2-2.368 6.4-5.504 9.6-8l-92.16-92.224A252.544 252.544 0 0 1 448 704a256 256 0 0 1 0-512z m0 384a128 128 0 1 0-128-128 128 128 0 0 0 128 128z" p-id="17504" fill="#ffffff"></path></svg>
diff --git a/src/assets/icons/icon-model.svg b/src/assets/icons/icon-model.svg
new file mode 100644
index 0000000..a966f3d
--- /dev/null
+++ b/src/assets/icons/icon-model.svg
@@ -0,0 +1 @@
+<svg t="1730442097916" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12750" width="190" height="190"><path d="M435.2 105.35424l344.48384 198.89152a10.24 10.24 0 0 1 5.12 8.86784v214.24128h-71.68V384.16896l-243.79392 140.75904v291.23584L527.36 782.65856v82.77504l-92.16 53.21216a10.24 10.24 0 0 1-10.24 0l-344.48384-198.89152a10.24 10.24 0 0 1-5.12-8.86784v-397.7728a10.24 10.24 0 0 1 5.12-8.86784L424.96 105.35424a10.24 10.24 0 0 1 10.24 0z m275.68128 483.70176l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-8.70912 8.70912-36.20352-36.1984 8.704-8.71424a5.12 5.12 0 0 0 0.39936-6.79424l-0.39424-0.44544-86.8864-86.8864a5.12 5.12 0 0 0-6.79936-0.39936l-0.44544 0.39424-86.8864 86.8864a5.12 5.12 0 0 0-0.39936 6.79936l0.39424 0.44544 86.89152 86.8864a5.12 5.12 0 0 0 6.79424 0.39936l0.44544-0.39424 8.33024-8.33024 36.1984 36.20352-8.32512 8.33024c-21.64224 21.64224-56.5248 21.98528-78.592 1.02912l-1.05472-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 86.8864-86.8864c21.64736-21.64736 56.52992-21.9904 78.592-1.03424z m130.33472 0l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-86.8864 86.8864c-21.64736 21.64736-56.52992 21.9904-78.592 1.03424l-1.05984-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 8.1408-8.1408 36.20352 36.20352-8.1408 8.1408a5.12 5.12 0 0 0-0.39424 6.79424l0.39424 0.44544 86.8864 86.8864a5.12 5.12 0 0 0 6.79936 0.39936l0.44544-0.39424 86.8864-86.8864a5.12 5.12 0 0 0 0.39936-6.79936l-0.39424-0.44544-86.89152-86.8864a5.12 5.12 0 0 0-6.79424-0.39936l-0.44544 0.39424-8.5504 8.5504-36.1984-36.20864 8.54528-8.54528c21.64224-21.64224 56.5248-21.98528 78.592-1.02912zM147.03104 397.99296l0.00512 277.42208L389.12 815.17568v-277.41184L147.03104 397.99296zM430.08 185.16992l-254.16192 146.7392 242.19136 139.8272 254.1568-146.7392L430.08 185.1648z" fill="#ffffff" p-id="12751"></path></svg>
diff --git a/src/assets/icons/icon-video.svg b/src/assets/icons/icon-video.svg
new file mode 100644
index 0000000..76a1fae
--- /dev/null
+++ b/src/assets/icons/icon-video.svg
@@ -0,0 +1 @@
+<svg t="1730441991325" class="icon" viewBox="0 0 1372 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6998" width="190" height="190"><path d="M980.713 108.915999H196.119008a152.529999 152.529999 0 0 0-152.551998 152.529998v610.047994A152.529999 152.529999 0 0 0 196.143008 1023.99999h784.545992a152.529999 152.529999 0 0 0 152.552999-152.505999V261.445997A152.529999 152.529999 0 0 0 980.69 108.939999zM196.119008 196.119998h784.546992a65.372999 65.372999 0 0 1 65.397 65.349999v610.047994a65.372999 65.372999 0 0 1-65.397 65.35H196.143008a65.372999 65.372999 0 0 1-65.396999-65.35V261.445997a65.372999 65.372999 0 0 1 65.396999-65.349999z" fill="#ffffff" p-id="6999"></path><path d="M1129.541999 686.242993l138.239999 110.637999a54.457999 54.457999 0 0 0 88.505999-42.541999V430.963996a54.480999 54.480999 0 0 0-88.482999-42.565l-138.262999 110.637999a119.854999 119.854999 0 0 0 0 187.205998z m34.932-130.675998a54.457999 54.457999 0 0 1 5.888-5.47l120.552998-96.464999v278.062997l-120.552998-96.511999a54.504999 54.504999 0 0 1-8.494-76.567999l2.606-3.048zM806.353002 359.493996a76.264999 76.264999 0 1 0 152.529999 0 76.264999 76.264999 0 1 0-152.529999 0zM0.00001 32.675C0.00001 14.662 14.63901 0 32.67501 0h435.897995a32.675 32.675 0 1 1 0 65.372999H32.67501A32.675 32.675 0 0 1 0.00001 32.675z" fill="#ffffff" p-id="7000"></path></svg>
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index d5bc4c7..6e4673d 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -4,13 +4,16 @@
 import ResetPwd from './resetPwd.vue'
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
+import useRouteStore from '@/store/modules/route'
 import useUserStore from '@/store/modules/user'
-
+import { asyncRoutes } from '@/router/routes'
+// import useMenuStore from '@/store/modules/menu'
+const routeStore = useRouteStore()
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
 const userStore = useUserStore()
-
+// const menuStore = useMenuStore()
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
@@ -60,6 +63,11 @@
 function pro() {
   window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', 'top')
 }
+
+onMounted(() => {
+  // menuStore.generateMenusAtFront()
+  routeStore.generateRoutesAtFront(asyncRoutes)
+})
 </script>
 
 <template>
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index f4b6911..51e7deb 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -54,11 +54,11 @@
   >
     <div class="topbar-container-inner">
       <div class="left-box">
-        <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
+        <!-- <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
           <el-icon>
             <svg-icon name="toolbar-collapse" />
           </el-icon>
-        </div>
+        </div> -->
         <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
           <transition-group name="breadcrumb">
             <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path" :to="index < breadcrumbList.length - 1 ? pathCompile(item.path) : ''">
diff --git a/src/main.ts b/src/main.ts
index 41643f0..ad69d36 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -26,6 +26,7 @@
 // app.use(print)
 app.use(ElementPlus)
 app.use(pinia)
+
 app.use(router)
 for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
   app.component(key, component)
diff --git a/src/router/index.ts b/src/router/index.ts
index 42f2cdd..2371c89 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,17 +1,22 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
 import type { RouteRecordRaw } from 'vue-router'
 import { useNProgress } from '@vueuse/integrations/useNProgress'
+// import useMenuStore from '@/store/modules/menu'
+
 import '@/assets/styles/nprogress.scss'
 // 路由相关数据
-import { constantRoutes, systemRoutes } from './routes'
+
+import { asyncRoutes, constantRoutes, systemRoutes } from './routes'
 import useSettingsStore from '@/store/modules/settings'
 import useKeepAliveStore from '@/store/modules/keepAlive'
+// import useRouteStore from '@/store/modules/route'
 
 const { isLoading } = useNProgress()
-
+// const menuStore = useMenuStore()
+// const routeStore = useRouteStore()
 const router = createRouter({
   history: createWebHashHistory(),
-  routes: [...systemRoutes, ...constantRoutes] as RouteRecordRaw[],
+  routes: [...asyncRoutes, ...systemRoutes, ...constantRoutes] as RouteRecordRaw[],
 })
 
 router.beforeEach(async (to, from, next) => {
@@ -41,7 +46,7 @@
   if (from.meta.cache) {
     const componentName = from.matched[to.matched.length - 1].components?.default.name
     if (componentName) {
-    // 通过 meta.cache 判断针对哪些页面进行缓存
+      // 通过 meta.cache 判断针对哪些页面进行缓存
       switch (typeof from.meta.cache) {
         case 'string':
           if (from.meta.cache !== to.name) {
diff --git a/src/router/modules/page.ts b/src/router/modules/page.ts
new file mode 100644
index 0000000..ca1e0a2
--- /dev/null
+++ b/src/router/modules/page.ts
@@ -0,0 +1,100 @@
+// 页面路由
+import type { Route } from '@/global'
+
+const Layout = () => import('@/layouts/index.vue')
+const routes: Route.recordRaw[] = [
+  {
+    path: '/device',
+    component: Layout,
+    redirect: '/device/list',
+    name: 'device',
+    meta: {
+      title: '设备管理',
+      icon: 'icon-device',
+    },
+    children: [
+      {
+        path: 'list',
+        name: 'DeviceList',
+        component: () => import('@/views/page/device/index.vue'),
+        meta: {
+          title: '设备管理',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/device',
+        },
+      },
+    ],
+  },
+  {
+    path: '/video',
+    component: Layout,
+    redirect: '/video/preview',
+    name: 'video',
+    meta: {
+      title: '视频预览',
+      icon: 'icon-video',
+    },
+    children: [
+      {
+        path: 'preview',
+        name: 'VideoPreview',
+        component: () => import('@/views/page/video/index.vue'),
+        meta: {
+          title: '视频预览',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/video',
+        },
+      },
+    ],
+  },
+  {
+    path: '/model',
+    component: Layout,
+    redirect: '/model/manage',
+    name: 'model',
+    meta: {
+      title: '模型管理',
+      icon: 'icon-model',
+    },
+    children: [
+      {
+        path: 'manage',
+        name: 'ModelManage',
+        component: () => import('@/views/page/model/index.vue'),
+        meta: {
+          title: '模型管理',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/model',
+        },
+      },
+    ],
+  },
+  {
+    path: '/identify',
+    component: Layout,
+    redirect: '/identify/result',
+    name: 'identify',
+    meta: {
+      title: '识别结果',
+      icon: 'icon-identify',
+    },
+    children: [
+      {
+        path: 'result',
+        name: 'IdentifyResult',
+        component: () => import('@/views/page/result/index.vue'),
+        meta: {
+          title: '识别结果',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/identify',
+        },
+      },
+    ],
+  },
+]
+
+export default routes
diff --git a/src/router/routes.ts b/src/router/routes.ts
index fd701ee..0c9f847 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -1,6 +1,6 @@
 import { setupLayouts } from 'virtual:generated-layouts'
 import generatedRoutes from 'virtual:generated-pages'
-// import systemRoute from './modules/system'
+import pageRoute from './modules/page'
 import type { Route } from '@/global'
 import useSettingsStore from '@/store/modules/settings'
 // 固定路由（默认路由）
@@ -66,16 +66,15 @@
 
 // 动态路由（异步路由、导航栏路由）
 const asyncRoutes: Route.recordMainRaw[] = [
-  // {
-  //   meta: {
-  //     title: '系统设置',
-  //     icon: '',
-  //     auth: '/system',
-  //   },
-  //   children: [
-  //     ...systemRoute,
-  //   ],
-  // },
+  {
+    meta: {
+      title: '设备管理',
+      icon: '',
+    },
+    children: [
+      ...pageRoute,
+    ],
+  },
 ]
 
 const constantRoutesByFilesystem = generatedRoutes.filter((item) => {
diff --git a/src/views/page/device/index.vue b/src/views/page/device/index.vue
new file mode 100644
index 0000000..ca77803
--- /dev/null
+++ b/src/views/page/device/index.vue
@@ -0,0 +1,3 @@
+<template>
+  设备管理
+</template>
diff --git a/src/views/page/model/index.vue b/src/views/page/model/index.vue
new file mode 100644
index 0000000..28e0f73
--- /dev/null
+++ b/src/views/page/model/index.vue
@@ -0,0 +1,3 @@
+<template>
+  模型管理
+</template>

diff --git a/src/assets/icons/icon-identify.svg b/src/assets/icons/icon-identify.svg
new file mode 100644
index 0000000..eb20584
--- /dev/null
+++ b/src/assets/icons/icon-identify.svg
@@ -0,0 +1 @@
+<svg t="1730442292132" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17503" width="190" height="190"><path d="M128 1024H0V0h1024v1024H128zM896 128H128v768h768V128zM448 192a254.08 254.08 0 0 1 219.52 385.28l92.8 92.224a121.024 121.024 0 0 1 7.68-9.728v17.728l45.44 45.248-90.88 90.496-44.8-45.248h-17.92c3.2-2.368 6.4-5.504 9.6-8l-92.16-92.224A252.544 252.544 0 0 1 448 704a256 256 0 0 1 0-512z m0 384a128 128 0 1 0-128-128 128 128 0 0 0 128 128z" p-id="17504" fill="#ffffff"></path></svg>
diff --git a/src/assets/icons/icon-model.svg b/src/assets/icons/icon-model.svg
new file mode 100644
index 0000000..a966f3d
--- /dev/null
+++ b/src/assets/icons/icon-model.svg
@@ -0,0 +1 @@
+<svg t="1730442097916" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12750" width="190" height="190"><path d="M435.2 105.35424l344.48384 198.89152a10.24 10.24 0 0 1 5.12 8.86784v214.24128h-71.68V384.16896l-243.79392 140.75904v291.23584L527.36 782.65856v82.77504l-92.16 53.21216a10.24 10.24 0 0 1-10.24 0l-344.48384-198.89152a10.24 10.24 0 0 1-5.12-8.86784v-397.7728a10.24 10.24 0 0 1 5.12-8.86784L424.96 105.35424a10.24 10.24 0 0 1 10.24 0z m275.68128 483.70176l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-8.70912 8.70912-36.20352-36.1984 8.704-8.71424a5.12 5.12 0 0 0 0.39936-6.79424l-0.39424-0.44544-86.8864-86.8864a5.12 5.12 0 0 0-6.79936-0.39936l-0.44544 0.39424-86.8864 86.8864a5.12 5.12 0 0 0-0.39936 6.79936l0.39424 0.44544 86.89152 86.8864a5.12 5.12 0 0 0 6.79424 0.39936l0.44544-0.39424 8.33024-8.33024 36.1984 36.20352-8.32512 8.33024c-21.64224 21.64224-56.5248 21.98528-78.592 1.02912l-1.05472-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 86.8864-86.8864c21.64736-21.64736 56.52992-21.9904 78.592-1.03424z m130.33472 0l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-86.8864 86.8864c-21.64736 21.64736-56.52992 21.9904-78.592 1.03424l-1.05984-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 8.1408-8.1408 36.20352 36.20352-8.1408 8.1408a5.12 5.12 0 0 0-0.39424 6.79424l0.39424 0.44544 86.8864 86.8864a5.12 5.12 0 0 0 6.79936 0.39936l0.44544-0.39424 86.8864-86.8864a5.12 5.12 0 0 0 0.39936-6.79936l-0.39424-0.44544-86.89152-86.8864a5.12 5.12 0 0 0-6.79424-0.39936l-0.44544 0.39424-8.5504 8.5504-36.1984-36.20864 8.54528-8.54528c21.64224-21.64224 56.5248-21.98528 78.592-1.02912zM147.03104 397.99296l0.00512 277.42208L389.12 815.17568v-277.41184L147.03104 397.99296zM430.08 185.16992l-254.16192 146.7392 242.19136 139.8272 254.1568-146.7392L430.08 185.1648z" fill="#ffffff" p-id="12751"></path></svg>
diff --git a/src/assets/icons/icon-video.svg b/src/assets/icons/icon-video.svg
new file mode 100644
index 0000000..76a1fae
--- /dev/null
+++ b/src/assets/icons/icon-video.svg
@@ -0,0 +1 @@
+<svg t="1730441991325" class="icon" viewBox="0 0 1372 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6998" width="190" height="190"><path d="M980.713 108.915999H196.119008a152.529999 152.529999 0 0 0-152.551998 152.529998v610.047994A152.529999 152.529999 0 0 0 196.143008 1023.99999h784.545992a152.529999 152.529999 0 0 0 152.552999-152.505999V261.445997A152.529999 152.529999 0 0 0 980.69 108.939999zM196.119008 196.119998h784.546992a65.372999 65.372999 0 0 1 65.397 65.349999v610.047994a65.372999 65.372999 0 0 1-65.397 65.35H196.143008a65.372999 65.372999 0 0 1-65.396999-65.35V261.445997a65.372999 65.372999 0 0 1 65.396999-65.349999z" fill="#ffffff" p-id="6999"></path><path d="M1129.541999 686.242993l138.239999 110.637999a54.457999 54.457999 0 0 0 88.505999-42.541999V430.963996a54.480999 54.480999 0 0 0-88.482999-42.565l-138.262999 110.637999a119.854999 119.854999 0 0 0 0 187.205998z m34.932-130.675998a54.457999 54.457999 0 0 1 5.888-5.47l120.552998-96.464999v278.062997l-120.552998-96.511999a54.504999 54.504999 0 0 1-8.494-76.567999l2.606-3.048zM806.353002 359.493996a76.264999 76.264999 0 1 0 152.529999 0 76.264999 76.264999 0 1 0-152.529999 0zM0.00001 32.675C0.00001 14.662 14.63901 0 32.67501 0h435.897995a32.675 32.675 0 1 1 0 65.372999H32.67501A32.675 32.675 0 0 1 0.00001 32.675z" fill="#ffffff" p-id="7000"></path></svg>
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index d5bc4c7..6e4673d 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -4,13 +4,16 @@
 import ResetPwd from './resetPwd.vue'
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
+import useRouteStore from '@/store/modules/route'
 import useUserStore from '@/store/modules/user'
-
+import { asyncRoutes } from '@/router/routes'
+// import useMenuStore from '@/store/modules/menu'
+const routeStore = useRouteStore()
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
 const userStore = useUserStore()
-
+// const menuStore = useMenuStore()
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
@@ -60,6 +63,11 @@
 function pro() {
   window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', 'top')
 }
+
+onMounted(() => {
+  // menuStore.generateMenusAtFront()
+  routeStore.generateRoutesAtFront(asyncRoutes)
+})
 </script>
 
 <template>
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index f4b6911..51e7deb 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -54,11 +54,11 @@
   >
     <div class="topbar-container-inner">
       <div class="left-box">
-        <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
+        <!-- <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
           <el-icon>
             <svg-icon name="toolbar-collapse" />
           </el-icon>
-        </div>
+        </div> -->
         <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
           <transition-group name="breadcrumb">
             <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path" :to="index < breadcrumbList.length - 1 ? pathCompile(item.path) : ''">
diff --git a/src/main.ts b/src/main.ts
index 41643f0..ad69d36 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -26,6 +26,7 @@
 // app.use(print)
 app.use(ElementPlus)
 app.use(pinia)
+
 app.use(router)
 for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
   app.component(key, component)
diff --git a/src/router/index.ts b/src/router/index.ts
index 42f2cdd..2371c89 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,17 +1,22 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
 import type { RouteRecordRaw } from 'vue-router'
 import { useNProgress } from '@vueuse/integrations/useNProgress'
+// import useMenuStore from '@/store/modules/menu'
+
 import '@/assets/styles/nprogress.scss'
 // 路由相关数据
-import { constantRoutes, systemRoutes } from './routes'
+
+import { asyncRoutes, constantRoutes, systemRoutes } from './routes'
 import useSettingsStore from '@/store/modules/settings'
 import useKeepAliveStore from '@/store/modules/keepAlive'
+// import useRouteStore from '@/store/modules/route'
 
 const { isLoading } = useNProgress()
-
+// const menuStore = useMenuStore()
+// const routeStore = useRouteStore()
 const router = createRouter({
   history: createWebHashHistory(),
-  routes: [...systemRoutes, ...constantRoutes] as RouteRecordRaw[],
+  routes: [...asyncRoutes, ...systemRoutes, ...constantRoutes] as RouteRecordRaw[],
 })
 
 router.beforeEach(async (to, from, next) => {
@@ -41,7 +46,7 @@
   if (from.meta.cache) {
     const componentName = from.matched[to.matched.length - 1].components?.default.name
     if (componentName) {
-    // 通过 meta.cache 判断针对哪些页面进行缓存
+      // 通过 meta.cache 判断针对哪些页面进行缓存
       switch (typeof from.meta.cache) {
         case 'string':
           if (from.meta.cache !== to.name) {
diff --git a/src/router/modules/page.ts b/src/router/modules/page.ts
new file mode 100644
index 0000000..ca1e0a2
--- /dev/null
+++ b/src/router/modules/page.ts
@@ -0,0 +1,100 @@
+// 页面路由
+import type { Route } from '@/global'
+
+const Layout = () => import('@/layouts/index.vue')
+const routes: Route.recordRaw[] = [
+  {
+    path: '/device',
+    component: Layout,
+    redirect: '/device/list',
+    name: 'device',
+    meta: {
+      title: '设备管理',
+      icon: 'icon-device',
+    },
+    children: [
+      {
+        path: 'list',
+        name: 'DeviceList',
+        component: () => import('@/views/page/device/index.vue'),
+        meta: {
+          title: '设备管理',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/device',
+        },
+      },
+    ],
+  },
+  {
+    path: '/video',
+    component: Layout,
+    redirect: '/video/preview',
+    name: 'video',
+    meta: {
+      title: '视频预览',
+      icon: 'icon-video',
+    },
+    children: [
+      {
+        path: 'preview',
+        name: 'VideoPreview',
+        component: () => import('@/views/page/video/index.vue'),
+        meta: {
+          title: '视频预览',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/video',
+        },
+      },
+    ],
+  },
+  {
+    path: '/model',
+    component: Layout,
+    redirect: '/model/manage',
+    name: 'model',
+    meta: {
+      title: '模型管理',
+      icon: 'icon-model',
+    },
+    children: [
+      {
+        path: 'manage',
+        name: 'ModelManage',
+        component: () => import('@/views/page/model/index.vue'),
+        meta: {
+          title: '模型管理',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/model',
+        },
+      },
+    ],
+  },
+  {
+    path: '/identify',
+    component: Layout,
+    redirect: '/identify/result',
+    name: 'identify',
+    meta: {
+      title: '识别结果',
+      icon: 'icon-identify',
+    },
+    children: [
+      {
+        path: 'result',
+        name: 'IdentifyResult',
+        component: () => import('@/views/page/result/index.vue'),
+        meta: {
+          title: '识别结果',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/identify',
+        },
+      },
+    ],
+  },
+]
+
+export default routes
diff --git a/src/router/routes.ts b/src/router/routes.ts
index fd701ee..0c9f847 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -1,6 +1,6 @@
 import { setupLayouts } from 'virtual:generated-layouts'
 import generatedRoutes from 'virtual:generated-pages'
-// import systemRoute from './modules/system'
+import pageRoute from './modules/page'
 import type { Route } from '@/global'
 import useSettingsStore from '@/store/modules/settings'
 // 固定路由（默认路由）
@@ -66,16 +66,15 @@
 
 // 动态路由（异步路由、导航栏路由）
 const asyncRoutes: Route.recordMainRaw[] = [
-  // {
-  //   meta: {
-  //     title: '系统设置',
-  //     icon: '',
-  //     auth: '/system',
-  //   },
-  //   children: [
-  //     ...systemRoute,
-  //   ],
-  // },
+  {
+    meta: {
+      title: '设备管理',
+      icon: '',
+    },
+    children: [
+      ...pageRoute,
+    ],
+  },
 ]
 
 const constantRoutesByFilesystem = generatedRoutes.filter((item) => {
diff --git a/src/views/page/device/index.vue b/src/views/page/device/index.vue
new file mode 100644
index 0000000..ca77803
--- /dev/null
+++ b/src/views/page/device/index.vue
@@ -0,0 +1,3 @@
+<template>
+  设备管理
+</template>
diff --git a/src/views/page/model/index.vue b/src/views/page/model/index.vue
new file mode 100644
index 0000000..28e0f73
--- /dev/null
+++ b/src/views/page/model/index.vue
@@ -0,0 +1,3 @@
+<template>
+  模型管理
+</template>
diff --git a/src/views/page/result/index.vue b/src/views/page/result/index.vue
new file mode 100644
index 0000000..907518f
--- /dev/null
+++ b/src/views/page/result/index.vue
@@ -0,0 +1,3 @@
+<template>
+  识别结果
+</template>

diff --git a/src/assets/icons/icon-identify.svg b/src/assets/icons/icon-identify.svg
new file mode 100644
index 0000000..eb20584
--- /dev/null
+++ b/src/assets/icons/icon-identify.svg
@@ -0,0 +1 @@
+<svg t="1730442292132" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17503" width="190" height="190"><path d="M128 1024H0V0h1024v1024H128zM896 128H128v768h768V128zM448 192a254.08 254.08 0 0 1 219.52 385.28l92.8 92.224a121.024 121.024 0 0 1 7.68-9.728v17.728l45.44 45.248-90.88 90.496-44.8-45.248h-17.92c3.2-2.368 6.4-5.504 9.6-8l-92.16-92.224A252.544 252.544 0 0 1 448 704a256 256 0 0 1 0-512z m0 384a128 128 0 1 0-128-128 128 128 0 0 0 128 128z" p-id="17504" fill="#ffffff"></path></svg>
diff --git a/src/assets/icons/icon-model.svg b/src/assets/icons/icon-model.svg
new file mode 100644
index 0000000..a966f3d
--- /dev/null
+++ b/src/assets/icons/icon-model.svg
@@ -0,0 +1 @@
+<svg t="1730442097916" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12750" width="190" height="190"><path d="M435.2 105.35424l344.48384 198.89152a10.24 10.24 0 0 1 5.12 8.86784v214.24128h-71.68V384.16896l-243.79392 140.75904v291.23584L527.36 782.65856v82.77504l-92.16 53.21216a10.24 10.24 0 0 1-10.24 0l-344.48384-198.89152a10.24 10.24 0 0 1-5.12-8.86784v-397.7728a10.24 10.24 0 0 1 5.12-8.86784L424.96 105.35424a10.24 10.24 0 0 1 10.24 0z m275.68128 483.70176l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-8.70912 8.70912-36.20352-36.1984 8.704-8.71424a5.12 5.12 0 0 0 0.39936-6.79424l-0.39424-0.44544-86.8864-86.8864a5.12 5.12 0 0 0-6.79936-0.39936l-0.44544 0.39424-86.8864 86.8864a5.12 5.12 0 0 0-0.39936 6.79936l0.39424 0.44544 86.89152 86.8864a5.12 5.12 0 0 0 6.79424 0.39936l0.44544-0.39424 8.33024-8.33024 36.1984 36.20352-8.32512 8.33024c-21.64224 21.64224-56.5248 21.98528-78.592 1.02912l-1.05472-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 86.8864-86.8864c21.64736-21.64736 56.52992-21.9904 78.592-1.03424z m130.33472 0l1.05472 1.02912 86.8864 86.8864c21.64736 21.64736 21.9904 56.52992 1.03424 78.592l-1.02912 1.05984-86.8864 86.8864c-21.64736 21.64736-56.52992 21.9904-78.592 1.03424l-1.05984-1.02912-86.8864-86.8864c-21.64736-21.64736-21.9904-56.52992-1.03424-78.592l1.02912-1.05984 8.1408-8.1408 36.20352 36.20352-8.1408 8.1408a5.12 5.12 0 0 0-0.39424 6.79424l0.39424 0.44544 86.8864 86.8864a5.12 5.12 0 0 0 6.79936 0.39936l0.44544-0.39424 86.8864-86.8864a5.12 5.12 0 0 0 0.39936-6.79936l-0.39424-0.44544-86.89152-86.8864a5.12 5.12 0 0 0-6.79424-0.39936l-0.44544 0.39424-8.5504 8.5504-36.1984-36.20864 8.54528-8.54528c21.64224-21.64224 56.5248-21.98528 78.592-1.02912zM147.03104 397.99296l0.00512 277.42208L389.12 815.17568v-277.41184L147.03104 397.99296zM430.08 185.16992l-254.16192 146.7392 242.19136 139.8272 254.1568-146.7392L430.08 185.1648z" fill="#ffffff" p-id="12751"></path></svg>
diff --git a/src/assets/icons/icon-video.svg b/src/assets/icons/icon-video.svg
new file mode 100644
index 0000000..76a1fae
--- /dev/null
+++ b/src/assets/icons/icon-video.svg
@@ -0,0 +1 @@
+<svg t="1730441991325" class="icon" viewBox="0 0 1372 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6998" width="190" height="190"><path d="M980.713 108.915999H196.119008a152.529999 152.529999 0 0 0-152.551998 152.529998v610.047994A152.529999 152.529999 0 0 0 196.143008 1023.99999h784.545992a152.529999 152.529999 0 0 0 152.552999-152.505999V261.445997A152.529999 152.529999 0 0 0 980.69 108.939999zM196.119008 196.119998h784.546992a65.372999 65.372999 0 0 1 65.397 65.349999v610.047994a65.372999 65.372999 0 0 1-65.397 65.35H196.143008a65.372999 65.372999 0 0 1-65.396999-65.35V261.445997a65.372999 65.372999 0 0 1 65.396999-65.349999z" fill="#ffffff" p-id="6999"></path><path d="M1129.541999 686.242993l138.239999 110.637999a54.457999 54.457999 0 0 0 88.505999-42.541999V430.963996a54.480999 54.480999 0 0 0-88.482999-42.565l-138.262999 110.637999a119.854999 119.854999 0 0 0 0 187.205998z m34.932-130.675998a54.457999 54.457999 0 0 1 5.888-5.47l120.552998-96.464999v278.062997l-120.552998-96.511999a54.504999 54.504999 0 0 1-8.494-76.567999l2.606-3.048zM806.353002 359.493996a76.264999 76.264999 0 1 0 152.529999 0 76.264999 76.264999 0 1 0-152.529999 0zM0.00001 32.675C0.00001 14.662 14.63901 0 32.67501 0h435.897995a32.675 32.675 0 1 1 0 65.372999H32.67501A32.675 32.675 0 0 1 0.00001 32.675z" fill="#ffffff" p-id="7000"></path></svg>
diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index d5bc4c7..6e4673d 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -4,13 +4,16 @@
 import ResetPwd from './resetPwd.vue'
 import eventBus from '@/utils/eventBus'
 import useSettingsStore from '@/store/modules/settings'
+import useRouteStore from '@/store/modules/route'
 import useUserStore from '@/store/modules/user'
-
+import { asyncRoutes } from '@/router/routes'
+// import useMenuStore from '@/store/modules/menu'
+const routeStore = useRouteStore()
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
 const userStore = useUserStore()
-
+// const menuStore = useMenuStore()
 const mainPage = useMainPage()
 const { isFullscreen, toggle } = useFullscreen()
 
@@ -60,6 +63,11 @@
 function pro() {
   window.open('https://hooray.gitee.io/fantastic-admin-pro-example/', 'top')
 }
+
+onMounted(() => {
+  // menuStore.generateMenusAtFront()
+  routeStore.generateRoutesAtFront(asyncRoutes)
+})
 </script>
 
 <template>
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index f4b6911..51e7deb 100644
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -54,11 +54,11 @@
   >
     <div class="topbar-container-inner">
       <div class="left-box">
-        <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
+        <!-- <div v-if="enableSubMenuCollapseButton" class="sidebar-collapse" :class="{ 'is-collapse': settingsStore.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()">
           <el-icon>
             <svg-icon name="toolbar-collapse" />
           </el-icon>
-        </div>
+        </div> -->
         <el-breadcrumb v-if="settingsStore.breadcrumb.enable && settingsStore.mode === 'pc' && settingsStore.app.routeBaseOn !== 'filesystem'">
           <transition-group name="breadcrumb">
             <el-breadcrumb-item v-for="(item, index) in breadcrumbList" :key="item.path" :to="index < breadcrumbList.length - 1 ? pathCompile(item.path) : ''">
diff --git a/src/main.ts b/src/main.ts
index 41643f0..ad69d36 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -26,6 +26,7 @@
 // app.use(print)
 app.use(ElementPlus)
 app.use(pinia)
+
 app.use(router)
 for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
   app.component(key, component)
diff --git a/src/router/index.ts b/src/router/index.ts
index 42f2cdd..2371c89 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,17 +1,22 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
 import type { RouteRecordRaw } from 'vue-router'
 import { useNProgress } from '@vueuse/integrations/useNProgress'
+// import useMenuStore from '@/store/modules/menu'
+
 import '@/assets/styles/nprogress.scss'
 // 路由相关数据
-import { constantRoutes, systemRoutes } from './routes'
+
+import { asyncRoutes, constantRoutes, systemRoutes } from './routes'
 import useSettingsStore from '@/store/modules/settings'
 import useKeepAliveStore from '@/store/modules/keepAlive'
+// import useRouteStore from '@/store/modules/route'
 
 const { isLoading } = useNProgress()
-
+// const menuStore = useMenuStore()
+// const routeStore = useRouteStore()
 const router = createRouter({
   history: createWebHashHistory(),
-  routes: [...systemRoutes, ...constantRoutes] as RouteRecordRaw[],
+  routes: [...asyncRoutes, ...systemRoutes, ...constantRoutes] as RouteRecordRaw[],
 })
 
 router.beforeEach(async (to, from, next) => {
@@ -41,7 +46,7 @@
   if (from.meta.cache) {
     const componentName = from.matched[to.matched.length - 1].components?.default.name
     if (componentName) {
-    // 通过 meta.cache 判断针对哪些页面进行缓存
+      // 通过 meta.cache 判断针对哪些页面进行缓存
       switch (typeof from.meta.cache) {
         case 'string':
           if (from.meta.cache !== to.name) {
diff --git a/src/router/modules/page.ts b/src/router/modules/page.ts
new file mode 100644
index 0000000..ca1e0a2
--- /dev/null
+++ b/src/router/modules/page.ts
@@ -0,0 +1,100 @@
+// 页面路由
+import type { Route } from '@/global'
+
+const Layout = () => import('@/layouts/index.vue')
+const routes: Route.recordRaw[] = [
+  {
+    path: '/device',
+    component: Layout,
+    redirect: '/device/list',
+    name: 'device',
+    meta: {
+      title: '设备管理',
+      icon: 'icon-device',
+    },
+    children: [
+      {
+        path: 'list',
+        name: 'DeviceList',
+        component: () => import('@/views/page/device/index.vue'),
+        meta: {
+          title: '设备管理',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/device',
+        },
+      },
+    ],
+  },
+  {
+    path: '/video',
+    component: Layout,
+    redirect: '/video/preview',
+    name: 'video',
+    meta: {
+      title: '视频预览',
+      icon: 'icon-video',
+    },
+    children: [
+      {
+        path: 'preview',
+        name: 'VideoPreview',
+        component: () => import('@/views/page/video/index.vue'),
+        meta: {
+          title: '视频预览',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/video',
+        },
+      },
+    ],
+  },
+  {
+    path: '/model',
+    component: Layout,
+    redirect: '/model/manage',
+    name: 'model',
+    meta: {
+      title: '模型管理',
+      icon: 'icon-model',
+    },
+    children: [
+      {
+        path: 'manage',
+        name: 'ModelManage',
+        component: () => import('@/views/page/model/index.vue'),
+        meta: {
+          title: '模型管理',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/model',
+        },
+      },
+    ],
+  },
+  {
+    path: '/identify',
+    component: Layout,
+    redirect: '/identify/result',
+    name: 'identify',
+    meta: {
+      title: '识别结果',
+      icon: 'icon-identify',
+    },
+    children: [
+      {
+        path: 'result',
+        name: 'IdentifyResult',
+        component: () => import('@/views/page/result/index.vue'),
+        meta: {
+          title: '识别结果',
+          sidebar: false,
+          breadcrumb: true,
+          activeMenu: '/identify',
+        },
+      },
+    ],
+  },
+]
+
+export default routes
diff --git a/src/router/routes.ts b/src/router/routes.ts
index fd701ee..0c9f847 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -1,6 +1,6 @@
 import { setupLayouts } from 'virtual:generated-layouts'
 import generatedRoutes from 'virtual:generated-pages'
-// import systemRoute from './modules/system'
+import pageRoute from './modules/page'
 import type { Route } from '@/global'
 import useSettingsStore from '@/store/modules/settings'
 // 固定路由（默认路由）
@@ -66,16 +66,15 @@
 
 // 动态路由（异步路由、导航栏路由）
 const asyncRoutes: Route.recordMainRaw[] = [
-  // {
-  //   meta: {
-  //     title: '系统设置',
-  //     icon: '',
-  //     auth: '/system',
-  //   },
-  //   children: [
-  //     ...systemRoute,
-  //   ],
-  // },
+  {
+    meta: {
+      title: '设备管理',
+      icon: '',
+    },
+    children: [
+      ...pageRoute,
+    ],
+  },
 ]
 
 const constantRoutesByFilesystem = generatedRoutes.filter((item) => {
diff --git a/src/views/page/device/index.vue b/src/views/page/device/index.vue
new file mode 100644
index 0000000..ca77803
--- /dev/null
+++ b/src/views/page/device/index.vue
@@ -0,0 +1,3 @@
+<template>
+  设备管理
+</template>
diff --git a/src/views/page/model/index.vue b/src/views/page/model/index.vue
new file mode 100644
index 0000000..28e0f73
--- /dev/null
+++ b/src/views/page/model/index.vue
@@ -0,0 +1,3 @@
+<template>
+  模型管理
+</template>
diff --git a/src/views/page/result/index.vue b/src/views/page/result/index.vue
new file mode 100644
index 0000000..907518f
--- /dev/null
+++ b/src/views/page/result/index.vue
@@ -0,0 +1,3 @@
+<template>
+  识别结果
+</template>
diff --git a/src/views/page/video/index.vue b/src/views/page/video/index.vue
new file mode 100644
index 0000000..9c7b49d
--- /dev/null
+++ b/src/views/page/video/index.vue
@@ -0,0 +1,3 @@
+<template>
+  视频预览
+</template>