修复了登录页面还存在顶部导航栏的问题
This commit is contained in:
22
crop-x/src/app/(app)/land-information/layout.tsx
Normal file
22
crop-x/src/app/(app)/land-information/layout.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
import { ReactNode } from 'react'
|
||||
|
||||
export default function LandInformationLayout({
|
||||
children,
|
||||
}: {
|
||||
children: 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>
|
||||
)
|
||||
}
|
||||
147
crop-x/src/app/(app)/land-information/page.tsx
Normal file
147
crop-x/src/app/(app)/land-information/page.tsx
Normal file
@@ -0,0 +1,147 @@
|
||||
import Link from 'next/link'
|
||||
import { Metadata } from 'next'
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: '地块信息管理 - Crop-X 智慧农业管理系统',
|
||||
description: '地块信息管理系统主页面',
|
||||
}
|
||||
|
||||
export default function LandInformationPage() {
|
||||
return (
|
||||
<div className="space-y-6">
|
||||
<div className="bg-white rounded-lg shadow p-6">
|
||||
<h2 className="text-xl font-semibold text-gray-800 mb-4">
|
||||
地块信息管理系统
|
||||
</h2>
|
||||
<p className="text-gray-600 mb-6">
|
||||
管理农田地块档案、空间分析、环境监测和适宜性评价
|
||||
</p>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<Link
|
||||
href="/land-information/field-management"
|
||||
className="block p-4 bg-green-50 rounded-lg hover:bg-green-100 transition-colors"
|
||||
>
|
||||
<h3 className="font-semibold text-green-900 mb-2">
|
||||
🗺️ 地块档案管理
|
||||
</h3>
|
||||
<p className="text-green-700 text-sm">
|
||||
农田地块信息档案管理
|
||||
</p>
|
||||
</Link>
|
||||
|
||||
<Link
|
||||
href="/land-information/map-management"
|
||||
className="block p-4 bg-blue-50 rounded-lg hover:bg-blue-100 transition-colors"
|
||||
>
|
||||
<h3 className="font-semibold text-blue-900 mb-2">
|
||||
🗺️ 地图管理
|
||||
</h3>
|
||||
<p className="text-blue-700 text-sm">
|
||||
GIS数据和数字化地图管理
|
||||
</p>
|
||||
</Link>
|
||||
|
||||
<Link
|
||||
href="/land-information/spatial-analysis"
|
||||
className="block p-4 bg-purple-50 rounded-lg hover:bg-purple-100 transition-colors"
|
||||
>
|
||||
<h3 className="font-semibold text-purple-900 mb-2">
|
||||
📊 空间分析
|
||||
</h3>
|
||||
<p className="text-purple-700 text-sm">
|
||||
土壤数据和质量评价分析
|
||||
</p>
|
||||
</Link>
|
||||
|
||||
<Link
|
||||
href="/land-information/environmental-monitoring"
|
||||
className="block p-4 bg-orange-50 rounded-lg hover:bg-orange-100 transition-colors"
|
||||
>
|
||||
<h3 className="font-semibold text-orange-900 mb-2">
|
||||
🌡️ 环境监测
|
||||
</h3>
|
||||
<p className="text-orange-700 text-sm">
|
||||
气象和环境传感器数据监测
|
||||
</p>
|
||||
</Link>
|
||||
|
||||
<Link
|
||||
href="/land-information/suitability-evaluation"
|
||||
className="block p-4 bg-teal-50 rounded-lg hover:bg-teal-100 transition-colors"
|
||||
>
|
||||
<h3 className="font-semibold text-teal-900 mb-2">
|
||||
✅ 适宜性评价
|
||||
</h3>
|
||||
<p className="text-teal-700 text-sm">
|
||||
作物适宜性综合评价分析
|
||||
</p>
|
||||
</Link>
|
||||
|
||||
<Link
|
||||
href="/land-information/comparative-analysis"
|
||||
className="block p-4 bg-indigo-50 rounded-lg hover:bg-indigo-100 transition-colors"
|
||||
>
|
||||
<h3 className="font-semibold text-indigo-900 mb-2">
|
||||
📈 对比分析
|
||||
</h3>
|
||||
<p className="text-indigo-700 text-sm">
|
||||
多维指标对比分析报告
|
||||
</p>
|
||||
</Link>
|
||||
|
||||
<Link
|
||||
href="/land-information/risk-warning"
|
||||
className="block p-4 bg-red-50 rounded-lg hover:bg-red-100 transition-colors"
|
||||
>
|
||||
<h3 className="font-semibold text-red-900 mb-2">
|
||||
⚠️ 风险预警
|
||||
</h3>
|
||||
<p className="text-red-700 text-sm">
|
||||
实时监测预警和处置跟踪
|
||||
</p>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div className="bg-white rounded-lg shadow p-6">
|
||||
<h3 className="text-lg font-semibold text-gray-800 mb-4">
|
||||
📊 地块状态概览
|
||||
</h3>
|
||||
<div className="space-y-2">
|
||||
<div className="flex justify-between items-center">
|
||||
<span className="text-gray-600">总地块数</span>
|
||||
<span className="text-green-600 font-semibold">48 块</span>
|
||||
</div>
|
||||
<div className="flex justify-between items-center">
|
||||
<span className="text-gray-600">已监测地块</span>
|
||||
<span className="text-blue-600 font-semibold">35 块</span>
|
||||
</div>
|
||||
<div className="flex justify-between items-center">
|
||||
<span className="text-gray-600">种植中地块</span>
|
||||
<span className="text-purple-600 font-semibold">28 块</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-white rounded-lg shadow p-6">
|
||||
<h3 className="text-lg font-semibold text-gray-800 mb-4">
|
||||
🔧 快速操作
|
||||
</h3>
|
||||
<div className="space-y-2">
|
||||
<button className="w-full px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700 transition-colors">
|
||||
添加新地块
|
||||
</button>
|
||||
<button className="w-full px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 transition-colors">
|
||||
生成地块报告
|
||||
</button>
|
||||
<button className="w-full px-4 py-2 bg-purple-600 text-white rounded hover:bg-purple-700 transition-colors">
|
||||
批量分析
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user