cavin/smart-crop-ui
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

生产管理系统前端 - 主页滚动条开发完毕

Browse Source
This commit is contained in:
peng
2025-10-22 16:43:15 +08:00
parent f1ffcc72fc
commit 8ea90d980b
15 changed files with 182 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
crop-x/src/app/(app)/agricultural-asset/basic-information/asset-labeling/layout.tsx
View File

@@ -1,15 +1,7 @@
"use client"
import '@/styles/globals.css'
export default function RootLayout({
export default function AssetLabelingLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<html lang="zh-CN">
<body >
</body>
</html>
)
return <>{children}</>
}

19
crop-x/src/app/(app)/agricultural-asset/layout.tsx
View File

@@ -1,22 +1,7 @@
import { ReactNode } from 'react'
export default function AgriculturalAssetLayout({
children,
}: {
children: ReactNode
children: React.ReactNode
}) {
return (
<div className="min-h-screen bg-gray-50">
<header className="bg-white shadow-sm border-b">
<div className="container mx-auto px-4 py-4">
<h1 className="text-2xl font-bold text-green-900">
📦 农业资产管理系统
</h1>
</div>
</header>
<main className="container mx-auto px-4 py-8">
{children}
</main>
</div>
)
return <>{children}</>
}

19
crop-x/src/app/(app)/agricultural-machinery/layout.tsx
View File

@@ -1,22 +1,7 @@
import { ReactNode } from 'react'
export default function AgriculturalMachineryLayout({
children,
}: {
children: ReactNode
children: React.ReactNode
}) {
return (
<div className="min-h-screen bg-gray-50">
<header className="bg-white shadow-sm border-b">
<div className="container mx-auto px-4 py-4">
<h1 className="text-2xl font-bold text-green-900">
🚙 智能农机管理系统
</h1>
</div>
</header>
<main className="container mx-auto px-4 py-8">
{children}
</main>
</div>
)
return <>{children}</>
}

19
crop-x/src/app/(app)/ai-crop-model/layout.tsx
View File

@@ -1,22 +1,7 @@
import { ReactNode } from 'react'
export default function AiCropModelLayout({
children,
}: {
children: ReactNode
children: React.ReactNode
}) {
return (
<div className="min-h-screen bg-gray-50">
<header className="bg-white shadow-sm border-b">
<div className="container mx-auto px-4 py-4">
<h1 className="text-2xl font-bold text-green-900">
🤖 AI作物模型精准决策系统
</h1>
</div>
</header>
<main className="container mx-auto px-4 py-8">
{children}
</main>
</div>
)
return <>{children}</>
}

4
crop-x/src/app/(app)/central-config/layout.tsx
View File

