完成项目结构搭建

tone-page-web/app/console/(with-menu)/layout.tsx

@@ -2,19 +2,20 @@ import { AppSidebar } from "@/components/app-sidebar"
 import {
     Breadcrumb,
     BreadcrumbItem,
-    BreadcrumbLink,
     BreadcrumbList,
     BreadcrumbPage,
-    BreadcrumbSeparator,
 } from "@/components/ui/breadcrumb"
-import { Separator } from "@/components/ui/separator"
 import {
     SidebarInset,
     SidebarProvider,
     SidebarTrigger,
 } from "@/components/ui/sidebar"
 
-export default function Page() {
+export default function ConsoleMenuLayout({
+    children,
+}: {
+    children: React.ReactNode
+}) {
     return (
         <SidebarProvider>
             <AppSidebar />
@@ -22,29 +23,23 @@ export default function Page() {
                 <header className="flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12">
                     <div className="flex items-center gap-2 px-4">
                         <SidebarTrigger className="-ml-1" />
-                        <Separator orientation="vertical" className="mr-2 h-4" />
+                        <div className="w-[1px] h-4 mr-2 bg-zinc-300"></div>
                         <Breadcrumb>
                             <BreadcrumbList>
-                                <BreadcrumbItem className="hidden md:block">
-                                    <BreadcrumbLink href="#">
-                                        Building Your Application
-                                    </BreadcrumbLink>
-                                </BreadcrumbItem>
-                                <BreadcrumbSeparator className="hidden md:block" />
                                 <BreadcrumbItem>
-                                    <BreadcrumbPage>Data Fetching</BreadcrumbPage>
+                                    <BreadcrumbPage>
+                                        {new Intl.DateTimeFormat('en-US', {
+                                            year: 'numeric',
+                                            month: 'long'
+                                        }).format(new Date())}
+                                    </BreadcrumbPage>
                                 </BreadcrumbItem>
                             </BreadcrumbList>
                         </Breadcrumb>
                     </div>
                 </header>
                 <div className="flex flex-1 flex-col gap-4 p-4 pt-0">
-                    <div className="grid auto-rows-min gap-4 md:grid-cols-3">
-                        <div className="aspect-video rounded-xl bg-muted/50" />
-                        <div className="aspect-video rounded-xl bg-muted/50" />
-                        <div className="aspect-video rounded-xl bg-muted/50" />
-                    </div>
-                    <div className="min-h-[100vh] flex-1 rounded-xl bg-muted/50 md:min-h-min" />
+                    {children}
                 </div>
             </SidebarInset>
         </SidebarProvider>

tone-page-web/app/console/(with-menu)/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+    return <div>console</div>
+}

tone-page-web/app/console/(with-menu)/storage/page.tsx

@@ -0,0 +1,5 @@
+export default function Page() {
+    return (
+        <div>storage</div>
+    )
+}

tone-page-web/app/console/(with-menu)/user/page.tsx

@@ -0,0 +1,5 @@
+export default function Page() {
+    return (
+        <div>user</div>
+    )
+}

tone-page-web/app/console/(with-menu)/user/role/page.tsx

@@ -0,0 +1,5 @@
+export default function Page() {
+    return (
+        <div>role</div>
+    )
+}

tone-page-web/app/console/(with-menu)/vserver/page.tsx

@@ -0,0 +1,5 @@
+export default function Page() {
+    return (
+        <div>vserver</div>
+    )
+}

tone-page-web/app/console/(with-menu)/vspace/page.tsx

@@ -0,0 +1,5 @@
+export default function Page() {
+    return (
+        <div>vspace</div>
+    )
+}

tone-page-web/app/console/(with-menu)/web/blog/page.tsx

@@ -0,0 +1,7 @@
+export default function Page() {
+    return (
+        <>
+            Blog
+        </>
+    )
+}

tone-page-web/app/console/(with-menu)/web/resource/page.tsx

@@ -0,0 +1,7 @@
+export default function Page() {
+    return (
+        <>
+            resource
+        </>
+    )
+}