@@ -1,6 +1,6 @@
"use client"
import { ReactNode } from 'react'
import {SideBarOld} from '@/components/layouts/SideBar/SideBarOld'
// import {SideBarOld} from '@/components/layouts/SideBar/SideBarOld'
// 中心配置路由数据
const centralConfigData = {
@@ -138,5 +138,5 @@ export default function CentralConfigLayout({
}: {
children: ReactNode
}) {
return <SideBarOld data={centralConfigData}>{children}</SideBarOld>
return <>{children}</>
}

19
crop-x/src/app/(app)/farming-operation/layout.tsx
View File

@@ -1,22 +1,7 @@
import { ReactNode } from 'react'
export default function FarmingOperationLayout({
children,
}: {
children: ReactNode
children: React.ReactNode
}) {
return (
<div className="min-h-screen bg-gray-50">
<header className="bg-white shadow-sm border-b">
<div className="container mx-auto px-4 py-4">
<h1 className="text-2xl font-bold text-green-900">
📋 农事操作管理系统
</h1>
</div>
</header>
<main className="container mx-auto px-4 py-8">
{children}
</main>
</div>
)
return <>{children}</>
}

19
crop-x/src/app/(app)/land-information/layout.tsx
View File

@@ -1,22 +1,7 @@
import { ReactNode } from 'react'
export default function LandInformationLayout({
children,
}: {
children: ReactNode
children: React.ReactNode
}) {
return (
<div className="min-h-screen bg-gray-50">
<header className="bg-white shadow-sm border-b">
<div className="container mx-auto px-4 py-4">
<h1 className="text-2xl font-bold text-green-900">
🌾 地块信息管理系统
</h1>
</div>
</header>
<main className="container mx-auto px-4 py-8">
{children}
</main>
</div>
)
return <>{children}</>
}

15
crop-x/src/app/(app)/layout.tsx
View File

@@ -1,18 +1,7 @@
import {Navbar1} from "@/components/layouts/NavBar"
import '@/styles/globals.css'
export default function DashboardLayout({
export default function AppLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<div>
{/* 布局 UI */}
{/* 将 children 放在您希望渲染页面或嵌套布局的位置 */}
<main>
<Navbar1></Navbar1>
{children}</main>
</div>
)
return <>{children}</>
}

19
crop-x/src/app/(app)/water-fertilizer-control/layout.tsx
View File

@@ -1,22 +1,7 @@
import { ReactNode } from 'react'
export default function WaterFertilizerControlLayout({
children,
}: {
children: ReactNode
children: React.ReactNode
}) {
return (
<div className="min-h-screen bg-gray-50">
<header className="bg-white shadow-sm border-b">
<div className="container mx-auto px-4 py-4">
<h1 className="text-2xl font-bold text-green-900">
💧 水肥一体化控制系统
</h1>
</div>
</header>
<main className="container mx-auto px-4 py-8">
{children}
</main>
</div>
)
return <>{children}</>
}

149
crop-x/src/app/layout.tsx
View File

@@ -1,16 +1,153 @@
import {Navbar1} from "@/components/layouts/NavBar"
import {SideBarOld} from '@/components/layouts/SideBar/SideBarOld'
import '@/styles/globals.css'
export default function DashboardLayout({
const centralConfigData = {
navMain: [
{
title: "租户管理",
url: "/central-config/tenant",
icon: "🏢",
items: [
{
title: "企业审核",
url: "/central-config/tenant/enterprise-audit",
isActive: false
},
{
title: "审核历史",
url: "/central-config/tenant/audit-history",
isActive: false
},
{
title: "企业信息",
url: "/central-config/tenant/enterprise-info",
isActive: false
},
{
title: "用户管理",
url: "/central-config/tenant/user-management",
isActive: false
}
]
},
{
title: "用户管理",
url: "/central-config/user",
icon: "👥",
items: [
{
title: "员工管理",
url: "/central-config/user/employee",
isActive: false
},
{
title: "角色管理",
url: "/central-config/user/role",
isActive: false
},
{
title: "菜单管理",
url: "/central-config/user/menu",
isActive: false
},
{
title: "权限配置管理",
url: "/central-config/user/permission",
isActive: false
}
]
},
{
title: "系统参数",
url: "/central-config/system",
icon: "🔧",
items: [
{
title: "系统设置",
url: "/central-config/system/settings",
isActive: false
},
{
title: "分类字典",
url: "/central-config/system/category",
isActive: false
},
{
title: "数据字典",
url: "/central-config/system/dictionary",
isActive: false
}
]
},
{
title: "系统监控",
url: "/central-config/monitor",
icon: "📈",
items: [
{
title: "登录日志",
url: "/central-config/monitor/login-log",
isActive: false
},
{
title: "操作日志",
url: "/central-config/monitor/operation-log",
isActive: false
},
{
title: "性能监控",
url: "/central-config/monitor/performance",
isActive: false
},
{
title: "网络日志",
url: "/central-config/monitor/network-log",
isActive: false
}
]
},
{
title: "消息中心",
url: "/central-config/message",
icon: "📨",
items: [
{
title: "消息发送",
url: "/central-config/message/send",
isActive: false
},
{
title: "消息模版",
url: "/central-config/message/template",
isActive: false
},
{
title: "消息日志",
url: "/central-config/message/log",
isActive: false
}
]
}
]
}
export default function RootLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<html lang="en">
<html lang="zh-CN">
<body>
{/* 布局 UI */}
{/* 将 children 放在您希望渲染页面或嵌套布局的位置 */}
{children}
<div className="bodyFlexUpDown">
<Navbar1 />
<div className="bodySon2">
<SideBarOld data={centralConfigData}>
{children}
</SideBarOld>
</div>
</div>
</body>
</html>
)

8
crop-x/src/app/page.tsx
View File

@@ -1,8 +1,12 @@
export default function HomePage() {
export default function HomePage({
children,
}: {
children: React.ReactNode
}) {
return (
<div className="">
{children}
</div>
)
}

3
crop-x/src/components/layouts/SideBar/SideBarOld.tsx
View File

@@ -246,9 +246,8 @@ export function SideBarOld({
return allItems;
};
return (
<div className="flex h-screen bg-gray-100" style={{ height: '90vh' }}>
<div className="flex h-screen bg-gray-100 bodySon2">
{/* 左侧导航栏 */}
<LeftSidebar
menus={menus}

5
crop-x/src/components/layouts/SideBar/components/MainContent.tsx
View File

@@ -99,11 +99,8 @@ export function MainContent({
{/* 主内容区域 */}
<main className="flex-1 overflow-auto">
<div className="p-6">
{/* 页面内容 */}
<div className="bg-white rounded-lg border border-gray-200 p-6 shadow-sm">
{children}
</div>
{children}
</div>
</main>
</div>

10
crop-x/src/styles/body.css Normal file
View File

@@ -0,0 +1,10 @@
.bodyFlexUpDown{
height: 100vh;
display: flex;
flex-direction: column;
}
.bodySon2{
flex: 1;
overflow: auto;
}

1
crop-x/src/styles/globals.css
View File

@@ -319,3 +319,4 @@
@apply bg-background text-foreground;
}
}
@import "./body.css";