next.js搭建路由01
This commit is contained in:
6
crop-x/next-env.d.ts
vendored
Normal file
6
crop-x/next-env.d.ts
vendored
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
/// <reference types="next" />
|
||||||
|
/// <reference types="next/image-types/global" />
|
||||||
|
/// <reference path="./.next/types/routes.d.ts" />
|
||||||
|
|
||||||
|
// NOTE: This file should not be edited
|
||||||
|
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
|
||||||
814
crop-x/package-lock.json
generated
814
crop-x/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -5,6 +5,7 @@
|
|||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
|
"next:dev": "next dev --turbopack",
|
||||||
"build": "tsc && vite build",
|
"build": "tsc && vite build",
|
||||||
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
||||||
"lint:fix": "eslint . --ext ts,tsx --fix",
|
"lint:fix": "eslint . --ext ts,tsx --fix",
|
||||||
@@ -51,11 +52,12 @@
|
|||||||
"embla-carousel-react": "^8.6.0",
|
"embla-carousel-react": "^8.6.0",
|
||||||
"input-otp": "^1.4.2",
|
"input-otp": "^1.4.2",
|
||||||
"lucide-react": "^0.487.0",
|
"lucide-react": "^0.487.0",
|
||||||
|
"next": "^15.5.6",
|
||||||
"next-themes": "^0.4.6",
|
"next-themes": "^0.4.6",
|
||||||
"qrcode": "*",
|
"qrcode": "*",
|
||||||
"react": "^18.3.1",
|
"react": "^19.2.0",
|
||||||
"react-day-picker": "^8.10.1",
|
"react-day-picker": "^8.10.1",
|
||||||
"react-dom": "^18.3.1",
|
"react-dom": "^19.2.0",
|
||||||
"react-hook-form": "^7.55.0",
|
"react-hook-form": "^7.55.0",
|
||||||
"react-resizable-panels": "^2.1.7",
|
"react-resizable-panels": "^2.1.7",
|
||||||
"recharts": "^2.15.2",
|
"recharts": "^2.15.2",
|
||||||
@@ -84,6 +86,6 @@
|
|||||||
"prettier": "^3.3.3",
|
"prettier": "^3.3.3",
|
||||||
"tailwindcss": "^4.1.14",
|
"tailwindcss": "^4.1.14",
|
||||||
"typescript": "^5.6.2",
|
"typescript": "^5.6.2",
|
||||||
"vite": "6.3.5"
|
"vite": "^6.4.0"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,12 +0,0 @@
|
|||||||
import React from 'react'
|
|
||||||
import { useTheme } from '@/hooks/useTheme'
|
|
||||||
import Main from '@/components/layouts/Main.tsx'
|
|
||||||
function App() {
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
<Main></Main>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
export default App
|
|
||||||
15
crop-x/src/app/(auth)/layout.tsx
Normal file
15
crop-x/src/app/(auth)/layout.tsx
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
import { ReactNode } from 'react'
|
||||||
|
|
||||||
|
export default function AuthLayout({
|
||||||
|
children,
|
||||||
|
}: {
|
||||||
|
children: ReactNode
|
||||||
|
}) {
|
||||||
|
return (
|
||||||
|
<div className="min-h-screen bg-gradient-to-br from-green-50 via-blue-50 to-purple-50 flex items-center justify-center">
|
||||||
|
<div className="w-full max-w-md">
|
||||||
|
{children}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
84
crop-x/src/app/(auth)/login/page.tsx
Normal file
84
crop-x/src/app/(auth)/login/page.tsx
Normal file
@@ -0,0 +1,84 @@
|
|||||||
|
import { Metadata } from 'next'
|
||||||
|
import Link from 'next/link'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '登录 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '用户登录页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function LoginPage() {
|
||||||
|
return (
|
||||||
|
<div className="bg-white rounded-lg shadow-xl p-8">
|
||||||
|
<div className="text-center mb-8">
|
||||||
|
<div className="text-4xl mb-4">🌱</div>
|
||||||
|
<h1 className="text-2xl font-bold text-gray-800 mb-2">
|
||||||
|
Crop-X 智慧农业
|
||||||
|
</h1>
|
||||||
|
<p className="text-gray-600">
|
||||||
|
登录您的账户
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form className="space-y-6">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
用户名
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||||
|
placeholder="请输入用户名"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
密码
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||||
|
placeholder="请输入密码"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex items-center justify-between">
|
||||||
|
<div className="flex items-center">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-4 w-4 text-green-600 focus:ring-green-500 border-gray-300 rounded"
|
||||||
|
/>
|
||||||
|
<label className="ml-2 block text-sm text-gray-700">
|
||||||
|
记住我
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<a href="#" className="text-sm text-green-600 hover:text-green-500">
|
||||||
|
忘记密码?
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button
|
||||||
|
type="submit"
|
||||||
|
className="w-full py-2 px-4 bg-green-600 hover:bg-green-700 rounded-md text-white font-medium transition-colors"
|
||||||
|
>
|
||||||
|
登录
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div className="mt-6 text-center">
|
||||||
|
<p className="text-sm text-gray-600">
|
||||||
|
还没有账户?{' '}
|
||||||
|
<Link href="/register" className="text-green-600 hover:text-green-500 font-medium">
|
||||||
|
立即注册
|
||||||
|
</Link>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-8 pt-6 border-t border-gray-200">
|
||||||
|
<p className="text-xs text-gray-500 text-center">
|
||||||
|
© 2024 Crop-X. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
121
crop-x/src/app/(auth)/register/page.tsx
Normal file
121
crop-x/src/app/(auth)/register/page.tsx
Normal file
@@ -0,0 +1,121 @@
|
|||||||
|
import { Metadata } from 'next'
|
||||||
|
import Link from 'next/link'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '注册 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '用户注册页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function RegisterPage() {
|
||||||
|
return (
|
||||||
|
<div className="bg-white rounded-lg shadow-xl p-8">
|
||||||
|
<div className="text-center mb-8">
|
||||||
|
<div className="text-4xl mb-4">🌱</div>
|
||||||
|
<h1 className="text-2xl font-bold text-gray-800 mb-2">
|
||||||
|
Crop-X 智慧农业
|
||||||
|
</h1>
|
||||||
|
<p className="text-gray-600">
|
||||||
|
创建您的账户
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form className="space-y-6">
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
姓名
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||||
|
placeholder="请输入姓名"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
邮箱
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||||
|
placeholder="请输入邮箱"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
用户名
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||||
|
placeholder="请输入用户名"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
密码
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||||
|
placeholder="请输入密码"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
确认密码
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||||
|
placeholder="请再次输入密码"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex items-center">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-4 w-4 text-green-600 focus:ring-green-500 border-gray-300 rounded"
|
||||||
|
/>
|
||||||
|
<label className="ml-2 block text-sm text-gray-700">
|
||||||
|
我同意{' '}
|
||||||
|
<a href="#" className="text-green-600 hover:text-green-500">
|
||||||
|
服务条款
|
||||||
|
</a>{' '}
|
||||||
|
和{' '}
|
||||||
|
<a href="#" className="text-green-600 hover:text-green-500">
|
||||||
|
隐私政策
|
||||||
|
</a>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button
|
||||||
|
type="submit"
|
||||||
|
className="w-full py-2 px-4 bg-green-600 hover:bg-green-700 rounded-md text-white font-medium transition-colors"
|
||||||
|
>
|
||||||
|
注册
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div className="mt-6 text-center">
|
||||||
|
<p className="text-sm text-gray-600">
|
||||||
|
已有账户?{' '}
|
||||||
|
<Link href="/login" className="text-green-600 hover:text-green-500 font-medium">
|
||||||
|
立即登录
|
||||||
|
</Link>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-8 pt-6 border-t border-gray-200">
|
||||||
|
<p className="text-xs text-gray-500 text-center">
|
||||||
|
© 2024 Crop-X. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,15 @@
|
|||||||
|
"use client"
|
||||||
|
import '@/styles/globals.css'
|
||||||
|
|
||||||
|
export default function RootLayout({
|
||||||
|
|
||||||
|
}: {
|
||||||
|
children: React.ReactNode
|
||||||
|
}) {
|
||||||
|
return (
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<body >
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
|
||||||
|
export default function HomePage() {
|
||||||
|
return (
|
||||||
|
<div className="">
|
||||||
|
资产标签
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
22
crop-x/src/app/agricultural-asset/layout.tsx
Normal file
22
crop-x/src/app/agricultural-asset/layout.tsx
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
import { ReactNode } from 'react'
|
||||||
|
|
||||||
|
export default function AgriculturalAssetLayout({
|
||||||
|
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/agricultural-asset/page.tsx
Normal file
147
crop-x/src/app/agricultural-asset/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 AgriculturalAssetPage() {
|
||||||
|
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="/agricultural-asset/basic-information"
|
||||||
|
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="/agricultural-asset/procurement-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">
|
||||||
|
采购计划和供应商管理
|
||||||
|
</p>
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
<Link
|
||||||
|
href="/agricultural-asset/inventory-management"
|
||||||
|
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="/agricultural-asset/material-requisition"
|
||||||
|
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="/agricultural-asset/material-return"
|
||||||
|
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="/agricultural-asset/agricultural-supplies"
|
||||||
|
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="/agricultural-asset/visualization-reports"
|
||||||
|
className="block p-4 bg-pink-50 rounded-lg hover:bg-pink-100 transition-colors"
|
||||||
|
>
|
||||||
|
<h3 className="font-semibold text-pink-900 mb-2">
|
||||||
|
📊 可视化报表
|
||||||
|
</h3>
|
||||||
|
<p className="text-pink-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">1,245 项</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">库存预警</span>
|
||||||
|
<span className="text-orange-600 font-semibold">12 项</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">待审批申请</span>
|
||||||
|
<span className="text-blue-600 font-semibold">8 项</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>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,94 @@
|
|||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '农机档案录入与维护 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '农机设备信息管理',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function MachineryEntryPage() {
|
||||||
|
return (
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-white rounded-lg shadow p-6">
|
||||||
|
<h2 className="text-2xl font-bold text-gray-800 mb-6">
|
||||||
|
📋 农机档案录入与维护
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||||||
|
<div className="bg-green-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-green-900 mb-4">
|
||||||
|
添加新农机
|
||||||
|
</h3>
|
||||||
|
<form className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
农机编号
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
|
||||||
|
placeholder="请输入农机编号"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
农机类型
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500">
|
||||||
|
<option>拖拉机</option>
|
||||||
|
<option>收割机</option>
|
||||||
|
<option>播种机</option>
|
||||||
|
<option>喷洒机</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
购买日期
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="date"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<button
|
||||||
|
type="submit"
|
||||||
|
className="w-full px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors"
|
||||||
|
>
|
||||||
|
添加农机
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-blue-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-blue-900 mb-4">
|
||||||
|
农机列表
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-3">
|
||||||
|
{[
|
||||||
|
{ id: 'NJ001', type: '拖拉机', status: '运行中', date: '2023-01-15' },
|
||||||
|
{ id: 'NJ002', type: '收割机', status: '空闲中', date: '2023-03-20' },
|
||||||
|
{ id: 'NJ003', type: '播种机', status: '维护中', date: '2023-02-10' },
|
||||||
|
].map((machine) => (
|
||||||
|
<div key={machine.id} className="bg-white rounded-lg p-4 shadow-sm">
|
||||||
|
<div className="flex justify-between items-start">
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold text-gray-800">{machine.id}</h4>
|
||||||
|
<p className="text-sm text-gray-600">{machine.type}</p>
|
||||||
|
<p className="text-xs text-gray-500">购买日期: {machine.date}</p>
|
||||||
|
</div>
|
||||||
|
<span className={`px-2 py-1 text-xs font-medium rounded-full ${
|
||||||
|
machine.status === '运行中' ? 'bg-green-100 text-green-800' :
|
||||||
|
machine.status === '空闲中' ? 'bg-gray-100 text-gray-800' :
|
||||||
|
'bg-yellow-100 text-yellow-800'
|
||||||
|
}`}>
|
||||||
|
{machine.status}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
71
crop-x/src/app/agricultural-machinery/archive/page.tsx
Normal file
71
crop-x/src/app/agricultural-machinery/archive/page.tsx
Normal file
@@ -0,0 +1,71 @@
|
|||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '农机档案管理 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '农机设备档案信息管理',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function MachineryArchivePage() {
|
||||||
|
return (
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-white rounded-lg shadow p-6">
|
||||||
|
<h2 className="text-2xl font-bold text-gray-800 mb-6">
|
||||||
|
📋 农机档案管理
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||||
|
<div className="bg-green-50 rounded-lg p-6 hover:bg-green-100 transition-colors cursor-pointer">
|
||||||
|
<h3 className="font-semibold text-green-900 mb-2">
|
||||||
|
📝 农机档案录入与维护
|
||||||
|
</h3>
|
||||||
|
<p className="text-green-700 text-sm">
|
||||||
|
管理农机设备的基本信息档案
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-blue-50 rounded-lg p-6 hover:bg-blue-100 transition-colors cursor-pointer">
|
||||||
|
<h3 className="font-semibold text-blue-900 mb-2">
|
||||||
|
🏷️ 农机分类与标签管理
|
||||||
|
</h3>
|
||||||
|
<p className="text-blue-700 text-sm">
|
||||||
|
农机设备分类和标签体系管理
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-purple-50 rounded-lg p-6 hover:bg-purple-100 transition-colors cursor-pointer">
|
||||||
|
<h3 className="font-semibold text-purple-900 mb-2">
|
||||||
|
📱 农机二维码管理
|
||||||
|
</h3>
|
||||||
|
<p className="text-purple-700 text-sm">
|
||||||
|
农机设备二维码生成和管理
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-6 bg-gray-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-gray-800 mb-4">
|
||||||
|
📊 档案统计概览
|
||||||
|
</h3>
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-4 gap-4">
|
||||||
|
<div className="bg-white rounded-lg p-4 text-center">
|
||||||
|
<div className="text-2xl font-bold text-green-600 mb-2">156</div>
|
||||||
|
<div className="text-sm text-gray-600">农机总数</div>
|
||||||
|
</div>
|
||||||
|
<div className="bg-white rounded-lg p-4 text-center">
|
||||||
|
<div className="text-2xl font-bold text-blue-600 mb-2">12</div>
|
||||||
|
<div className="text-sm text-gray-600">设备分类</div>
|
||||||
|
</div>
|
||||||
|
<div className="bg-white rounded-lg p-4 text-center">
|
||||||
|
<div className="text-2xl font-bold text-purple-600 mb-2">89</div>
|
||||||
|
<div className="text-sm text-gray-600">已生成二维码</div>
|
||||||
|
</div>
|
||||||
|
<div className="bg-white rounded-lg p-4 text-center">
|
||||||
|
<div className="text-2xl font-bold text-orange-600 mb-2">95%</div>
|
||||||
|
<div className="text-sm text-gray-600">档案完整率</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
35
crop-x/src/app/agricultural-machinery/error.tsx
Normal file
35
crop-x/src/app/agricultural-machinery/error.tsx
Normal file
@@ -0,0 +1,35 @@
|
|||||||
|
'use client'
|
||||||
|
|
||||||
|
import { useEffect } from 'react'
|
||||||
|
|
||||||
|
export default function AgriculturalMachineryError({
|
||||||
|
error,
|
||||||
|
reset,
|
||||||
|
}: {
|
||||||
|
error: Error & { digest?: string }
|
||||||
|
reset: () => void
|
||||||
|
}) {
|
||||||
|
useEffect(() => {
|
||||||
|
console.error('农机管理系统错误:', error)
|
||||||
|
}, [error])
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="min-h-screen bg-gray-50 flex items-center justify-center">
|
||||||
|
<div className="text-center">
|
||||||
|
<div className="text-6xl mb-4">🚙</div>
|
||||||
|
<h2 className="text-2xl font-bold text-red-800 mb-4">
|
||||||
|
农机系统出现了错误
|
||||||
|
</h2>
|
||||||
|
<p className="text-red-600 mb-6">
|
||||||
|
{error.message || '未知系统错误'}
|
||||||
|
</p>
|
||||||
|
<button
|
||||||
|
onClick={reset}
|
||||||
|
className="px-6 py-3 bg-red-600 text-white rounded-md hover:bg-red-700 transition-colors"
|
||||||
|
>
|
||||||
|
重新加载
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
22
crop-x/src/app/agricultural-machinery/layout.tsx
Normal file
22
crop-x/src/app/agricultural-machinery/layout.tsx
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
import { ReactNode } from 'react'
|
||||||
|
|
||||||
|
export default function AgriculturalMachineryLayout({
|
||||||
|
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>
|
||||||
|
)
|
||||||
|
}
|
||||||
10
crop-x/src/app/agricultural-machinery/loading.tsx
Normal file
10
crop-x/src/app/agricultural-machinery/loading.tsx
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
export default function AgriculturalMachineryLoading() {
|
||||||
|
return (
|
||||||
|
<div className="min-h-screen bg-gray-50 flex items-center justify-center">
|
||||||
|
<div className="text-center">
|
||||||
|
<div className="animate-spin rounded-full h-12 w-12 border-b-2 border-green-600 mx-auto mb-4"></div>
|
||||||
|
<p className="text-gray-600">正在加载农机管理系统...</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,93 @@
|
|||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '实时位置追踪 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '农机设备定位监控',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function RealTimeLocationTrackingPage() {
|
||||||
|
return (
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-white rounded-lg shadow p-6">
|
||||||
|
<h2 className="text-2xl font-bold text-gray-800 mb-6">
|
||||||
|
📍 实时位置追踪
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||||||
|
<div className="lg:col-span-2">
|
||||||
|
<div className="bg-gray-100 rounded-lg h-96 flex items-center justify-center">
|
||||||
|
<div className="text-center">
|
||||||
|
<div className="text-6xl mb-4">🗺️</div>
|
||||||
|
<h3 className="text-lg font-semibold text-gray-700 mb-2">
|
||||||
|
地图视图
|
||||||
|
</h3>
|
||||||
|
<p className="text-gray-600">
|
||||||
|
实时显示所有农机的地理位置
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="bg-green-50 rounded-lg p-4">
|
||||||
|
<h3 className="font-semibold text-green-900 mb-3">
|
||||||
|
在线农机
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-2">
|
||||||
|
{[
|
||||||
|
{ id: 'NJ001', name: '拖拉机-001', location: '东区农田', status: '工作中' },
|
||||||
|
{ id: 'NJ002', name: '收割机-002', location: '西区农田', status: '工作中' },
|
||||||
|
{ id: 'NJ003', name: '播种机-003', location: '南区农田', status: '空闲' },
|
||||||
|
].map((machine) => (
|
||||||
|
<div key={machine.id} className="bg-white rounded-lg p-3 shadow-sm">
|
||||||
|
<div className="flex items-center justify-between">
|
||||||
|
<div>
|
||||||
|
<h4 className="font-medium text-gray-800">{machine.name}</h4>
|
||||||
|
<p className="text-sm text-gray-600">{machine.location}</p>
|
||||||
|
</div>
|
||||||
|
<div className={`w-2 h-2 rounded-full ${
|
||||||
|
machine.status === '工作中' ? 'bg-green-500' : 'bg-gray-400'
|
||||||
|
}`} />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-blue-50 rounded-lg p-4">
|
||||||
|
<h3 className="font-semibold text-blue-900 mb-3">
|
||||||
|
统计信息
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-2">
|
||||||
|
<div className="flex justify-between">
|
||||||
|
<span className="text-gray-600">总农机数</span>
|
||||||
|
<span className="font-semibold">12 台</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between">
|
||||||
|
<span className="text-gray-600">在线</span>
|
||||||
|
<span className="font-semibold text-green-600">10 台</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between">
|
||||||
|
<span className="text-gray-600">离线</span>
|
||||||
|
<span className="font-semibold text-gray-600">2 台</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-6 grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||||
|
<button className="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors">
|
||||||
|
🔄 刷新位置
|
||||||
|
</button>
|
||||||
|
<button className="px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors">
|
||||||
|
📍 定位特定农机
|
||||||
|
</button>
|
||||||
|
<button className="px-4 py-2 bg-purple-600 text-white rounded-md hover:bg-purple-700 transition-colors">
|
||||||
|
📊 历史轨迹
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
93
crop-x/src/app/agricultural-machinery/page.tsx
Normal file
93
crop-x/src/app/agricultural-machinery/page.tsx
Normal file
@@ -0,0 +1,93 @@
|
|||||||
|
import Link from 'next/link'
|
||||||
|
|
||||||
|
export default function AgriculturalMachineryPage() {
|
||||||
|
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="/agricultural-machinery/archive/machinery-entry"
|
||||||
|
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="/agricultural-machinery/monitoring/real-time-location-tracking"
|
||||||
|
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">
|
||||||
|
农机设备定位监控
|
||||||
|
</p>
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
<Link
|
||||||
|
href="/agricultural-machinery/scheduling/task-assignment"
|
||||||
|
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>
|
||||||
|
</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">12 台</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">空闲中</span>
|
||||||
|
<span className="text-gray-600 font-semibold">8 台</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">维护中</span>
|
||||||
|
<span className="text-yellow-600 font-semibold">3 台</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>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,150 @@
|
|||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '任务分配 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '农机作业任务分配',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function TaskAssignmentPage() {
|
||||||
|
return (
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-white rounded-lg shadow p-6">
|
||||||
|
<h2 className="text-2xl font-bold text-gray-800 mb-6">
|
||||||
|
📅 任务分配
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||||||
|
<div className="bg-blue-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-blue-900 mb-4">
|
||||||
|
创建新任务
|
||||||
|
</h3>
|
||||||
|
<form className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
任务名称
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
placeholder="请输入任务名称"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
选择农机
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||||
|
<option>拖拉机-001</option>
|
||||||
|
<option>收割机-002</option>
|
||||||
|
<option>播种机-003</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
选择驾驶员
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||||
|
<option>张师傅</option>
|
||||||
|
<option>李师傅</option>
|
||||||
|
<option>王师傅</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
作业地块
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||||
|
<option>东区农田-01</option>
|
||||||
|
<option>西区农田-02</option>
|
||||||
|
<option>南区农田-03</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div className="grid grid-cols-2 gap-4">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
开始时间
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="datetime-local"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
预计结束时间
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="datetime-local"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button
|
||||||
|
type="submit"
|
||||||
|
className="w-full px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
|
||||||
|
>
|
||||||
|
创建任务
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-green-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-green-900 mb-4">
|
||||||
|
待分配任务列表
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-3">
|
||||||
|
{[
|
||||||
|
{ id: 'T001', name: '东区收割作业', priority: '高', deadline: '2024-10-25' },
|
||||||
|
{ id: 'T002', name: '南区犁地作业', priority: '中', deadline: '2024-10-26' },
|
||||||
|
{ id: 'T003', name: '北区播种作业', priority: '低', deadline: '2024-10-27' },
|
||||||
|
].map((task) => (
|
||||||
|
<div key={task.id} className="bg-white rounded-lg p-4 shadow-sm">
|
||||||
|
<div className="flex justify-between items-start">
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold text-gray-800">{task.name}</h4>
|
||||||
|
<p className="text-sm text-gray-600">任务编号: {task.id}</p>
|
||||||
|
<p className="text-sm text-gray-600">截止日期: {task.deadline}</p>
|
||||||
|
</div>
|
||||||
|
<div className="text-right">
|
||||||
|
<span className={`inline-block px-2 py-1 text-xs font-medium rounded-full mb-2 ${
|
||||||
|
task.priority === '高' ? 'bg-red-100 text-red-800' :
|
||||||
|
task.priority === '中' ? 'bg-yellow-100 text-yellow-800' :
|
||||||
|
'bg-green-100 text-green-800'
|
||||||
|
}`}>
|
||||||
|
{task.priority}优先级
|
||||||
|
</span>
|
||||||
|
<br />
|
||||||
|
<button className="text-blue-600 hover:text-blue-800 text-sm">
|
||||||
|
分配任务
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-6 bg-yellow-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-yellow-900 mb-4">
|
||||||
|
当前任务状态
|
||||||
|
</h3>
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||||
|
<div className="bg-white rounded-lg p-4 text-center">
|
||||||
|
<div className="text-2xl font-bold text-blue-600 mb-2">8</div>
|
||||||
|
<div className="text-sm text-gray-600">待分配任务</div>
|
||||||
|
</div>
|
||||||
|
<div className="bg-white rounded-lg p-4 text-center">
|
||||||
|
<div className="text-2xl font-bold text-green-600 mb-2">15</div>
|
||||||
|
<div className="text-sm text-gray-600">进行中任务</div>
|
||||||
|
</div>
|
||||||
|
<div className="bg-white rounded-lg p-4 text-center">
|
||||||
|
<div className="text-2xl font-bold text-purple-600 mb-2">23</div>
|
||||||
|
<div className="text-sm text-gray-600">已完成任务</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
22
crop-x/src/app/ai-crop-model/layout.tsx
Normal file
22
crop-x/src/app/ai-crop-model/layout.tsx
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
import { ReactNode } from 'react'
|
||||||
|
|
||||||
|
export default function AiCropModelLayout({
|
||||||
|
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">
|
||||||
|
🤖 AI作物模型精准决策系统
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<main className="container mx-auto px-4 py-8">
|
||||||
|
{children}
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
159
crop-x/src/app/ai-crop-model/page.tsx
Normal file
159
crop-x/src/app/ai-crop-model/page.tsx
Normal file
@@ -0,0 +1,159 @@
|
|||||||
|
import Link from 'next/link'
|
||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: 'AI作物模型 - Crop-X 智慧农业管理系统',
|
||||||
|
description: 'AI作物模型精准决策系统主页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function AiCropModelPage() {
|
||||||
|
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">
|
||||||
|
AI作物模型精准决策系统
|
||||||
|
</h2>
|
||||||
|
<p className="text-gray-600 mb-6">
|
||||||
|
数据感知、模型集成、智能决策和AI知识库管理
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||||
|
<Link
|
||||||
|
href="/ai-crop-model/data-perception-center"
|
||||||
|
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="/ai-crop-model/model-integration-center"
|
||||||
|
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">
|
||||||
|
模型接入和版本控制
|
||||||
|
</p>
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
<Link
|
||||||
|
href="/ai-crop-model/model-application-center"
|
||||||
|
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="/ai-crop-model/intelligent-decision-generation"
|
||||||
|
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="/ai-crop-model/intelligent-decision-support"
|
||||||
|
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="/ai-crop-model/decision-application"
|
||||||
|
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="/ai-crop-model/ai-knowledge-base"
|
||||||
|
className="block p-4 bg-pink-50 rounded-lg hover:bg-pink-100 transition-colors"
|
||||||
|
>
|
||||||
|
<h3 className="font-semibold text-pink-900 mb-2">
|
||||||
|
📚 AI知识库
|
||||||
|
</h3>
|
||||||
|
<p className="text-pink-700 text-sm">
|
||||||
|
模型文档和案例数据库
|
||||||
|
</p>
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
<Link
|
||||||
|
href="/ai-crop-model/monitoring-center"
|
||||||
|
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">
|
||||||
|
📊 AI模型状态
|
||||||
|
</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">24 个</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">今日决策数</span>
|
||||||
|
<span className="text-blue-600 font-semibold">156 次</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">模型准确率</span>
|
||||||
|
<span className="text-purple-600 font-semibold">94.5%</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>
|
||||||
|
)
|
||||||
|
}
|
||||||
133
crop-x/src/app/central-config/layout.tsx
Normal file
133
crop-x/src/app/central-config/layout.tsx
Normal file
@@ -0,0 +1,133 @@
|
|||||||
|
"use client"
|
||||||
|
import { ReactNode } from 'react'
|
||||||
|
import SideBar from '@/components/layouts/SideBar/SideBar'
|
||||||
|
|
||||||
|
// 中心配置路由数据
|
||||||
|
const centralConfigData = {
|
||||||
|
versions: ["1.0.0", "2.0.0"],
|
||||||
|
navMain: [
|
||||||
|
{
|
||||||
|
title: "租户管理",
|
||||||
|
url: "/central-config/tenant-management",
|
||||||
|
icon: "🏢",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
title: "租户创建管理",
|
||||||
|
url: "/central-config/tenant-management/tenant-creation",
|
||||||
|
isActive: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "租户配置管理",
|
||||||
|
url: "/central-config/tenant-management/tenant-configuration",
|
||||||
|
isActive: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "租户授权管理",
|
||||||
|
url: "/central-config/tenant-management/tenant-authorization",
|
||||||
|
isActive: false
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "用户管理",
|
||||||
|
url: "/central-config/user-management",
|
||||||
|
icon: "👥",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
title: "用户账号管理",
|
||||||
|
url: "/central-config/user-management/user-account-management",
|
||||||
|
isActive: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "角色权限管理",
|
||||||
|
url: "/central-config/user-management/role-permission-management",
|
||||||
|
isActive: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "用户行为跟踪",
|
||||||
|
url: "/central-config/user-management/user-behavior-tracking",
|
||||||
|
isActive: false
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "系统参数",
|
||||||
|
url: "/central-config/system-parameters",
|
||||||
|
icon: "🔧",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
title: "基础配置管理",
|
||||||
|
url: "/central-config/system-parameters/basic-configuration",
|
||||||
|
isActive: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "业务规则设置",
|
||||||
|
url: "/central-config/system-parameters/business-rule-settings",
|
||||||
|
isActive: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "接口配置管理",
|
||||||
|
url: "/central-config/system-parameters/interface-configuration",
|
||||||
|
isActive: false
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "系统监控",
|
||||||
|
url: "/central-config/system-monitoring",
|
||||||
|
icon: "📈",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
title: "性能监控管理",
|
||||||
|
url: "/central-config/system-monitoring/performance-monitoring",
|
||||||
|
isActive: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "日志管理",
|
||||||
|
url: "/central-config/system-monitoring/log-management",
|
||||||
|
isActive: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "异常处理管理",
|
||||||
|
url: "/central-config/system-monitoring/exception-handling",
|
||||||
|
isActive: false
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "消息中心",
|
||||||
|
url: "/central-config/message-center",
|
||||||
|
icon: "📨",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
title: "消息推送管理",
|
||||||
|
url: "/central-config/message-center/message-push-management",
|
||||||
|
isActive: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "消息发送",
|
||||||
|
url: "/central-config/message-center/message-send",
|
||||||
|
isActive: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "通知设置管理",
|
||||||
|
url: "/central-config/message-center/notification-settings",
|
||||||
|
isActive: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "反馈管理",
|
||||||
|
url: "/central-config/message-center/feedback-management",
|
||||||
|
isActive: false
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function CentralConfigLayout({
|
||||||
|
children,
|
||||||
|
}: {
|
||||||
|
children: ReactNode
|
||||||
|
}) {
|
||||||
|
return <SideBar data={centralConfigData}>{children}</SideBar>
|
||||||
|
}
|
||||||
22
crop-x/src/app/central-config/message-center/layout.tsx
Normal file
22
crop-x/src/app/central-config/message-center/layout.tsx
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
import { ReactNode } from 'react'
|
||||||
|
|
||||||
|
export default function MessageCenterLayout({
|
||||||
|
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>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,146 @@
|
|||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '消息发送 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '消息推送管理页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function MessageSendPage() {
|
||||||
|
return (
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-white rounded-lg shadow p-6">
|
||||||
|
<h2 className="text-2xl font-bold text-gray-800 mb-6">
|
||||||
|
📤 消息发送管理
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||||||
|
<div className="bg-blue-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-blue-900 mb-4">
|
||||||
|
创建新消息
|
||||||
|
</h3>
|
||||||
|
<form className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
消息标题
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
placeholder="请输入消息标题"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
接收人群组
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||||
|
<option>全体用户</option>
|
||||||
|
<option>农场管理员</option>
|
||||||
|
<option>农机操作员</option>
|
||||||
|
<option>系统管理员</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
消息类型
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||||
|
<option>系统通知</option>
|
||||||
|
<option>任务提醒</option>
|
||||||
|
<option>维护通知</option>
|
||||||
|
<option>紧急警报</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
消息内容
|
||||||
|
</label>
|
||||||
|
<textarea
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
rows={4}
|
||||||
|
placeholder="请输入消息内容"
|
||||||
|
></textarea>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
发送方式
|
||||||
|
</label>
|
||||||
|
<div className="space-y-2">
|
||||||
|
<label className="flex items-center">
|
||||||
|
<input type="checkbox" className="mr-2" defaultChecked />
|
||||||
|
站内消息
|
||||||
|
</label>
|
||||||
|
<label className="flex items-center">
|
||||||
|
<input type="checkbox" className="mr-2" />
|
||||||
|
邮件通知
|
||||||
|
</label>
|
||||||
|
<label className="flex items-center">
|
||||||
|
<input type="checkbox" className="mr-2" />
|
||||||
|
短信通知
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button
|
||||||
|
type="submit"
|
||||||
|
className="w-full px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
|
||||||
|
>
|
||||||
|
发送消息
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-green-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-green-900 mb-4">
|
||||||
|
最近发送记录
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-3">
|
||||||
|
{[
|
||||||
|
{ id: 'MSG001', title: '系统维护通知', recipients: '全体用户', time: '2024-10-20 14:30', status: '已发送' },
|
||||||
|
{ id: 'MSG002', title: '农机任务分配', recipients: '农机操作员', time: '2024-10-20 12:15', status: '已发送' },
|
||||||
|
{ id: 'MSG003', title: '天气预警', recipients: '农场管理员', time: '2024-10-20 09:45', status: '已发送' },
|
||||||
|
{ id: 'MSG004', title: '数据备份提醒', recipients: '系统管理员', time: '2024-10-19 23:00', status: '已发送' },
|
||||||
|
].map((message) => (
|
||||||
|
<div key={message.id} className="bg-white rounded-lg p-4 shadow-sm">
|
||||||
|
<div className="flex justify-between items-start">
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold text-gray-800">{message.title}</h4>
|
||||||
|
<p className="text-sm text-gray-600">接收人: {message.recipients}</p>
|
||||||
|
<p className="text-xs text-gray-500">{message.time}</p>
|
||||||
|
</div>
|
||||||
|
<span className="inline-block px-2 py-1 text-xs font-medium bg-green-100 text-green-800 rounded-full">
|
||||||
|
{message.status}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-6 bg-yellow-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-yellow-900 mb-4">
|
||||||
|
📊 消息统计
|
||||||
|
</h3>
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-4 gap-4">
|
||||||
|
<div className="bg-white rounded-lg p-4 text-center">
|
||||||
|
<div className="text-2xl font-bold text-blue-600 mb-2">156</div>
|
||||||
|
<div className="text-sm text-gray-600">今日发送</div>
|
||||||
|
</div>
|
||||||
|
<div className="bg-white rounded-lg p-4 text-center">
|
||||||
|
<div className="text-2xl font-bold text-green-600 mb-2">98.5%</div>
|
||||||
|
<div className="text-sm text-gray-600">发送成功率</div>
|
||||||
|
</div>
|
||||||
|
<div className="bg-white rounded-lg p-4 text-center">
|
||||||
|
<div className="text-2xl font-bold text-purple-600 mb-2">1,234</div>
|
||||||
|
<div className="text-sm text-gray-600">总发送量</div>
|
||||||
|
</div>
|
||||||
|
<div className="bg-white rounded-lg p-4 text-center">
|
||||||
|
<div className="text-2xl font-bold text-orange-600 mb-2">8</div>
|
||||||
|
<div className="text-sm text-gray-600">待发送</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
111
crop-x/src/app/central-config/message-center/page.tsx
Normal file
111
crop-x/src/app/central-config/message-center/page.tsx
Normal file
@@ -0,0 +1,111 @@
|
|||||||
|
import Link from 'next/link'
|
||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '消息中心 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '消息推送管理页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function MessageCenterPage() {
|
||||||
|
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="/central-config/message-center/message-push-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="/central-config/message-center/message-send"
|
||||||
|
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">
|
||||||
|
快速发送消息给指定用户
|
||||||
|
</p>
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
<Link
|
||||||
|
href="/central-config/message-center/notification-settings"
|
||||||
|
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="/central-config/message-center/feedback-management"
|
||||||
|
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>
|
||||||
|
</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">156 条</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">待处理反馈</span>
|
||||||
|
<span className="text-orange-600 font-semibold">23 条</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">活跃通知规则</span>
|
||||||
|
<span className="text-blue-600 font-semibold">8 个</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>
|
||||||
|
)
|
||||||
|
}
|
||||||
123
crop-x/src/app/central-config/page.tsx
Normal file
123
crop-x/src/app/central-config/page.tsx
Normal file
@@ -0,0 +1,123 @@
|
|||||||
|
import Link from 'next/link'
|
||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '中心配置管理 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '中心配置管理系统主页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function CentralConfigPage() {
|
||||||
|
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="/central-config/tenant-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="/central-config/user-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">
|
||||||
|
用户账号和角色权限管理
|
||||||
|
</p>
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
<Link
|
||||||
|
href="/central-config/system-parameters"
|
||||||
|
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="/central-config/system-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="/central-config/message-center"
|
||||||
|
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>
|
||||||
|
</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">12 个</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">注册用户</span>
|
||||||
|
<span className="text-blue-600 font-semibold">248 人</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">系统运行时间</span>
|
||||||
|
<span className="text-purple-600 font-semibold">99.8%</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>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,185 @@
|
|||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '异常处理 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '系统异常处理管理页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function ExceptionHandlingPage() {
|
||||||
|
return (
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-white rounded-lg shadow p-6">
|
||||||
|
<h2 className="text-2xl font-bold text-gray-800 mb-6">
|
||||||
|
⚠️ 异常处理管理
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||||||
|
<div className="bg-red-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-red-900 mb-4">
|
||||||
|
当前异常告警
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-3">
|
||||||
|
{[
|
||||||
|
{
|
||||||
|
id: 'ERR001',
|
||||||
|
type: '数据库连接异常',
|
||||||
|
severity: '高',
|
||||||
|
time: '2024-10-20 15:30:25',
|
||||||
|
status: 'active',
|
||||||
|
description: 'MySQL连接池耗尽,无法获取新连接'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'ERR002',
|
||||||
|
type: 'API超时异常',
|
||||||
|
severity: '中',
|
||||||
|
time: '2024-10-20 15:28:15',
|
||||||
|
status: 'active',
|
||||||
|
description: '第三方天气API调用超时'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'ERR003',
|
||||||
|
type: '内存溢出警告',
|
||||||
|
severity: '中',
|
||||||
|
time: '2024-10-20 15:25:42',
|
||||||
|
status: 'resolved',
|
||||||
|
description: 'JVM内存使用率超过85%阈值'
|
||||||
|
},
|
||||||
|
].map((error) => (
|
||||||
|
<div key={error.id} className="bg-white rounded-lg p-4 shadow-sm border-l-4 border-red-500">
|
||||||
|
<div className="flex justify-between items-start mb-2">
|
||||||
|
<div>
|
||||||
|
<h4 className="font-semibold text-gray-800">{error.type}</h4>
|
||||||
|
<p className="text-sm text-gray-600">{error.description}</p>
|
||||||
|
<p className="text-xs text-gray-500 mt-1">{error.time}</p>
|
||||||
|
</div>
|
||||||
|
<div className="flex flex-col items-end space-y-1">
|
||||||
|
<span className={`px-2 py-1 text-xs font-medium rounded-full ${
|
||||||
|
error.severity === '高' ? 'bg-red-100 text-red-800' : 'bg-yellow-100 text-yellow-800'
|
||||||
|
}`}>
|
||||||
|
{error.severity}严重
|
||||||
|
</span>
|
||||||
|
<span className={`px-2 py-1 text-xs font-medium rounded-full ${
|
||||||
|
error.status === 'active' ? 'bg-orange-100 text-orange-800' : 'bg-green-100 text-green-800'
|
||||||
|
}`}>
|
||||||
|
{error.status === 'active' ? '活跃' : '已解决'}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="flex space-x-2 mt-3">
|
||||||
|
<button className="px-3 py-1 bg-blue-600 text-white text-xs rounded hover:bg-blue-700">
|
||||||
|
查看详情
|
||||||
|
</button>
|
||||||
|
<button className="px-3 py-1 bg-green-600 text-white text-xs rounded hover:bg-green-700">
|
||||||
|
标记解决
|
||||||
|
</button>
|
||||||
|
<button className="px-3 py-1 bg-purple-600 text-white text-xs rounded hover:bg-purple-700">
|
||||||
|
查看日志
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-yellow-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-yellow-900 mb-4">
|
||||||
|
异常统计分析
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="bg-white rounded-lg p-4">
|
||||||
|
<h4 className="font-medium text-gray-800 mb-3">今日异常统计</h4>
|
||||||
|
<div className="space-y-2">
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">总异常数</span>
|
||||||
|
<span className="font-semibold text-red-600">23 次</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">已解决</span>
|
||||||
|
<span className="font-semibold text-green-600">18 次</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">处理中</span>
|
||||||
|
<span className="font-semibold text-orange-600">5 次</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">平均解决时间</span>
|
||||||
|
<span className="font-semibold text-blue-600">15分钟</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-white rounded-lg p-4">
|
||||||
|
<h4 className="font-medium text-gray-800 mb-3">异常类型分布</h4>
|
||||||
|
<div className="space-y-2">
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">数据库异常</span>
|
||||||
|
<span className="font-semibold text-purple-600">8 次</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">网络异常</span>
|
||||||
|
<span className="font-semibold text-blue-600">6 次</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">业务逻辑异常</span>
|
||||||
|
<span className="font-semibold text-green-600">5 次</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">系统资源异常</span>
|
||||||
|
<span className="font-semibold text-orange-600">4 次</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-6 bg-green-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-green-900 mb-4">
|
||||||
|
🔧 异常处理配置
|
||||||
|
</h3>
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||||
|
<div>
|
||||||
|
<h4 className="font-medium text-gray-800 mb-3">告警规则</h4>
|
||||||
|
<div className="space-y-2">
|
||||||
|
<div className="flex justify-between items-center p-2 bg-white rounded">
|
||||||
|
<span className="text-sm text-gray-700">异常自动告警</span>
|
||||||
|
<span className="text-sm text-green-600">已启用</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center p-2 bg-white rounded">
|
||||||
|
<span className="text-sm text-gray-700">邮件通知</span>
|
||||||
|
<span className="text-sm text-green-600">已启用</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center p-2 bg-white rounded">
|
||||||
|
<span className="text-sm text-gray-700">短信通知</span>
|
||||||
|
<span className="text-sm text-gray-600">仅高级异常</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center p-2 bg-white rounded">
|
||||||
|
<span className="text-sm text-gray-700">自动恢复检测</span>
|
||||||
|
<span className="text-sm text-green-600">已启用</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h4 className="font-medium text-gray-800 mb-3">快速操作</h4>
|
||||||
|
<div className="grid grid-cols-2 gap-2">
|
||||||
|
<button className="px-3 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors text-sm">
|
||||||
|
查看所有异常
|
||||||
|
</button>
|
||||||
|
<button className="px-3 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors text-sm">
|
||||||
|
导出异常报告
|
||||||
|
</button>
|
||||||
|
<button className="px-3 py-2 bg-purple-600 text-white rounded-md hover:bg-purple-700 transition-colors text-sm">
|
||||||
|
配置告警规则
|
||||||
|
</button>
|
||||||
|
<button className="px-3 py-2 bg-orange-600 text-white rounded-md hover:bg-orange-700 transition-colors text-sm">
|
||||||
|
批量处理异常
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
22
crop-x/src/app/central-config/system-monitoring/layout.tsx
Normal file
22
crop-x/src/app/central-config/system-monitoring/layout.tsx
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
import { ReactNode } from 'react'
|
||||||
|
|
||||||
|
export default function SystemMonitoringLayout({
|
||||||
|
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>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,160 @@
|
|||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '日志管理 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '系统日志管理页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function LogManagementPage() {
|
||||||
|
return (
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-white rounded-lg shadow p-6">
|
||||||
|
<h2 className="text-2xl font-bold text-gray-800 mb-6">
|
||||||
|
📋 日志管理
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||||||
|
<div className="lg:col-span-2">
|
||||||
|
<div className="bg-gray-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-gray-800 mb-4">
|
||||||
|
系统日志查看
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
<div className="mb-4 flex space-x-4">
|
||||||
|
<select className="px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||||
|
<option>所有级别</option>
|
||||||
|
<option>ERROR</option>
|
||||||
|
<option>WARN</option>
|
||||||
|
<option>INFO</option>
|
||||||
|
<option>DEBUG</option>
|
||||||
|
</select>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
placeholder="搜索日志内容..."
|
||||||
|
className="flex-1 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
/>
|
||||||
|
<button className="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors">
|
||||||
|
搜索
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-white rounded-lg p-4 max-h-96 overflow-y-auto">
|
||||||
|
<div className="space-y-3">
|
||||||
|
{[
|
||||||
|
{ time: '2024-10-20 15:30:25', level: 'INFO', module: '用户管理', message: '用户登录成功: admin', status: 'normal' },
|
||||||
|
{ time: '2024-10-20 15:28:15', level: 'WARN', module: '农机管理', message: '农机NJ001离线超时', status: 'warning' },
|
||||||
|
{ time: '2024-10-20 15:25:42', level: 'ERROR', module: '数据同步', message: 'API调用失败: timeout', status: 'error' },
|
||||||
|
{ time: '2024-10-20 15:22:18', level: 'INFO', module: '任务调度', message: '定时任务执行完成', status: 'normal' },
|
||||||
|
{ time: '2024-10-20 15:20:05', level: 'INFO', module: '系统监控', message: '系统性能指标正常', status: 'normal' },
|
||||||
|
].map((log, index) => (
|
||||||
|
<div key={index} className="border-l-4 border-gray-300 pl-4 py-2 hover:bg-gray-50">
|
||||||
|
<div className="flex justify-between items-start">
|
||||||
|
<div className="flex-1">
|
||||||
|
<div className="flex items-center space-x-2 mb-1">
|
||||||
|
<span className={`text-xs font-medium px-2 py-1 rounded ${
|
||||||
|
log.level === 'ERROR' ? 'bg-red-100 text-red-800' :
|
||||||
|
log.level === 'WARN' ? 'bg-yellow-100 text-yellow-800' :
|
||||||
|
log.level === 'INFO' ? 'bg-blue-100 text-blue-800' :
|
||||||
|
'bg-gray-100 text-gray-800'
|
||||||
|
}`}>
|
||||||
|
{log.level}
|
||||||
|
</span>
|
||||||
|
<span className="text-sm text-gray-500">{log.time}</span>
|
||||||
|
<span className="text-sm text-gray-600">[{log.module}]</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-sm text-gray-700">{log.message}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-4 flex justify-between items-center">
|
||||||
|
<div className="text-sm text-gray-600">
|
||||||
|
显示 1-5 条,共 1,245 条日志
|
||||||
|
</div>
|
||||||
|
<div className="flex space-x-2">
|
||||||
|
<button className="px-3 py-1 border border-gray-300 rounded-md hover:bg-gray-50">
|
||||||
|
上一页
|
||||||
|
</button>
|
||||||
|
<button className="px-3 py-1 bg-blue-600 text-white rounded-md">
|
||||||
|
1
|
||||||
|
</button>
|
||||||
|
<button className="px-3 py-1 border border-gray-300 rounded-md hover:bg-gray-50">
|
||||||
|
2
|
||||||
|
</button>
|
||||||
|
<button className="px-3 py-1 border border-gray-300 rounded-md hover:bg-gray-50">
|
||||||
|
下一页
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="bg-green-50 rounded-lg p-4">
|
||||||
|
<h4 className="font-semibold text-green-900 mb-3">日志统计</h4>
|
||||||
|
<div className="space-y-2">
|
||||||
|
<div className="flex justify-between">
|
||||||
|
<span className="text-gray-600">今日总数</span>
|
||||||
|
<span className="font-semibold text-green-600">1,245</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between">
|
||||||
|
<span className="text-gray-600">错误日志</span>
|
||||||
|
<span className="font-semibold text-red-600">12</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between">
|
||||||
|
<span className="text-gray-600">警告日志</span>
|
||||||
|
<span className="font-semibold text-yellow-600">45</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between">
|
||||||
|
<span className="text-gray-600">信息日志</span>
|
||||||
|
<span className="font-semibold text-blue-600">1,188</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-blue-50 rounded-lg p-4">
|
||||||
|
<h4 className="font-semibold text-blue-900 mb-3">快速操作</h4>
|
||||||
|
<div className="space-y-2">
|
||||||
|
<button className="w-full px-3 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors text-sm">
|
||||||
|
导出日志
|
||||||
|
</button>
|
||||||
|
<button className="w-full px-3 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors text-sm">
|
||||||
|
清理旧日志
|
||||||
|
</button>
|
||||||
|
<button className="w-full px-3 py-2 bg-purple-600 text-white rounded-md hover:bg-purple-700 transition-colors text-sm">
|
||||||
|
日志归档
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-purple-50 rounded-lg p-4">
|
||||||
|
<h4 className="font-semibold text-purple-900 mb-3">日志配置</h4>
|
||||||
|
<div className="space-y-2">
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-sm text-gray-600">日志级别</span>
|
||||||
|
<select className="text-xs px-2 py-1 border border-gray-300 rounded">
|
||||||
|
<option>INFO</option>
|
||||||
|
<option>DEBUG</option>
|
||||||
|
<option>WARN</option>
|
||||||
|
<option>ERROR</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-sm text-gray-600">保留天数</span>
|
||||||
|
<span className="text-sm font-semibold">30天</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-sm text-gray-600">自动清理</span>
|
||||||
|
<span className="text-sm text-green-600">已启用</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
103
crop-x/src/app/central-config/system-monitoring/page.tsx
Normal file
103
crop-x/src/app/central-config/system-monitoring/page.tsx
Normal file
@@ -0,0 +1,103 @@
|
|||||||
|
import Link from 'next/link'
|
||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '系统监控 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '系统监控管理页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function SystemMonitoringPage() {
|
||||||
|
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="/central-config/system-monitoring/performance-monitoring"
|
||||||
|
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="/central-config/system-monitoring/log-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">
|
||||||
|
系统日志查看和管理
|
||||||
|
</p>
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
<Link
|
||||||
|
href="/central-config/system-monitoring/exception-handling"
|
||||||
|
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>
|
||||||
|
</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">15天 8小时</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">CPU使用率</span>
|
||||||
|
<span className="text-blue-600 font-semibold">45.2%</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">内存使用率</span>
|
||||||
|
<span className="text-purple-600 font-semibold">68.7%</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">今日异常数</span>
|
||||||
|
<span className="text-orange-600 font-semibold">3 次</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>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,119 @@
|
|||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '性能监控 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '系统性能监控管理页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function PerformanceMonitoringPage() {
|
||||||
|
return (
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-white rounded-lg shadow p-6">
|
||||||
|
<h2 className="text-2xl font-bold text-gray-800 mb-6">
|
||||||
|
📊 性能监控管理
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||||||
|
<div className="bg-green-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-green-900 mb-4">
|
||||||
|
实时性能指标
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<div className="flex justify-between items-center mb-2">
|
||||||
|
<span className="text-gray-700">CPU 使用率</span>
|
||||||
|
<span className="font-semibold text-green-600">45.2%</span>
|
||||||
|
</div>
|
||||||
|
<div className="w-full bg-gray-200 rounded-full h-2">
|
||||||
|
<div className="bg-green-600 h-2 rounded-full" style={{ width: '45.2%' }}></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div className="flex justify-between items-center mb-2">
|
||||||
|
<span className="text-gray-700">内存使用率</span>
|
||||||
|
<span className="font-semibold text-blue-600">68.7%</span>
|
||||||
|
</div>
|
||||||
|
<div className="w-full bg-gray-200 rounded-full h-2">
|
||||||
|
<div className="bg-blue-600 h-2 rounded-full" style={{ width: '68.7%' }}></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div className="flex justify-between items-center mb-2">
|
||||||
|
<span className="text-gray-700">磁盘使用率</span>
|
||||||
|
<span className="font-semibold text-purple-600">32.1%</span>
|
||||||
|
</div>
|
||||||
|
<div className="w-full bg-gray-200 rounded-full h-2">
|
||||||
|
<div className="bg-purple-600 h-2 rounded-full" style={{ width: '32.1%' }}></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div className="flex justify-between items-center mb-2">
|
||||||
|
<span className="text-gray-700">网络带宽</span>
|
||||||
|
<span className="font-semibold text-orange-600">28.5%</span>
|
||||||
|
</div>
|
||||||
|
<div className="w-full bg-gray-200 rounded-full h-2">
|
||||||
|
<div className="bg-orange-600 h-2 rounded-full" style={{ width: '28.5%' }}></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-blue-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-blue-900 mb-4">
|
||||||
|
性能趋势图表
|
||||||
|
</h3>
|
||||||
|
<div className="bg-white rounded-lg p-4 h-64 flex items-center justify-center">
|
||||||
|
<div className="text-center">
|
||||||
|
<div className="text-4xl mb-2">📈</div>
|
||||||
|
<p className="text-gray-600">
|
||||||
|
性能趋势图表
|
||||||
|
</p>
|
||||||
|
<p className="text-sm text-gray-500">
|
||||||
|
(集成图表库后显示)
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-6 grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||||
|
<div className="bg-white rounded-lg p-4 border-l-4 border-green-500">
|
||||||
|
<h4 className="font-semibold text-gray-800 mb-2">响应时间</h4>
|
||||||
|
<div className="text-2xl font-bold text-green-600 mb-1">125ms</div>
|
||||||
|
<div className="text-sm text-gray-600">平均响应时间</div>
|
||||||
|
</div>
|
||||||
|
<div className="bg-white rounded-lg p-4 border-l-4 border-blue-500">
|
||||||
|
<h4 className="font-semibold text-gray-800 mb-2">吞吐量</h4>
|
||||||
|
<div className="text-2xl font-bold text-blue-600 mb-1">1,245</div>
|
||||||
|
<div className="text-sm text-gray-600">请求/分钟</div>
|
||||||
|
</div>
|
||||||
|
<div className="bg-white rounded-lg p-4 border-l-4 border-purple-500">
|
||||||
|
<h4 className="font-semibold text-gray-800 mb-2">可用性</h4>
|
||||||
|
<div className="text-2xl font-bold text-purple-600 mb-1">99.9%</div>
|
||||||
|
<div className="text-sm text-gray-600">系统可用性</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-6 bg-yellow-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-yellow-900 mb-4">
|
||||||
|
⚡ 性能优化建议
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-2">
|
||||||
|
<div className="flex items-center">
|
||||||
|
<div className="w-2 h-2 bg-yellow-500 rounded-full mr-3"></div>
|
||||||
|
<span className="text-gray-700">内存使用率较高,建议清理缓存或增加内存</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center">
|
||||||
|
<div className="w-2 h-2 bg-green-500 rounded-full mr-3"></div>
|
||||||
|
<span className="text-gray-700">CPU使用率正常,系统运行稳定</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center">
|
||||||
|
<div className="w-2 h-2 bg-blue-500 rounded-full mr-3"></div>
|
||||||
|
<span className="text-gray-700">磁盘空间充足,无需清理</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,223 @@
|
|||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '基础配置 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '基础配置管理页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function BasicConfigurationPage() {
|
||||||
|
return (
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-white rounded-lg shadow p-6">
|
||||||
|
<h2 className="text-2xl font-bold text-gray-800 mb-6">
|
||||||
|
⚙️ 基础配置管理
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-green-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-green-900 mb-4">
|
||||||
|
系统基本参数
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
系统名称
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
|
||||||
|
defaultValue="Crop-X 智慧农业管理系统"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
系统版本
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
|
||||||
|
defaultValue="v2.1.0"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
系统时区
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500">
|
||||||
|
<option>Asia/Shanghai (UTC+8)</option>
|
||||||
|
<option>Asia/Beijing (UTC+8)</option>
|
||||||
|
<option>UTC (UTC+0)</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
系统语言
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500">
|
||||||
|
<option>简体中文</option>
|
||||||
|
<option>English</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-blue-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-blue-900 mb-4">
|
||||||
|
安全配置
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
会话超时时间 (分钟)
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
defaultValue="30"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
密码最小长度
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
defaultValue="8"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
|
||||||
|
defaultChecked
|
||||||
|
/>
|
||||||
|
<label className="ml-2 block text-sm text-gray-700">
|
||||||
|
启用双因素认证
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
|
||||||
|
defaultChecked
|
||||||
|
/>
|
||||||
|
<label className="ml-2 block text-sm text-gray-700">
|
||||||
|
强制HTTPS访问
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-purple-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-purple-900 mb-4">
|
||||||
|
性能配置
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
数据库连接池大小
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500"
|
||||||
|
defaultValue="20"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
缓存过期时间 (小时)
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500"
|
||||||
|
defaultValue="24"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
最大文件上传大小 (MB)
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500"
|
||||||
|
defaultValue="10"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-300 rounded"
|
||||||
|
defaultChecked
|
||||||
|
/>
|
||||||
|
<label className="ml-2 block text-sm text-gray-700">
|
||||||
|
启用Gzip压缩
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-orange-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-orange-900 mb-4">
|
||||||
|
通知配置
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="flex items-center">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-4 w-4 text-orange-600 focus:ring-orange-500 border-gray-300 rounded"
|
||||||
|
defaultChecked
|
||||||
|
/>
|
||||||
|
<label className="ml-2 block text-sm text-gray-700">
|
||||||
|
启用邮件通知
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-4 w-4 text-orange-600 focus:ring-orange-500 border-gray-300 rounded"
|
||||||
|
defaultChecked
|
||||||
|
/>
|
||||||
|
<label className="ml-2 block text-sm text-gray-700">
|
||||||
|
启用短信通知
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-4 w-4 text-orange-600 focus:ring-orange-500 border-gray-300 rounded"
|
||||||
|
/>
|
||||||
|
<label className="ml-2 block text-sm text-gray-700">
|
||||||
|
启用系统消息通知
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
系统管理员邮箱
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-orange-500"
|
||||||
|
defaultValue="admin@crop-x.com"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-6 flex justify-end space-x-4">
|
||||||
|
<button className="px-6 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 transition-colors">
|
||||||
|
重置
|
||||||
|
</button>
|
||||||
|
<button className="px-6 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors">
|
||||||
|
保存配置
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,243 @@
|
|||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '业务规则设置 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '业务规则设置管理页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function BusinessRuleSettingsPage() {
|
||||||
|
return (
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-white rounded-lg shadow p-6">
|
||||||
|
<h2 className="text-2xl font-bold text-gray-800 mb-6">
|
||||||
|
📋 业务规则设置
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-green-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-green-900 mb-4">
|
||||||
|
🚙 农机管理规则
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="bg-white rounded-lg p-4">
|
||||||
|
<div className="flex justify-between items-center mb-2">
|
||||||
|
<h4 className="font-medium text-gray-800">农机在线时间要求</h4>
|
||||||
|
<span className="text-sm text-green-600">已启用</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-sm text-gray-600 mb-3">农机设备每日最少在线时间要求</p>
|
||||||
|
<div className="flex items-center space-x-4">
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
className="w-20 px-2 py-1 border border-gray-300 rounded"
|
||||||
|
defaultValue="8"
|
||||||
|
/>
|
||||||
|
<span className="text-sm text-gray-600">小时/天</span>
|
||||||
|
<button className="px-3 py-1 bg-green-600 text-white text-sm rounded hover:bg-green-700">
|
||||||
|
更新
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-white rounded-lg p-4">
|
||||||
|
<div className="flex justify-between items-center mb-2">
|
||||||
|
<h4 className="font-medium text-gray-800">农机维护提醒周期</h4>
|
||||||
|
<span className="text-sm text-green-600">已启用</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-sm text-gray-600 mb-3">农机设备定期维护提醒设置</p>
|
||||||
|
<div className="flex items-center space-x-4">
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
className="w-20 px-2 py-1 border border-gray-300 rounded"
|
||||||
|
defaultValue="30"
|
||||||
|
/>
|
||||||
|
<span className="text-sm text-gray-600">天</span>
|
||||||
|
<button className="px-3 py-1 bg-green-600 text-white text-sm rounded hover:bg-green-700">
|
||||||
|
更新
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-white rounded-lg p-4">
|
||||||
|
<div className="flex justify-between items-center mb-2">
|
||||||
|
<h4 className="font-medium text-gray-800">农机任务优先级规则</h4>
|
||||||
|
<span className="text-sm text-green-600">已启用</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-sm text-gray-600 mb-3">紧急任务自动优先级提升</p>
|
||||||
|
<div className="flex items-center space-x-4">
|
||||||
|
<select className="px-3 py-1 border border-gray-300 rounded">
|
||||||
|
<option>自动提升</option>
|
||||||
|
<option>手动确认</option>
|
||||||
|
<option>不提升</option>
|
||||||
|
</select>
|
||||||
|
<button className="px-3 py-1 bg-green-600 text-white text-sm rounded hover:bg-green-700">
|
||||||
|
更新
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-blue-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-blue-900 mb-4">
|
||||||
|
🌾 地块管理规则
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="bg-white rounded-lg p-4">
|
||||||
|
<div className="flex justify-between items-center mb-2">
|
||||||
|
<h4 className="font-medium text-gray-800">地块面积阈值</h4>
|
||||||
|
<span className="text-sm text-green-600">已启用</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-sm text-gray-600 mb-3">单块地块最大面积限制</p>
|
||||||
|
<div className="flex items-center space-x-4">
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
className="w-24 px-2 py-1 border border-gray-300 rounded"
|
||||||
|
defaultValue="1000"
|
||||||
|
/>
|
||||||
|
<span className="text-sm text-gray-600">亩</span>
|
||||||
|
<button className="px-3 py-1 bg-green-600 text-white text-sm rounded hover:bg-green-700">
|
||||||
|
更新
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-white rounded-lg p-4">
|
||||||
|
<div className="flex justify-between items-center mb-2">
|
||||||
|
<h4 className="font-medium text-gray-800">地块分级标准</h4>
|
||||||
|
<span className="text-sm text-green-600">已启用</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-sm text-gray-600 mb-3">根据面积和产出自动分级</p>
|
||||||
|
<div className="flex items-center space-x-4">
|
||||||
|
<select className="px-3 py-1 border border-gray-300 rounded">
|
||||||
|
<option>A/B/C三级</option>
|
||||||
|
<option>一级/二级/三级</option>
|
||||||
|
<option>优/良/中</option>
|
||||||
|
</select>
|
||||||
|
<button className="px-3 py-1 bg-green-600 text-white text-sm rounded hover:bg-green-700">
|
||||||
|
更新
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-purple-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-purple-900 mb-4">
|
||||||
|
📋 任务管理规则
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="bg-white rounded-lg p-4">
|
||||||
|
<div className="flex justify-between items-center mb-2">
|
||||||
|
<h4 className="font-medium text-gray-800">任务自动分配规则</h4>
|
||||||
|
<span className="text-sm text-green-600">已启用</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-sm text-gray-600 mb-3">根据技能和位置自动分配任务</p>
|
||||||
|
<div className="flex items-center space-x-4">
|
||||||
|
<select className="px-3 py-1 border border-gray-300 rounded">
|
||||||
|
<option>智能分配</option>
|
||||||
|
<option>轮询分配</option>
|
||||||
|
<option>手动分配</option>
|
||||||
|
</select>
|
||||||
|
<button className="px-3 py-1 bg-green-600 text-white text-sm rounded hover:bg-green-700">
|
||||||
|
更新
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-white rounded-lg p-4">
|
||||||
|
<div className="flex justify-between items-center mb-2">
|
||||||
|
<h4 className="font-medium text-gray-800">任务超时提醒</h4>
|
||||||
|
<span className="text-sm text-green-600">已启用</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-sm text-gray-600 mb-3">任务超时自动提醒设置</p>
|
||||||
|
<div className="flex items-center space-x-4">
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
className="w-20 px-2 py-1 border border-gray-300 rounded"
|
||||||
|
defaultValue="2"
|
||||||
|
/>
|
||||||
|
<span className="text-sm text-gray-600">小时后提醒</span>
|
||||||
|
<button className="px-3 py-1 bg-green-600 text-white text-sm rounded hover:bg-green-700">
|
||||||
|
更新
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-white rounded-lg p-4">
|
||||||
|
<div className="flex justify-between items-center mb-2">
|
||||||
|
<h4 className="font-medium text-gray-800">任务完成率阈值</h4>
|
||||||
|
<span className="text-sm text-orange-600">已启用</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-sm text-gray-600 mb-3">员工任务完成率考核标准</p>
|
||||||
|
<div className="flex items-center space-x-4">
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
className="w-20 px-2 py-1 border border-gray-300 rounded"
|
||||||
|
defaultValue="85"
|
||||||
|
/>
|
||||||
|
<span className="text-sm text-gray-600">% 优秀线</span>
|
||||||
|
<button className="px-3 py-1 bg-green-600 text-white text-sm rounded hover:bg-green-700">
|
||||||
|
更新
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-orange-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-orange-900 mb-4">
|
||||||
|
📊 数据管理规则
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="bg-white rounded-lg p-4">
|
||||||
|
<div className="flex justify-between items-center mb-2">
|
||||||
|
<h4 className="font-medium text-gray-800">数据备份周期</h4>
|
||||||
|
<span className="text-sm text-green-600">已启用</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-sm text-gray-600 mb-3">系统数据自动备份频率</p>
|
||||||
|
<div className="flex items-center space-x-4">
|
||||||
|
<select className="px-3 py-1 border border-gray-300 rounded">
|
||||||
|
<option>每日备份</option>
|
||||||
|
<option>每周备份</option>
|
||||||
|
<option>每月备份</option>
|
||||||
|
</select>
|
||||||
|
<button className="px-3 py-1 bg-green-600 text-white text-sm rounded hover:bg-green-700">
|
||||||
|
更新
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-white rounded-lg p-4">
|
||||||
|
<div className="flex justify-between items-center mb-2">
|
||||||
|
<h4 className="font-medium text-gray-800">日志保留期限</h4>
|
||||||
|
<span className="text-sm text-green-600">已启用</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-sm text-gray-600 mb-3">系统日志数据保留时间</p>
|
||||||
|
<div className="flex items-center space-x-4">
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
className="w-20 px-2 py-1 border border-gray-300 rounded"
|
||||||
|
defaultValue="90"
|
||||||
|
/>
|
||||||
|
<span className="text-sm text-gray-600">天</span>
|
||||||
|
<button className="px-3 py-1 bg-green-600 text-white text-sm rounded hover:bg-green-700">
|
||||||
|
更新
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-6 flex justify-end space-x-4">
|
||||||
|
<button className="px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors">
|
||||||
|
导出规则配置
|
||||||
|
</button>
|
||||||
|
<button className="px-6 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors">
|
||||||
|
保存所有规则
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,299 @@
|
|||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '接口配置 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '接口配置管理页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function InterfaceConfigurationPage() {
|
||||||
|
return (
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-white rounded-lg shadow p-6">
|
||||||
|
<h2 className="text-2xl font-bold text-gray-800 mb-6">
|
||||||
|
🔌 接口配置管理
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-green-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-green-900 mb-4">
|
||||||
|
🌤️ 天气服务接口
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
API提供商
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500">
|
||||||
|
<option>中国天气网</option>
|
||||||
|
<option>和风天气</option>
|
||||||
|
<option>OpenWeatherMap</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
API密钥
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
|
||||||
|
defaultValue="••••••••••••••••"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
请求频率限制
|
||||||
|
</label>
|
||||||
|
<div className="flex items-center space-x-2">
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
className="w-20 px-2 py-1 border border-gray-300 rounded"
|
||||||
|
defaultValue="1000"
|
||||||
|
/>
|
||||||
|
<span className="text-sm text-gray-600">次/小时</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-4 w-4 text-green-600 focus:ring-green-500 border-gray-300 rounded"
|
||||||
|
defaultChecked
|
||||||
|
/>
|
||||||
|
<label className="ml-2 block text-sm text-gray-700">
|
||||||
|
启用天气预警功能
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<button className="w-full px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors">
|
||||||
|
测试连接
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-blue-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-blue-900 mb-4">
|
||||||
|
📱 短信服务接口
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
短信服务商
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||||
|
<option>阿里云短信</option>
|
||||||
|
<option>腾讯云短信</option>
|
||||||
|
<option>华为云短信</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
Access Key ID
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
defaultValue="••••••••••••••••"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
Access Key Secret
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
defaultValue="••••••••••••••••"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
签名名称
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
defaultValue="Crop-X农业"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<button className="w-full px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors">
|
||||||
|
测试连接
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-purple-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-purple-900 mb-4">
|
||||||
|
📧 邮件服务接口
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
SMTP服务器
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500"
|
||||||
|
defaultValue="smtp.crop-x.com"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
端口号
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500"
|
||||||
|
defaultValue="587"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
发件邮箱
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500"
|
||||||
|
defaultValue="noreply@crop-x.com"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
邮箱密码
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500"
|
||||||
|
defaultValue="••••••••••••••••"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-300 rounded"
|
||||||
|
defaultChecked
|
||||||
|
/>
|
||||||
|
<label className="ml-2 block text-sm text-gray-700">
|
||||||
|
启用SSL/TLS加密
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<button className="w-full px-4 py-2 bg-purple-600 text-white rounded-md hover:bg-purple-700 transition-colors">
|
||||||
|
测试连接
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-orange-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-orange-900 mb-4">
|
||||||
|
🗺️ 地图服务接口
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
地图服务商
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-orange-500">
|
||||||
|
<option>高德地图</option>
|
||||||
|
<option>百度地图</option>
|
||||||
|
<option>腾讯地图</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
API Key
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-orange-500"
|
||||||
|
defaultValue="••••••••••••••••"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
默认地图中心
|
||||||
|
</label>
|
||||||
|
<div className="flex space-x-2">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="flex-1 px-2 py-1 border border-gray-300 rounded"
|
||||||
|
placeholder="经度"
|
||||||
|
defaultValue="116.397428"
|
||||||
|
/>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="flex-1 px-2 py-1 border border-gray-300 rounded"
|
||||||
|
placeholder="纬度"
|
||||||
|
defaultValue="39.90923"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
默认缩放级别
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-orange-500">
|
||||||
|
<option>10 - 城市</option>
|
||||||
|
<option>12 - 区域</option>
|
||||||
|
<option>14 - 街区</option>
|
||||||
|
<option>16 - 建筑</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<button className="w-full px-4 py-2 bg-orange-600 text-white rounded-md hover:bg-orange-700 transition-colors">
|
||||||
|
测试连接
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-6 bg-gray-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-gray-800 mb-4">
|
||||||
|
📊 接口状态监控
|
||||||
|
</h3>
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-4 gap-4">
|
||||||
|
<div className="bg-white rounded-lg p-4 border-l-4 border-green-500">
|
||||||
|
<h4 className="font-medium text-gray-800 mb-2">天气服务</h4>
|
||||||
|
<div className="flex items-center justify-between">
|
||||||
|
<span className="text-sm text-green-600">正常</span>
|
||||||
|
<span className="text-xs text-gray-500">响应: 125ms</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="bg-white rounded-lg p-4 border-l-4 border-green-500">
|
||||||
|
<h4 className="font-medium text-gray-800 mb-2">短信服务</h4>
|
||||||
|
<div className="flex items-center justify-between">
|
||||||
|
<span className="text-sm text-green-600">正常</span>
|
||||||
|
<span className="text-xs text-gray-500">响应: 89ms</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="bg-white rounded-lg p-4 border-l-4 border-yellow-500">
|
||||||
|
<h4 className="font-medium text-gray-800 mb-2">邮件服务</h4>
|
||||||
|
<div className="flex items-center justify-between">
|
||||||
|
<span className="text-sm text-yellow-600">警告</span>
|
||||||
|
<span className="text-xs text-gray-500">响应: 456ms</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="bg-white rounded-lg p-4 border-l-4 border-green-500">
|
||||||
|
<h4 className="font-medium text-gray-800 mb-2">地图服务</h4>
|
||||||
|
<div className="flex items-center justify-between">
|
||||||
|
<span className="text-sm text-green-600">正常</span>
|
||||||
|
<span className="text-xs text-gray-500">响应: 67ms</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-6 flex justify-end space-x-4">
|
||||||
|
<button className="px-6 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 transition-colors">
|
||||||
|
重置配置
|
||||||
|
</button>
|
||||||
|
<button className="px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors">
|
||||||
|
导出配置
|
||||||
|
</button>
|
||||||
|
<button className="px-6 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors">
|
||||||
|
保存配置
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
22
crop-x/src/app/central-config/system-parameters/layout.tsx
Normal file
22
crop-x/src/app/central-config/system-parameters/layout.tsx
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
import { ReactNode } from 'react'
|
||||||
|
|
||||||
|
export default function SystemParametersLayout({
|
||||||
|
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>
|
||||||
|
)
|
||||||
|
}
|
||||||
103
crop-x/src/app/central-config/system-parameters/page.tsx
Normal file
103
crop-x/src/app/central-config/system-parameters/page.tsx
Normal file
@@ -0,0 +1,103 @@
|
|||||||
|
import Link from 'next/link'
|
||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '系统参数 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '系统参数管理页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function SystemParametersPage() {
|
||||||
|
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="/central-config/system-parameters/basic-configuration"
|
||||||
|
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="/central-config/system-parameters/business-rule-settings"
|
||||||
|
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">
|
||||||
|
业务逻辑规则和策略配置
|
||||||
|
</p>
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
<Link
|
||||||
|
href="/central-config/system-parameters/interface-configuration"
|
||||||
|
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">
|
||||||
|
API接口和第三方服务配置
|
||||||
|
</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">45 项</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">业务规则数</span>
|
||||||
|
<span className="text-blue-600 font-semibold">23 条</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">接口配置</span>
|
||||||
|
<span className="text-purple-600 font-semibold">12 个</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">待审核配置</span>
|
||||||
|
<span className="text-orange-600 font-semibold">3 项</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>
|
||||||
|
)
|
||||||
|
}
|
||||||
22
crop-x/src/app/central-config/tenant-management/layout.tsx
Normal file
22
crop-x/src/app/central-config/tenant-management/layout.tsx
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
import { ReactNode } from 'react'
|
||||||
|
|
||||||
|
export default function TenantManagementLayout({
|
||||||
|
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>
|
||||||
|
)
|
||||||
|
}
|
||||||
163
crop-x/src/app/central-config/tenant-management/page.tsx
Normal file
163
crop-x/src/app/central-config/tenant-management/page.tsx
Normal file
@@ -0,0 +1,163 @@
|
|||||||
|
import Link from 'next/link'
|
||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '租户管理 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '租户管理页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function TenantManagementPage() {
|
||||||
|
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="/central-config/tenant-management/tenant-creation"
|
||||||
|
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="/central-config/tenant-management/tenant-configuration"
|
||||||
|
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">
|
||||||
|
配置租户基本信息和设置
|
||||||
|
</p>
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
<Link
|
||||||
|
href="/central-config/tenant-management/tenant-authorization"
|
||||||
|
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>
|
||||||
|
</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">12 个</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">活跃租户</span>
|
||||||
|
<span className="text-blue-600 font-semibold">10 个</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">待审核租户</span>
|
||||||
|
<span className="text-orange-600 font-semibold">2 个</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">总用户数</span>
|
||||||
|
<span className="text-purple-600 font-semibold">1,248 人</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 className="bg-white rounded-lg shadow p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-gray-800 mb-4">
|
||||||
|
📋 最近创建的租户
|
||||||
|
</h3>
|
||||||
|
<div className="overflow-x-auto">
|
||||||
|
<table className="min-w-full divide-y divide-gray-200">
|
||||||
|
<thead className="bg-gray-50">
|
||||||
|
<tr>
|
||||||
|
<th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||||
|
租户ID
|
||||||
|
</th>
|
||||||
|
<th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||||
|
租户名称
|
||||||
|
</th>
|
||||||
|
<th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||||
|
状态
|
||||||
|
</th>
|
||||||
|
<th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||||
|
创建时间
|
||||||
|
</th>
|
||||||
|
<th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||||
|
操作
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody className="bg-white divide-y divide-gray-200">
|
||||||
|
{[
|
||||||
|
{ id: 'T001', name: '绿色农业合作社', status: 'active', time: '2024-10-20 10:30' },
|
||||||
|
{ id: 'T002', name: '丰收农场', status: 'active', time: '2024-10-19 14:15' },
|
||||||
|
{ id: 'T003', name: '智慧农业科技', status: 'pending', time: '2024-10-18 09:45' },
|
||||||
|
{ id: 'T004', name: '现代农业示范园', status: 'active', time: '2024-10-17 16:20' },
|
||||||
|
].map((tenant) => (
|
||||||
|
<tr key={tenant.id}>
|
||||||
|
<td className="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
|
||||||
|
{tenant.id}
|
||||||
|
</td>
|
||||||
|
<td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
|
||||||
|
{tenant.name}
|
||||||
|
</td>
|
||||||
|
<td className="px-6 py-4 whitespace-nowrap">
|
||||||
|
<span className={`px-2 py-1 text-xs font-medium rounded-full ${
|
||||||
|
tenant.status === 'active' ? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800'
|
||||||
|
}`}>
|
||||||
|
{tenant.status === 'active' ? '活跃' : '待审核'}
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
<td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
|
||||||
|
{tenant.time}
|
||||||
|
</td>
|
||||||
|
<td className="px-6 py-4 whitespace-nowrap text-sm font-medium">
|
||||||
|
<button className="text-blue-600 hover:text-blue-900 mr-3">编辑</button>
|
||||||
|
<button className="text-red-600 hover:text-red-900">删除</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
))}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,243 @@
|
|||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '租户授权 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '租户授权管理页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function TenantAuthorizationPage() {
|
||||||
|
return (
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-white rounded-lg shadow p-6">
|
||||||
|
<h2 className="text-2xl font-bold text-gray-800 mb-6">
|
||||||
|
🔐 租户授权管理
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div className="mb-6">
|
||||||
|
<div className="flex items-center space-x-4">
|
||||||
|
<select className="px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||||
|
<option>选择租户</option>
|
||||||
|
<option>T001 - 绿色农业合作社</option>
|
||||||
|
<option>T002 - 丰收农场</option>
|
||||||
|
<option>T003 - 智慧农业科技</option>
|
||||||
|
<option>T004 - 现代农业示范园</option>
|
||||||
|
</select>
|
||||||
|
<button className="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors">
|
||||||
|
查询
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||||||
|
<div className="lg:col-span-2">
|
||||||
|
<div className="bg-green-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-green-900 mb-4">
|
||||||
|
📋 功能模块权限
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
{[
|
||||||
|
{ module: '智能农机管理', code: 'machinery', enabled: true, features: ['档案管理', '实时监控', '任务调度', '数据分析'] },
|
||||||
|
{ module: '地块信息管理', code: 'land', enabled: true, features: ['地块档案', '地图管理', '空间分析', '环境监测'] },
|
||||||
|
{ module: '农事操作管理', code: 'farming', enabled: true, features: ['农事计划', '任务管理', '操作执行', '知识库'] },
|
||||||
|
{ module: '农业资产管理', code: 'asset', enabled: false, features: ['基础信息', '采购管理', '库存管理', '物资领用'] },
|
||||||
|
{ module: 'AI作物模型', code: 'ai-model', enabled: false, features: ['数据感知', '模型应用', '智能决策', '监控中心'] },
|
||||||
|
{ module: '水肥控制', code: 'irrigation', enabled: true, features: ['水肥机管理', '智能灌溉', '施肥配方', '实时监测'] },
|
||||||
|
{ module: '中心配置', code: 'config', enabled: false, features: ['租户管理', '用户管理', '系统参数', '消息中心'] },
|
||||||
|
].map((item, index) => (
|
||||||
|
<div key={index} className="bg-white rounded-lg p-4">
|
||||||
|
<div className="flex justify-between items-center mb-3">
|
||||||
|
<div className="flex items-center">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-4 w-4 text-green-600 focus:ring-green-500 border-gray-300 rounded mr-3"
|
||||||
|
defaultChecked={item.enabled}
|
||||||
|
/>
|
||||||
|
<h4 className="font-medium text-gray-800">{item.module}</h4>
|
||||||
|
<span className="ml-2 text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded">
|
||||||
|
{item.code}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<button className="text-blue-600 hover:text-blue-800 text-sm">
|
||||||
|
详细设置
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div className="grid grid-cols-2 md:grid-cols-4 gap-2">
|
||||||
|
{item.features.map((feature, featureIndex) => (
|
||||||
|
<label key={featureIndex} className="flex items-center text-sm">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-3 w-3 text-green-600 focus:ring-green-500 border-gray-300 rounded mr-2"
|
||||||
|
defaultChecked={item.enabled}
|
||||||
|
/>
|
||||||
|
<span className={item.enabled ? 'text-gray-700' : 'text-gray-400'}>
|
||||||
|
{feature}
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-blue-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-blue-900 mb-4">
|
||||||
|
🔑 API访问权限
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="flex items-center justify-between">
|
||||||
|
<span className="text-gray-700">API访问</span>
|
||||||
|
<span className="text-sm text-green-600">已启用</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
API Key
|
||||||
|
</label>
|
||||||
|
<div className="flex space-x-2">
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
className="flex-1 px-3 py-2 border border-gray-300 rounded-md bg-gray-50"
|
||||||
|
value="••••••••••••••••••••••••••••••••"
|
||||||
|
readOnly
|
||||||
|
/>
|
||||||
|
<button className="px-3 py-1 bg-blue-600 text-white text-sm rounded hover:bg-blue-700">
|
||||||
|
重置
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
访问频率限制
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||||
|
<option>1000次/小时</option>
|
||||||
|
<option>5000次/小时</option>
|
||||||
|
<option>10000次/小时</option>
|
||||||
|
<option>无限制</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
IP白名单
|
||||||
|
</label>
|
||||||
|
<textarea
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
rows={3}
|
||||||
|
placeholder="输入允许访问的IP地址,每行一个"
|
||||||
|
></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-purple-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-purple-900 mb-4">
|
||||||
|
📊 权限统计
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-2">
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">已启用模块</span>
|
||||||
|
<span className="font-semibold text-green-600">4 / 7</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">功能权限</span>
|
||||||
|
<span className="font-semibold text-blue-600">18 / 28</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">API权限</span>
|
||||||
|
<span className="font-semibold text-purple-600">已授权</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">最后更新</span>
|
||||||
|
<span className="text-sm text-gray-500">2024-10-20 15:30</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-orange-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-orange-900 mb-4">
|
||||||
|
⚡ 快速操作
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-2">
|
||||||
|
<button className="w-full px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors">
|
||||||
|
应用默认权限
|
||||||
|
</button>
|
||||||
|
<button className="w-full px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors">
|
||||||
|
导出权限配置
|
||||||
|
</button>
|
||||||
|
<button className="w-full px-4 py-2 bg-purple-600 text-white rounded-md hover:bg-purple-700 transition-colors">
|
||||||
|
权限变更历史
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-6 bg-yellow-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-yellow-900 mb-4">
|
||||||
|
📋 权限变更记录
|
||||||
|
</h3>
|
||||||
|
<div className="overflow-x-auto">
|
||||||
|
<table className="min-w-full divide-y divide-gray-200">
|
||||||
|
<thead className="bg-yellow-100">
|
||||||
|
<tr>
|
||||||
|
<th className="px-6 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">
|
||||||
|
时间
|
||||||
|
</th>
|
||||||
|
<th className="px-6 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">
|
||||||
|
操作类型
|
||||||
|
</th>
|
||||||
|
<th className="px-6 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">
|
||||||
|
操作内容
|
||||||
|
</th>
|
||||||
|
<th className="px-6 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">
|
||||||
|
操作人
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody className="bg-white divide-y divide-gray-200">
|
||||||
|
{[
|
||||||
|
{ time: '2024-10-20 15:30', type: '模块授权', content: '启用智能农机管理模块', operator: 'admin' },
|
||||||
|
{ time: '2024-10-20 14:15', type: '权限调整', content: '关闭农业资产管理模块', operator: 'admin' },
|
||||||
|
{ time: '2024-10-20 10:45', type: 'API配置', content: '重置API密钥', operator: 'admin' },
|
||||||
|
{ time: '2024-10-19 16:20', type: '权限调整', content: '启用水肥控制模块', operator: 'admin' },
|
||||||
|
].map((record, index) => (
|
||||||
|
<tr key={index}>
|
||||||
|
<td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
|
||||||
|
{record.time}
|
||||||
|
</td>
|
||||||
|
<td className="px-6 py-4 whitespace-nowrap">
|
||||||
|
<span className={`px-2 py-1 text-xs font-medium rounded-full ${
|
||||||
|
record.type === '模块授权' ? 'bg-green-100 text-green-800' :
|
||||||
|
record.type === '权限调整' ? 'bg-blue-100 text-blue-800' :
|
||||||
|
'bg-purple-100 text-purple-800'
|
||||||
|
}`}>
|
||||||
|
{record.type}
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
<td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
|
||||||
|
{record.content}
|
||||||
|
</td>
|
||||||
|
<td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
|
||||||
|
{record.operator}
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
))}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-6 flex justify-end space-x-4">
|
||||||
|
<button className="px-6 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 transition-colors">
|
||||||
|
取消
|
||||||
|
</button>
|
||||||
|
<button className="px-6 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors">
|
||||||
|
保存权限配置
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,287 @@
|
|||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '租户配置 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '租户配置管理页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function TenantConfigurationPage() {
|
||||||
|
return (
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-white rounded-lg shadow p-6">
|
||||||
|
<h2 className="text-2xl font-bold text-gray-800 mb-6">
|
||||||
|
⚙️ 租户配置管理
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div className="mb-6">
|
||||||
|
<div className="flex items-center space-x-4">
|
||||||
|
<select className="px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||||
|
<option>选择租户</option>
|
||||||
|
<option>T001 - 绿色农业合作社</option>
|
||||||
|
<option>T002 - 丰收农场</option>
|
||||||
|
<option>T003 - 智慧农业科技</option>
|
||||||
|
<option>T004 - 现代农业示范园</option>
|
||||||
|
</select>
|
||||||
|
<button className="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors">
|
||||||
|
查询
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-green-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-green-900 mb-4">
|
||||||
|
基本信息配置
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
租户名称
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
|
||||||
|
defaultValue="绿色农业合作社"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
租户Logo
|
||||||
|
</label>
|
||||||
|
<div className="flex items-center space-x-4">
|
||||||
|
<div className="w-16 h-16 bg-gray-200 rounded-lg flex items-center justify-center">
|
||||||
|
<span className="text-gray-500">Logo</span>
|
||||||
|
</div>
|
||||||
|
<button className="px-3 py-1 bg-green-600 text-white text-sm rounded hover:bg-green-700">
|
||||||
|
上传Logo
|
||||||
|
</button>
|
||||||
|
<button className="px-3 py-1 border border-gray-300 text-sm rounded hover:bg-gray-50">
|
||||||
|
删除
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
联系人
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
|
||||||
|
defaultValue="张三"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
联系电话
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="tel"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
|
||||||
|
defaultValue="13800138000"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
租户状态
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500">
|
||||||
|
<option>正常</option>
|
||||||
|
<option>暂停</option>
|
||||||
|
<option>停用</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-blue-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-blue-900 mb-4">
|
||||||
|
业务配置
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
最大用户数
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
defaultValue="100"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
存储空间配额 (GB)
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
defaultValue="50"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
数据保留期限 (天)
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
defaultValue="365"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
|
||||||
|
defaultChecked
|
||||||
|
/>
|
||||||
|
<label className="ml-2 block text-sm text-gray-700">
|
||||||
|
允许数据导出
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
|
||||||
|
defaultChecked
|
||||||
|
/>
|
||||||
|
<label className="ml-2 block text-sm text-gray-700">
|
||||||
|
允许API访问
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-purple-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-purple-900 mb-4">
|
||||||
|
系统配置
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
系统主题
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500">
|
||||||
|
<option>默认主题</option>
|
||||||
|
<option>绿色主题</option>
|
||||||
|
<option>蓝色主题</option>
|
||||||
|
<option>暗色主题</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
系统语言
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500">
|
||||||
|
<option>简体中文</option>
|
||||||
|
<option>English</option>
|
||||||
|
<option>繁體中文</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
时区设置
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500">
|
||||||
|
<option>Asia/Shanghai (UTC+8)</option>
|
||||||
|
<option>Asia/Beijing (UTC+8)</option>
|
||||||
|
<option>UTC (UTC+0)</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
日期格式
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500">
|
||||||
|
<option>YYYY-MM-DD</option>
|
||||||
|
<option>YYYY/MM/DD</option>
|
||||||
|
<option>DD/MM/YYYY</option>
|
||||||
|
<option>MM/DD/YYYY</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
数字格式
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500">
|
||||||
|
<option>1,234.56</option>
|
||||||
|
<option>1.234,56</option>
|
||||||
|
<option>1234.56</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-orange-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-orange-900 mb-4">
|
||||||
|
通知配置
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="flex items-center">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-4 w-4 text-orange-600 focus:ring-orange-500 border-gray-300 rounded"
|
||||||
|
defaultChecked
|
||||||
|
/>
|
||||||
|
<label className="ml-2 block text-sm text-gray-700">
|
||||||
|
启用邮件通知
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-4 w-4 text-orange-600 focus:ring-orange-500 border-gray-300 rounded"
|
||||||
|
defaultChecked
|
||||||
|
/>
|
||||||
|
<label className="ml-2 block text-sm text-gray-700">
|
||||||
|
启用短信通知
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-4 w-4 text-orange-600 focus:ring-orange-500 border-gray-300 rounded"
|
||||||
|
/>
|
||||||
|
<label className="ml-2 block text-sm text-gray-700">
|
||||||
|
启用系统消息通知
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
通知邮箱
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-orange-500"
|
||||||
|
defaultValue="admin@green-agri.com"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
通知手机号
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="tel"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-orange-500"
|
||||||
|
defaultValue="13800138000"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-6 flex justify-end space-x-4">
|
||||||
|
<button className="px-6 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 transition-colors">
|
||||||
|
重置
|
||||||
|
</button>
|
||||||
|
<button className="px-6 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors">
|
||||||
|
保存配置
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,221 @@
|
|||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '租户创建 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '租户创建管理页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function TenantCreationPage() {
|
||||||
|
return (
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-white rounded-lg shadow p-6">
|
||||||
|
<h2 className="text-2xl font-bold text-gray-800 mb-6">
|
||||||
|
➕ 租户创建管理
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||||||
|
<div className="bg-green-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-green-900 mb-4">
|
||||||
|
创建新租户
|
||||||
|
</h3>
|
||||||
|
<form className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
租户名称 <span className="text-red-500">*</span>
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
|
||||||
|
placeholder="请输入租户名称"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
租户代码 <span className="text-red-500">*</span>
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
|
||||||
|
placeholder="请输入租户代码(英文)"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
联系人姓名 <span className="text-red-500">*</span>
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
|
||||||
|
placeholder="请输入联系人姓名"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
联系电话 <span className="text-red-500">*</span>
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="tel"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
|
||||||
|
placeholder="请输入联系电话"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
电子邮箱 <span className="text-red-500">*</span>
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
|
||||||
|
placeholder="请输入电子邮箱"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
租户类型 <span className="text-red-500">*</span>
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500">
|
||||||
|
<option>请选择租户类型</option>
|
||||||
|
<option>农业企业</option>
|
||||||
|
<option>农业合作社</option>
|
||||||
|
<option>家庭农场</option>
|
||||||
|
<option>农业合作社</option>
|
||||||
|
<option>农业科技公司</option>
|
||||||
|
<option>其他</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
所在地区
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500">
|
||||||
|
<option>请选择省份</option>
|
||||||
|
<option>北京市</option>
|
||||||
|
<option>上海市</option>
|
||||||
|
<option>广东省</option>
|
||||||
|
<option>江苏省</option>
|
||||||
|
<option>浙江省</option>
|
||||||
|
<option>山东省</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
详细地址
|
||||||
|
</label>
|
||||||
|
<textarea
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
|
||||||
|
rows={3}
|
||||||
|
placeholder="请输入详细地址"
|
||||||
|
></textarea>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
备注说明
|
||||||
|
</label>
|
||||||
|
<textarea
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500"
|
||||||
|
rows={3}
|
||||||
|
placeholder="请输入备注说明"
|
||||||
|
></textarea>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-4 w-4 text-green-600 focus:ring-green-500 border-gray-300 rounded"
|
||||||
|
defaultChecked
|
||||||
|
/>
|
||||||
|
<label className="ml-2 block text-sm text-gray-700">
|
||||||
|
我已阅读并同意服务条款
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div className="flex space-x-4">
|
||||||
|
<button
|
||||||
|
type="submit"
|
||||||
|
className="flex-1 px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors"
|
||||||
|
>
|
||||||
|
创建租户
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="flex-1 px-4 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 transition-colors"
|
||||||
|
>
|
||||||
|
重置表单
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-blue-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-blue-900 mb-4">
|
||||||
|
📋 创建说明
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-3 text-sm text-gray-700">
|
||||||
|
<div className="flex items-start">
|
||||||
|
<div className="w-2 h-2 bg-blue-500 rounded-full mt-1.5 mr-3"></div>
|
||||||
|
<p>租户名称必须为中文,长度2-50个字符</p>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-start">
|
||||||
|
<div className="w-2 h-2 bg-blue-500 rounded-full mt-1.5 mr-3"></div>
|
||||||
|
<p>租户代码必须为英文,长度3-20个字符,只能包含字母和数字</p>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-start">
|
||||||
|
<div className="w-2 h-2 bg-blue-500 rounded-full mt-1.5 mr-3"></div>
|
||||||
|
<p>联系电话必须是有效的手机号码或座机号码</p>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-start">
|
||||||
|
<div className="w-2 h-2 bg-blue-500 rounded-full mt-1.5 mr-3"></div>
|
||||||
|
<p>电子邮箱必须是有效的邮箱地址格式</p>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-start">
|
||||||
|
<div className="w-2 h-2 bg-blue-500 rounded-full mt-1.5 mr-3"></div>
|
||||||
|
<p>创建成功后,系统将自动向管理员邮箱发送登录信息</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-purple-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-purple-900 mb-4">
|
||||||
|
⚡ 快速操作
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-2">
|
||||||
|
<button className="w-full px-4 py-2 bg-purple-600 text-white rounded-md hover:bg-purple-700 transition-colors">
|
||||||
|
📥 批量导入租户
|
||||||
|
</button>
|
||||||
|
<button className="w-full px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors">
|
||||||
|
📄 下载模板文件
|
||||||
|
</button>
|
||||||
|
<button className="w-full px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors">
|
||||||
|
📊 查看导入历史
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-yellow-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-yellow-900 mb-4">
|
||||||
|
📈 今日统计
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-2">
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">今日创建租户</span>
|
||||||
|
<span className="font-semibold text-green-600">3 个</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">待审核租户</span>
|
||||||
|
<span className="font-semibold text-orange-600">2 个</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">已通过租户</span>
|
||||||
|
<span className="font-semibold text-blue-600">1 个</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">创建成功率</span>
|
||||||
|
<span className="font-semibold text-purple-600">100%</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
22
crop-x/src/app/central-config/user-management/layout.tsx
Normal file
22
crop-x/src/app/central-config/user-management/layout.tsx
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
import { ReactNode } from 'react'
|
||||||
|
|
||||||
|
export default function UserManagementLayout({
|
||||||
|
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>
|
||||||
|
)
|
||||||
|
}
|
||||||
178
crop-x/src/app/central-config/user-management/page.tsx
Normal file
178
crop-x/src/app/central-config/user-management/page.tsx
Normal file
@@ -0,0 +1,178 @@
|
|||||||
|
import Link from 'next/link'
|
||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '用户管理 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '用户管理页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function UserManagementPage() {
|
||||||
|
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="/central-config/user-management/user-account-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="/central-config/user-management/role-permission-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">
|
||||||
|
配置用户角色和权限设置
|
||||||
|
</p>
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
<Link
|
||||||
|
href="/central-config/user-management/user-behavior-tracking"
|
||||||
|
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>
|
||||||
|
</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">248 人</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">活跃用户</span>
|
||||||
|
<span className="text-blue-600 font-semibold">186 人</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">新注册用户</span>
|
||||||
|
<span className="text-purple-600 font-semibold">12 人</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">待审核用户</span>
|
||||||
|
<span className="text-orange-600 font-semibold">5 人</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 className="bg-white rounded-lg shadow p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-gray-800 mb-4">
|
||||||
|
📋 最近登录用户
|
||||||
|
</h3>
|
||||||
|
<div className="overflow-x-auto">
|
||||||
|
<table className="min-w-full divide-y divide-gray-200">
|
||||||
|
<thead className="bg-gray-50">
|
||||||
|
<tr>
|
||||||
|
<th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||||
|
用户名
|
||||||
|
</th>
|
||||||
|
<th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||||
|
姓名
|
||||||
|
</th>
|
||||||
|
<th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||||
|
角色
|
||||||
|
</th>
|
||||||
|
<th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||||
|
租户
|
||||||
|
</th>
|
||||||
|
<th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||||
|
最后登录
|
||||||
|
</th>
|
||||||
|
<th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||||
|
状态
|
||||||
|
</th>
|
||||||
|
<th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||||
|
操作
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody className="bg-white divide-y divide-gray-200">
|
||||||
|
{[
|
||||||
|
{ username: 'admin', name: '系统管理员', role: '超级管理员', tenant: '系统', lastLogin: '2024-10-20 15:30', status: 'active' },
|
||||||
|
{ username: 'zhangsan', name: '张三', role: '农场管理员', tenant: '绿色农业合作社', lastLogin: '2024-10-20 14:15', status: 'active' },
|
||||||
|
{ username: 'lisi', name: '李四', role: '农机操作员', tenant: '丰收农场', lastLogin: '2024-10-20 12:45', status: 'active' },
|
||||||
|
{ username: 'wangwu', name: '王五', role: '技术员', tenant: '智慧农业科技', lastLogin: '2024-10-19 16:20', status: 'inactive' },
|
||||||
|
{ username: 'zhaoliu', name: '赵六', role: '观察员', tenant: '现代农业示范园', lastLogin: '2024-10-18 09:30', status: 'pending' },
|
||||||
|
].map((user, index) => (
|
||||||
|
<tr key={index}>
|
||||||
|
<td className="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
|
||||||
|
{user.username}
|
||||||
|
</td>
|
||||||
|
<td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
|
||||||
|
{user.name}
|
||||||
|
</td>
|
||||||
|
<td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
|
||||||
|
{user.role}
|
||||||
|
</td>
|
||||||
|
<td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
|
||||||
|
{user.tenant}
|
||||||
|
</td>
|
||||||
|
<td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
|
||||||
|
{user.lastLogin}
|
||||||
|
</td>
|
||||||
|
<td className="px-6 py-4 whitespace-nowrap">
|
||||||
|
<span className={`px-2 py-1 text-xs font-medium rounded-full ${
|
||||||
|
user.status === 'active' ? 'bg-green-100 text-green-800' :
|
||||||
|
user.status === 'inactive' ? 'bg-gray-100 text-gray-800' :
|
||||||
|
'bg-yellow-100 text-yellow-800'
|
||||||
|
}`}>
|
||||||
|
{user.status === 'active' ? '活跃' : user.status === 'inactive' ? '未激活' : '待审核'}
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
<td className="px-6 py-4 whitespace-nowrap text-sm font-medium">
|
||||||
|
<button className="text-blue-600 hover:text-blue-900 mr-3">编辑</button>
|
||||||
|
<button className="text-red-600 hover:text-red-900">删除</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
))}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,245 @@
|
|||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '角色权限管理 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '角色权限管理页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function RolePermissionManagementPage() {
|
||||||
|
return (
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-white rounded-lg shadow p-6">
|
||||||
|
<h2 className="text-2xl font-bold text-gray-800 mb-6">
|
||||||
|
🔐 角色权限管理
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-green-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-green-900 mb-4">
|
||||||
|
🎭 角色管理
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div className="flex justify-between items-center mb-4">
|
||||||
|
<h4 className="font-medium text-gray-800">现有角色</h4>
|
||||||
|
<button className="px-3 py-1 bg-green-600 text-white text-sm rounded hover:bg-green-700">
|
||||||
|
➕ 新建角色
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
{[
|
||||||
|
{ name: '超级管理员', code: 'super_admin', users: 3, description: '拥有系统所有权限' },
|
||||||
|
{ name: '农场管理员', code: 'farm_admin', users: 45, description: '管理农场整体运营' },
|
||||||
|
{ name: '农机操作员', code: 'machine_operator', users: 89, description: '操作和维护农机设备' },
|
||||||
|
{ name: '技术员', code: 'technician', users: 67, description: '负责技术支持和分析' },
|
||||||
|
{ name: '观察员', code: 'observer', users: 44, description: '只读权限,查看数据' },
|
||||||
|
].map((role, index) => (
|
||||||
|
<div key={index} className="bg-white rounded-lg p-4">
|
||||||
|
<div className="flex justify-between items-start mb-2">
|
||||||
|
<div>
|
||||||
|
<h5 className="font-medium text-gray-800">{role.name}</h5>
|
||||||
|
<p className="text-sm text-gray-600">{role.description}</p>
|
||||||
|
<p className="text-xs text-gray-500 mt-1">角色代码: {role.code}</p>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center space-x-2">
|
||||||
|
<span className="px-2 py-1 text-xs bg-blue-100 text-blue-800 rounded-full">
|
||||||
|
{role.users} 用户
|
||||||
|
</span>
|
||||||
|
<button className="text-blue-600 hover:text-blue-800 text-sm">
|
||||||
|
编辑
|
||||||
|
</button>
|
||||||
|
<button className="text-red-600 hover:text-red-800 text-sm">
|
||||||
|
删除
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-blue-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-blue-900 mb-4">
|
||||||
|
➕ 创建新角色
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
角色名称
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
placeholder="请输入角色名称"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
角色代码
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
placeholder="请输入角色代码(英文)"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
角色描述
|
||||||
|
</label>
|
||||||
|
<textarea
|
||||||
|
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
rows={3}
|
||||||
|
placeholder="请输入角色描述"
|
||||||
|
></textarea>
|
||||||
|
</div>
|
||||||
|
<button className="w-full px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors">
|
||||||
|
创建角色
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-purple-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-purple-900 mb-4">
|
||||||
|
🔑 权限矩阵配置
|
||||||
|
</h3>
|
||||||
|
<div className="mb-4">
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500">
|
||||||
|
<option>选择角色进行权限配置</option>
|
||||||
|
<option>超级管理员</option>
|
||||||
|
<option>农场管理员</option>
|
||||||
|
<option>农机操作员</option>
|
||||||
|
<option>技术员</option>
|
||||||
|
<option>观察员</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div className="space-y-3">
|
||||||
|
{[
|
||||||
|
{
|
||||||
|
module: '智能农机管理',
|
||||||
|
permissions: ['查看', '创建', '编辑', '删除', '导出']
|
||||||
|
},
|
||||||
|
{
|
||||||
|
module: '地块信息管理',
|
||||||
|
permissions: ['查看', '创建', '编辑', '删除', '导出']
|
||||||
|
},
|
||||||
|
{
|
||||||
|
module: '农事操作管理',
|
||||||
|
permissions: ['查看', '创建', '编辑', '删除', '导出']
|
||||||
|
},
|
||||||
|
{
|
||||||
|
module: '农业资产管理',
|
||||||
|
permissions: ['查看', '创建', '编辑', '删除', '导出']
|
||||||
|
},
|
||||||
|
{
|
||||||
|
module: 'AI作物模型',
|
||||||
|
permissions: ['查看', '创建', '编辑', '删除', '导出']
|
||||||
|
},
|
||||||
|
{
|
||||||
|
module: '水肥控制',
|
||||||
|
permissions: ['查看', '创建', '编辑', '删除', '导出']
|
||||||
|
},
|
||||||
|
{
|
||||||
|
module: '系统配置',
|
||||||
|
permissions: ['查看', '创建', '编辑', '删除', '导出']
|
||||||
|
},
|
||||||
|
].map((module, index) => (
|
||||||
|
<div key={index} className="bg-white rounded-lg p-3">
|
||||||
|
<div className="flex items-center justify-between mb-2">
|
||||||
|
<h4 className="font-medium text-gray-800">{module.module}</h4>
|
||||||
|
<label className="flex items-center text-sm">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-300 rounded mr-2"
|
||||||
|
/>
|
||||||
|
全选
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div className="flex flex-wrap gap-2">
|
||||||
|
{module.permissions.map((permission, permIndex) => (
|
||||||
|
<label key={permIndex} className="flex items-center">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-3 w-3 text-purple-600 focus:ring-purple-500 border-gray-300 rounded mr-1"
|
||||||
|
/>
|
||||||
|
<span className="text-xs text-gray-700">{permission}</span>
|
||||||
|
</label>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
<button className="w-full mt-4 px-4 py-2 bg-purple-600 text-white rounded-md hover:bg-purple-700 transition-colors">
|
||||||
|
保存权限配置
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-orange-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-orange-900 mb-4">
|
||||||
|
👥 用户角色分配
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-4">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
选择用户
|
||||||
|
</label>
|
||||||
|
<select className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-orange-500">
|
||||||
|
<option>请选择用户</option>
|
||||||
|
<option>张三 - 农场管理员</option>
|
||||||
|
<option>李四 - 农机操作员</option>
|
||||||
|
<option>王五 - 技术员</option>
|
||||||
|
<option>赵六 - 观察员</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
|
分配角色
|
||||||
|
</label>
|
||||||
|
<div className="space-y-2">
|
||||||
|
{['超级管理员', '农场管理员', '农机操作员', '技术员', '观察员'].map((role, index) => (
|
||||||
|
<label key={index} className="flex items-center">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
className="h-4 w-4 text-orange-600 focus:ring-orange-500 border-gray-300 rounded mr-2"
|
||||||
|
/>
|
||||||
|
<span className="text-sm text-gray-700">{role}</span>
|
||||||
|
</label>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button className="w-full px-4 py-2 bg-orange-600 text-white rounded-md hover:bg-orange-700 transition-colors">
|
||||||
|
更新用户角色
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-6 bg-gray-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-gray-800 mb-4">
|
||||||
|
📊 权限使用统计
|
||||||
|
</h3>
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-4 gap-4">
|
||||||
|
<div className="bg-white rounded-lg p-4 text-center">
|
||||||
|
<div className="text-2xl font-bold text-green-600 mb-2">5</div>
|
||||||
|
<div className="text-sm text-gray-600">总角色数</div>
|
||||||
|
</div>
|
||||||
|
<div className="bg-white rounded-lg p-4 text-center">
|
||||||
|
<div className="text-2xl font-bold text-blue-600 mb-2">35</div>
|
||||||
|
<div className="text-sm text-gray-600">总权限数</div>
|
||||||
|
</div>
|
||||||
|
<div className="bg-white rounded-lg p-4 text-center">
|
||||||
|
<div className="text-2xl font-bold text-purple-600 mb-2">18</div>
|
||||||
|
<div className="text-sm text-gray-600">今日角色变更</div>
|
||||||
|
</div>
|
||||||
|
<div className="bg-white rounded-lg p-4 text-center">
|
||||||
|
<div className="text-2xl font-bold text-orange-600 mb-2">42</div>
|
||||||
|
<div className="text-sm text-gray-600">今日权限调整</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,283 @@
|
|||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '用户账号管理 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '用户账号管理页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function UserAccountManagementPage() {
|
||||||
|
return (
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-white rounded-lg shadow p-6">
|
||||||
|
<h2 className="text-2xl font-bold text-gray-800 mb-6">
|
||||||
|
👤 用户账号管理
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div className="mb-6 flex justify-between items-center">
|
||||||
|
<div className="flex items-center space-x-4">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
placeholder="搜索用户名、姓名或邮箱..."
|
||||||
|
className="px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 w-80"
|
||||||
|
/>
|
||||||
|
<select className="px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||||
|
<option>所有角色</option>
|
||||||
|
<option>超级管理员</option>
|
||||||
|
<option>农场管理员</option>
|
||||||
|
<option>农机操作员</option>
|
||||||
|
<option>技术员</option>
|
||||||
|
<option>观察员</option>
|
||||||
|
</select>
|
||||||
|
<select className="px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||||
|
<option>所有状态</option>
|
||||||
|
<option>活跃</option>
|
||||||
|
<option>未激活</option>
|
||||||
|
<option>待审核</option>
|
||||||
|
<option>已禁用</option>
|
||||||
|
</select>
|
||||||
|
<button className="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors">
|
||||||
|
搜索
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<button className="px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors">
|
||||||
|
➕ 创建用户
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||||||
|
<div className="lg:col-span-2">
|
||||||
|
<div className="bg-gray-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-gray-800 mb-4">
|
||||||
|
用户列表
|
||||||
|
</h3>
|
||||||
|
<div className="overflow-x-auto">
|
||||||
|
<table className="min-w-full divide-y divide-gray-200">
|
||||||
|
<thead className="bg-gray-100">
|
||||||
|
<tr>
|
||||||
|
<th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">
|
||||||
|
<input type="checkbox" className="h-4 w-4 text-gray-600 focus:ring-gray-500 border-gray-300 rounded" />
|
||||||
|
</th>
|
||||||
|
<th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">
|
||||||
|
用户信息
|
||||||
|
</th>
|
||||||
|
<th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">
|
||||||
|
角色
|
||||||
|
</th>
|
||||||
|
<th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">
|
||||||
|
租户
|
||||||
|
</th>
|
||||||
|
<th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">
|
||||||
|
状态
|
||||||
|
</th>
|
||||||
|
<th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">
|
||||||
|
创建时间
|
||||||
|
</th>
|
||||||
|
<th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">
|
||||||
|
操作
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody className="bg-white divide-y divide-gray-200">
|
||||||
|
{[
|
||||||
|
{
|
||||||
|
username: 'admin',
|
||||||
|
name: '系统管理员',
|
||||||
|
email: 'admin@crop-x.com',
|
||||||
|
avatar: '👨💼',
|
||||||
|
role: '超级管理员',
|
||||||
|
tenant: '系统',
|
||||||
|
status: 'active',
|
||||||
|
createTime: '2024-01-01'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
username: 'zhangsan',
|
||||||
|
name: '张三',
|
||||||
|
email: 'zhangsan@green-agri.com',
|
||||||
|
avatar: '👨🌾',
|
||||||
|
role: '农场管理员',
|
||||||
|
tenant: '绿色农业合作社',
|
||||||
|
status: 'active',
|
||||||
|
createTime: '2024-03-15'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
username: 'lisi',
|
||||||
|
name: '李四',
|
||||||
|
email: 'lisi@harvest.com',
|
||||||
|
avatar: '👩🌾',
|
||||||
|
role: '农机操作员',
|
||||||
|
tenant: '丰收农场',
|
||||||
|
status: 'active',
|
||||||
|
createTime: '2024-05-20'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
username: 'wangwu',
|
||||||
|
name: '王五',
|
||||||
|
email: 'wangwu@smart-agri.com',
|
||||||
|
avatar: '👨🔧',
|
||||||
|
role: '技术员',
|
||||||
|
tenant: '智慧农业科技',
|
||||||
|
status: 'inactive',
|
||||||
|
createTime: '2024-07-10'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
username: 'zhaoliu',
|
||||||
|
name: '赵六',
|
||||||
|
email: 'zhaoliu@modern-agri.com',
|
||||||
|
avatar: '👩🔬',
|
||||||
|
role: '观察员',
|
||||||
|
tenant: '现代农业示范园',
|
||||||
|
status: 'pending',
|
||||||
|
createTime: '2024-09-05'
|
||||||
|
},
|
||||||
|
].map((user, index) => (
|
||||||
|
<tr key={index} className="hover:bg-gray-50">
|
||||||
|
<td className="px-4 py-3 whitespace-nowrap">
|
||||||
|
<input type="checkbox" className="h-4 w-4 text-gray-600 focus:ring-gray-500 border-gray-300 rounded" />
|
||||||
|
</td>
|
||||||
|
<td className="px-4 py-3 whitespace-nowrap">
|
||||||
|
<div className="flex items-center">
|
||||||
|
<div className="text-2xl mr-3">{user.avatar}</div>
|
||||||
|
<div>
|
||||||
|
<div className="text-sm font-medium text-gray-900">{user.name}</div>
|
||||||
|
<div className="text-sm text-gray-500">@{user.username}</div>
|
||||||
|
<div className="text-xs text-gray-400">{user.email}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td className="px-4 py-3 whitespace-nowrap">
|
||||||
|
<span className="px-2 py-1 text-xs font-medium bg-blue-100 text-blue-800 rounded-full">
|
||||||
|
{user.role}
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
<td className="px-4 py-3 whitespace-nowrap text-sm text-gray-500">
|
||||||
|
{user.tenant}
|
||||||
|
</td>
|
||||||
|
<td className="px-4 py-3 whitespace-nowrap">
|
||||||
|
<span className={`px-2 py-1 text-xs font-medium rounded-full ${
|
||||||
|
user.status === 'active' ? 'bg-green-100 text-green-800' :
|
||||||
|
user.status === 'inactive' ? 'bg-gray-100 text-gray-800' :
|
||||||
|
'bg-yellow-100 text-yellow-800'
|
||||||
|
}`}>
|
||||||
|
{user.status === 'active' ? '活跃' : user.status === 'inactive' ? '未激活' : '待审核'}
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
<td className="px-4 py-3 whitespace-nowrap text-sm text-gray-500">
|
||||||
|
{user.createTime}
|
||||||
|
</td>
|
||||||
|
<td className="px-4 py-3 whitespace-nowrap text-sm font-medium">
|
||||||
|
<button className="text-blue-600 hover:text-blue-900 mr-2">编辑</button>
|
||||||
|
<button className="text-green-600 hover:text-green-900 mr-2">重置密码</button>
|
||||||
|
<button className="text-red-600 hover:text-red-900">删除</button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
))}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-4 flex justify-between items-center">
|
||||||
|
<div className="text-sm text-gray-600">
|
||||||
|
显示 1-5 条,共 248 条用户
|
||||||
|
</div>
|
||||||
|
<div className="flex space-x-2">
|
||||||
|
<button className="px-3 py-1 border border-gray-300 rounded-md hover:bg-gray-50">
|
||||||
|
上一页
|
||||||
|
</button>
|
||||||
|
<button className="px-3 py-1 bg-blue-600 text-white rounded-md">
|
||||||
|
1
|
||||||
|
</button>
|
||||||
|
<button className="px-3 py-1 border border-gray-300 rounded-md hover:bg-gray-50">
|
||||||
|
2
|
||||||
|
</button>
|
||||||
|
<button className="px-3 py-1 border border-gray-300 rounded-md hover:bg-gray-50">
|
||||||
|
3
|
||||||
|
</button>
|
||||||
|
<button className="px-3 py-1 border border-gray-300 rounded-md hover:bg-gray-50">
|
||||||
|
...
|
||||||
|
</button>
|
||||||
|
<button className="px-3 py-1 border border-gray-300 rounded-md hover:bg-gray-50">
|
||||||
|
下一页
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-green-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-green-900 mb-4">
|
||||||
|
📊 用户统计
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-3">
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">总用户数</span>
|
||||||
|
<span className="font-semibold text-green-600">248</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">活跃用户</span>
|
||||||
|
<span className="font-semibold text-blue-600">186</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">待审核</span>
|
||||||
|
<span className="font-semibold text-orange-600">5</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">已禁用</span>
|
||||||
|
<span className="font-semibold text-red-600">12</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-blue-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-blue-900 mb-4">
|
||||||
|
🎭 角色分布
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-2">
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">超级管理员</span>
|
||||||
|
<span className="font-semibold text-purple-600">3</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">农场管理员</span>
|
||||||
|
<span className="font-semibold text-green-600">45</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">农机操作员</span>
|
||||||
|
<span className="font-semibold text-blue-600">89</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">技术员</span>
|
||||||
|
<span className="font-semibold text-orange-600">67</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">观察员</span>
|
||||||
|
<span className="font-semibold text-gray-600">44</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-purple-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-purple-900 mb-4">
|
||||||
|
⚡ 批量操作
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-2">
|
||||||
|
<button className="w-full px-4 py-2 bg-purple-600 text-white rounded-md hover:bg-purple-700 transition-colors">
|
||||||
|
批量激活用户
|
||||||
|
</button>
|
||||||
|
<button className="w-full px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors">
|
||||||
|
批量重置密码
|
||||||
|
</button>
|
||||||
|
<button className="w-full px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors">
|
||||||
|
批量分配角色
|
||||||
|
</button>
|
||||||
|
<button className="w-full px-4 py-2 bg-orange-600 text-white rounded-md hover:bg-orange-700 transition-colors">
|
||||||
|
导出用户列表
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,337 @@
|
|||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '用户行为跟踪 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '用户行为跟踪管理页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function UserBehaviorTrackingPage() {
|
||||||
|
return (
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-white rounded-lg shadow p-6">
|
||||||
|
<h2 className="text-2xl font-bold text-gray-800 mb-6">
|
||||||
|
📊 用户行为跟踪
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div className="mb-6 flex items-center space-x-4">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
placeholder="搜索用户..."
|
||||||
|
className="px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
/>
|
||||||
|
<select className="px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
|
||||||
|
<option>所有行为类型</option>
|
||||||
|
<option>登录</option>
|
||||||
|
<option>查看页面</option>
|
||||||
|
<option>创建数据</option>
|
||||||
|
<option>编辑数据</option>
|
||||||
|
<option>删除数据</option>
|
||||||
|
<option>导出数据</option>
|
||||||
|
</select>
|
||||||
|
<input
|
||||||
|
type="date"
|
||||||
|
className="px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
|
||||||
|
/>
|
||||||
|
<button className="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors">
|
||||||
|
搜索
|
||||||
|
</button>
|
||||||
|
<button className="px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors">
|
||||||
|
导出记录
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 lg:grid-cols-4 gap-6">
|
||||||
|
<div className="lg:col-span-3">
|
||||||
|
<div className="bg-gray-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-gray-800 mb-4">
|
||||||
|
📋 行为记录
|
||||||
|
</h3>
|
||||||
|
<div className="overflow-x-auto">
|
||||||
|
<table className="min-w-full divide-y divide-gray-200">
|
||||||
|
<thead className="bg-gray-100">
|
||||||
|
<tr>
|
||||||
|
<th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">
|
||||||
|
时间
|
||||||
|
</th>
|
||||||
|
<th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">
|
||||||
|
用户
|
||||||
|
</th>
|
||||||
|
<th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">
|
||||||
|
行为类型
|
||||||
|
</th>
|
||||||
|
<th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">
|
||||||
|
模块
|
||||||
|
</th>
|
||||||
|
<th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">
|
||||||
|
描述
|
||||||
|
</th>
|
||||||
|
<th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">
|
||||||
|
IP地址
|
||||||
|
</th>
|
||||||
|
<th className="px-4 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider">
|
||||||
|
状态
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody className="bg-white divide-y divide-gray-200">
|
||||||
|
{[
|
||||||
|
{
|
||||||
|
time: '2024-10-20 15:30:25',
|
||||||
|
user: '张三',
|
||||||
|
type: '登录',
|
||||||
|
module: '系统认证',
|
||||||
|
description: '用户登录系统',
|
||||||
|
ip: '192.168.1.100',
|
||||||
|
status: 'success'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
time: '2024-10-20 15:28:15',
|
||||||
|
user: '李四',
|
||||||
|
type: '查看页面',
|
||||||
|
module: '智能农机管理',
|
||||||
|
description: '查看农机列表页面',
|
||||||
|
ip: '192.168.1.101',
|
||||||
|
status: 'success'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
time: '2024-10-20 15:25:42',
|
||||||
|
user: '王五',
|
||||||
|
type: '创建数据',
|
||||||
|
module: '地块信息管理',
|
||||||
|
description: '创建新的地块信息',
|
||||||
|
ip: '192.168.1.102',
|
||||||
|
status: 'success'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
time: '2024-10-20 15:22:18',
|
||||||
|
user: '赵六',
|
||||||
|
type: '编辑数据',
|
||||||
|
module: '农事操作管理',
|
||||||
|
description: '编辑农事任务信息',
|
||||||
|
ip: '192.168.1.103',
|
||||||
|
status: 'success'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
time: '2024-10-20 15:20:05',
|
||||||
|
user: '张三',
|
||||||
|
type: '导出数据',
|
||||||
|
module: '系统配置',
|
||||||
|
description: '导出用户列表',
|
||||||
|
ip: '192.168.1.100',
|
||||||
|
status: 'success'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
time: '2024-10-20 15:18:30',
|
||||||
|
user: '李四',
|
||||||
|
type: '删除数据',
|
||||||
|
module: '农业资产管理',
|
||||||
|
description: '删除资产记录',
|
||||||
|
ip: '192.168.1.101',
|
||||||
|
status: 'warning'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
time: '2024-10-20 15:15:45',
|
||||||
|
user: '王五',
|
||||||
|
type: '登录',
|
||||||
|
module: '系统认证',
|
||||||
|
description: '用户登录失败',
|
||||||
|
ip: '192.168.1.102',
|
||||||
|
status: 'error'
|
||||||
|
},
|
||||||
|
].map((record, index) => (
|
||||||
|
<tr key={index} className="hover:bg-gray-50">
|
||||||
|
<td className="px-4 py-3 whitespace-nowrap text-sm text-gray-500">
|
||||||
|
{record.time}
|
||||||
|
</td>
|
||||||
|
<td className="px-4 py-3 whitespace-nowrap text-sm text-gray-900">
|
||||||
|
{record.user}
|
||||||
|
</td>
|
||||||
|
<td className="px-4 py-3 whitespace-nowrap">
|
||||||
|
<span className={`px-2 py-1 text-xs font-medium rounded-full ${
|
||||||
|
record.type === '登录' ? 'bg-green-100 text-green-800' :
|
||||||
|
record.type === '查看页面' ? 'bg-blue-100 text-blue-800' :
|
||||||
|
record.type === '创建数据' ? 'bg-purple-100 text-purple-800' :
|
||||||
|
record.type === '编辑数据' ? 'bg-orange-100 text-orange-800' :
|
||||||
|
record.type === '导出数据' ? 'bg-teal-100 text-teal-800' :
|
||||||
|
'bg-red-100 text-red-800'
|
||||||
|
}`}>
|
||||||
|
{record.type}
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
<td className="px-4 py-3 whitespace-nowrap text-sm text-gray-500">
|
||||||
|
{record.module}
|
||||||
|
</td>
|
||||||
|
<td className="px-4 py-3 whitespace-nowrap text-sm text-gray-500">
|
||||||
|
{record.description}
|
||||||
|
</td>
|
||||||
|
<td className="px-4 py-3 whitespace-nowrap text-sm text-gray-500">
|
||||||
|
{record.ip}
|
||||||
|
</td>
|
||||||
|
<td className="px-4 py-3 whitespace-nowrap">
|
||||||
|
<span className={`px-2 py-1 text-xs font-medium rounded-full ${
|
||||||
|
record.status === 'success' ? 'bg-green-100 text-green-800' :
|
||||||
|
record.status === 'warning' ? 'bg-yellow-100 text-yellow-800' :
|
||||||
|
'bg-red-100 text-red-800'
|
||||||
|
}`}>
|
||||||
|
{record.status === 'success' ? '成功' : record.status === 'warning' ? '警告' : '失败'}
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
))}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-4 flex justify-between items-center">
|
||||||
|
<div className="text-sm text-gray-600">
|
||||||
|
显示 1-7 条,共 1,456 条记录
|
||||||
|
</div>
|
||||||
|
<div className="flex space-x-2">
|
||||||
|
<button className="px-3 py-1 border border-gray-300 rounded-md hover:bg-gray-50">
|
||||||
|
上一页
|
||||||
|
</button>
|
||||||
|
<button className="px-3 py-1 bg-blue-600 text-white rounded-md">
|
||||||
|
1
|
||||||
|
</button>
|
||||||
|
<button className="px-3 py-1 border border-gray-300 rounded-md hover:bg-gray-50">
|
||||||
|
2
|
||||||
|
</button>
|
||||||
|
<button className="px-3 py-1 border border-gray-300 rounded-md hover:bg-gray-50">
|
||||||
|
3
|
||||||
|
</button>
|
||||||
|
<button className="px-3 py-1 border border-gray-300 rounded-md hover:bg-gray-50">
|
||||||
|
下一页
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-6">
|
||||||
|
<div className="bg-green-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-green-900 mb-4">
|
||||||
|
📈 今日统计
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-3">
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">总操作数</span>
|
||||||
|
<span className="font-semibold text-green-600">1,456</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">成功操作</span>
|
||||||
|
<span className="font-semibold text-blue-600">1,423</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">失败操作</span>
|
||||||
|
<span className="font-semibold text-red-600">25</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">活跃用户</span>
|
||||||
|
<span className="font-semibold text-purple-600">186</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-blue-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-blue-900 mb-4">
|
||||||
|
🎯 热门模块
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-2">
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">智能农机管理</span>
|
||||||
|
<span className="font-semibold text-blue-600">342 次</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">地块信息管理</span>
|
||||||
|
<span className="font-semibold text-green-600">298 次</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">农事操作管理</span>
|
||||||
|
<span className="font-semibold text-purple-600">256 次</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">系统配置</span>
|
||||||
|
<span className="font-semibold text-orange-600">189 次</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-purple-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-purple-900 mb-4">
|
||||||
|
👥 活跃用户TOP5
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-2">
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">张三</span>
|
||||||
|
<span className="font-semibold text-purple-600">89 次</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">李四</span>
|
||||||
|
<span className="font-semibold text-blue-600">76 次</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">王五</span>
|
||||||
|
<span className="font-semibold text-green-600">65 次</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">赵六</span>
|
||||||
|
<span className="font-semibold text-orange-600">54 次</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">钱七</span>
|
||||||
|
<span className="font-semibold text-red-600">43 次</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="bg-orange-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-orange-900 mb-4">
|
||||||
|
⚠️ 异常行为监控
|
||||||
|
</h3>
|
||||||
|
<div className="space-y-3">
|
||||||
|
<div className="bg-white rounded-lg p-3 border-l-4 border-red-500">
|
||||||
|
<div className="flex justify-between items-center mb-1">
|
||||||
|
<span className="text-sm font-medium text-gray-800">频繁登录失败</span>
|
||||||
|
<span className="text-xs text-red-600">高</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-xs text-gray-600">用户: test@example.com - 5次失败</p>
|
||||||
|
</div>
|
||||||
|
<div className="bg-white rounded-lg p-3 border-l-4 border-yellow-500">
|
||||||
|
<div className="flex justify-between items-center mb-1">
|
||||||
|
<span className="text-sm font-medium text-gray-800">异常时间段操作</span>
|
||||||
|
<span className="text-xs text-yellow-600">中</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-xs text-gray-600">用户: 李四 - 凌晨3点操作</p>
|
||||||
|
</div>
|
||||||
|
<div className="bg-white rounded-lg p-3 border-l-4 border-blue-500">
|
||||||
|
<div className="flex justify-between items-center mb-1">
|
||||||
|
<span className="text-sm font-medium text-gray-800">大量数据导出</span>
|
||||||
|
<span className="text-xs text-blue-600">低</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-xs text-gray-600">用户: 王五 - 单日导出10次</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-6 bg-yellow-50 rounded-lg p-6">
|
||||||
|
<h3 className="text-lg font-semibold text-yellow-900 mb-4">
|
||||||
|
🔍 高级分析
|
||||||
|
</h3>
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||||
|
<button className="px-4 py-2 bg-yellow-600 text-white rounded-md hover:bg-yellow-700 transition-colors">
|
||||||
|
用户行为模式分析
|
||||||
|
</button>
|
||||||
|
<button className="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors">
|
||||||
|
模块使用热力图
|
||||||
|
</button>
|
||||||
|
<button className="px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors">
|
||||||
|
安全风险评估
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
34
crop-x/src/app/error.tsx
Normal file
34
crop-x/src/app/error.tsx
Normal file
@@ -0,0 +1,34 @@
|
|||||||
|
'use client'
|
||||||
|
|
||||||
|
import { useEffect } from 'react'
|
||||||
|
|
||||||
|
export default function Error({
|
||||||
|
error,
|
||||||
|
reset,
|
||||||
|
}: {
|
||||||
|
error: Error & { digest?: string }
|
||||||
|
reset: () => void
|
||||||
|
}) {
|
||||||
|
useEffect(() => {
|
||||||
|
console.error(error)
|
||||||
|
}, [error])
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-red-50 via-orange-50 to-yellow-50">
|
||||||
|
<div className="text-center">
|
||||||
|
<h2 className="text-2xl font-bold text-red-800 mb-4">
|
||||||
|
系统出现了错误
|
||||||
|
</h2>
|
||||||
|
<p className="text-red-600 mb-6">
|
||||||
|
{error.message || '未知错误'}
|
||||||
|
</p>
|
||||||
|
<button
|
||||||
|
onClick={reset}
|
||||||
|
className="px-4 py-2 bg-red-600 text-white rounded-md hover:bg-red-700 transition-colors"
|
||||||
|
>
|
||||||
|
重新加载
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
22
crop-x/src/app/farming-operation/layout.tsx
Normal file
22
crop-x/src/app/farming-operation/layout.tsx
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
import { ReactNode } from 'react'
|
||||||
|
|
||||||
|
export default function FarmingOperationLayout({
|
||||||
|
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>
|
||||||
|
)
|
||||||
|
}
|
||||||
159
crop-x/src/app/farming-operation/page.tsx
Normal file
159
crop-x/src/app/farming-operation/page.tsx
Normal file
@@ -0,0 +1,159 @@
|
|||||||
|
import Link from 'next/link'
|
||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '农事操作管理 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '农事操作管理系统主页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function FarmingOperationPage() {
|
||||||
|
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="/farming-operation/farm-planning"
|
||||||
|
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="/farming-operation/task-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">
|
||||||
|
任务创建、分配和状态监控
|
||||||
|
</p>
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
<Link
|
||||||
|
href="/farming-operation/operation-execution"
|
||||||
|
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="/farming-operation/farming-calendar"
|
||||||
|
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="/farming-operation/operation-archive"
|
||||||
|
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="/farming-operation/knowledge-base"
|
||||||
|
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="/farming-operation/performance-management"
|
||||||
|
className="block p-4 bg-pink-50 rounded-lg hover:bg-pink-100 transition-colors"
|
||||||
|
>
|
||||||
|
<h3 className="font-semibold text-pink-900 mb-2">
|
||||||
|
📊 绩效管理
|
||||||
|
</h3>
|
||||||
|
<p className="text-pink-700 text-sm">
|
||||||
|
人员管理和统计报表
|
||||||
|
</p>
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
<Link
|
||||||
|
href="/farming-operation/issue-collaboration"
|
||||||
|
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">86 项</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">进行中任务</span>
|
||||||
|
<span className="text-blue-600 font-semibold">23 项</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">已完成任务</span>
|
||||||
|
<span className="text-purple-600 font-semibold">156 项</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>
|
||||||
|
)
|
||||||
|
}
|
||||||
22
crop-x/src/app/land-information/layout.tsx
Normal file
22
crop-x/src/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/land-information/page.tsx
Normal file
147
crop-x/src/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>
|
||||||
|
)
|
||||||
|
}
|
||||||
18
crop-x/src/app/layout.tsx
Normal file
18
crop-x/src/app/layout.tsx
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
import {Navbar} from "../components/layouts/Navbar"
|
||||||
|
import '@/styles/globals.css'
|
||||||
|
export default function DashboardLayout({
|
||||||
|
children,
|
||||||
|
}: {
|
||||||
|
children: React.ReactNode
|
||||||
|
}) {
|
||||||
|
return (
|
||||||
|
<html lang="en">
|
||||||
|
<body>
|
||||||
|
<Navbar></Navbar>
|
||||||
|
{/* 布局 UI */}
|
||||||
|
{/* 将 children 放在您希望渲染页面或嵌套布局的位置 */}
|
||||||
|
<main>{children}</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
)
|
||||||
|
}
|
||||||
10
crop-x/src/app/loading.tsx
Normal file
10
crop-x/src/app/loading.tsx
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
export default function Loading() {
|
||||||
|
return (
|
||||||
|
<div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-green-50 via-blue-50 to-cyan-50">
|
||||||
|
<div className="text-center">
|
||||||
|
<div className="animate-spin rounded-full h-12 w-12 border-b-2 border-green-600 mx-auto mb-4"></div>
|
||||||
|
<p className="text-green-700 text-lg">正在加载 Crop-X 智慧农业系统...</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
21
crop-x/src/app/not-found.tsx
Normal file
21
crop-x/src/app/not-found.tsx
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
export default function NotFound() {
|
||||||
|
return (
|
||||||
|
<div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-gray-50 via-blue-50 to-green-50">
|
||||||
|
<div className="text-center">
|
||||||
|
<h1 className="text-6xl font-bold text-gray-800 mb-4">404</h1>
|
||||||
|
<h2 className="text-2xl font-semibold text-gray-700 mb-4">
|
||||||
|
页面未找到
|
||||||
|
</h2>
|
||||||
|
<p className="text-gray-600 mb-8">
|
||||||
|
抱歉,您访问的页面不存在
|
||||||
|
</p>
|
||||||
|
<a
|
||||||
|
href="/"
|
||||||
|
className="px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors"
|
||||||
|
>
|
||||||
|
返回首页
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
8
crop-x/src/app/page.tsx
Normal file
8
crop-x/src/app/page.tsx
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
|
||||||
|
export default function HomePage() {
|
||||||
|
return (
|
||||||
|
<div className="">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
22
crop-x/src/app/water-fertilizer-control/layout.tsx
Normal file
22
crop-x/src/app/water-fertilizer-control/layout.tsx
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
import { ReactNode } from 'react'
|
||||||
|
|
||||||
|
export default function WaterFertilizerControlLayout({
|
||||||
|
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>
|
||||||
|
)
|
||||||
|
}
|
||||||
123
crop-x/src/app/water-fertilizer-control/page.tsx
Normal file
123
crop-x/src/app/water-fertilizer-control/page.tsx
Normal file
@@ -0,0 +1,123 @@
|
|||||||
|
import Link from 'next/link'
|
||||||
|
import { Metadata } from 'next'
|
||||||
|
|
||||||
|
export const metadata: Metadata = {
|
||||||
|
title: '水肥控制 - Crop-X 智慧农业管理系统',
|
||||||
|
description: '水肥一体化控制系统主页面',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function WaterFertilizerControlPage() {
|
||||||
|
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="/water-fertilizer-control/irrigation-system-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="/water-fertilizer-control/smart-irrigation"
|
||||||
|
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">
|
||||||
|
灌溉计划和自动控制管理
|
||||||
|
</p>
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
<Link
|
||||||
|
href="/water-fertilizer-control/fertilizer-formula-management"
|
||||||
|
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="/water-fertilizer-control/integrated-control"
|
||||||
|
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="/water-fertilizer-control/real-time-monitoring"
|
||||||
|
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>
|
||||||
|
</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">18 / 20</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">今日灌溉量</span>
|
||||||
|
<span className="text-blue-600 font-semibold">2,450 m³</span>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between items-center">
|
||||||
|
<span className="text-gray-600">施肥次数</span>
|
||||||
|
<span className="text-purple-600 font-semibold">8 次</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>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -1,5 +1,6 @@
|
|||||||
import * as React from "react"
|
import * as React from "react"
|
||||||
import { ChevronRight } from "lucide-react"
|
import { ChevronRight } from "lucide-react"
|
||||||
|
import Link from "next/link"
|
||||||
|
|
||||||
import { SearchForm } from "@/components/search-form"
|
import { SearchForm } from "@/components/search-form"
|
||||||
import { VersionSwitcher } from "@/components/version-switcher"
|
import { VersionSwitcher } from "@/components/version-switcher"
|
||||||
@@ -21,9 +22,28 @@ import {
|
|||||||
SidebarRail,
|
SidebarRail,
|
||||||
} from "@/components/ui/sidebar"
|
} from "@/components/ui/sidebar"
|
||||||
|
|
||||||
// This is sample data.
|
// Define the interface for menu data
|
||||||
const data = {
|
interface MenuItem {
|
||||||
versions: ["1.0.1", "1.1.0-alpha", "2.0.0-beta1"],
|
title: string
|
||||||
|
url: string
|
||||||
|
isActive?: boolean
|
||||||
|
}
|
||||||
|
|
||||||
|
interface NavMainItem {
|
||||||
|
title: string
|
||||||
|
url: string
|
||||||
|
icon?: string
|
||||||
|
items: MenuItem[]
|
||||||
|
}
|
||||||
|
|
||||||
|
interface SidebarData {
|
||||||
|
navMain: NavMainItem[]
|
||||||
|
versions?: string[]
|
||||||
|
}
|
||||||
|
|
||||||
|
// Default data - used when no external data is provided
|
||||||
|
const defaultData: SidebarData = {
|
||||||
|
versions: ["1.0.0", "2.0.0"],
|
||||||
navMain: [
|
navMain: [
|
||||||
{
|
{
|
||||||
title: "Getting Started",
|
title: "Getting Started",
|
||||||
@@ -64,34 +84,6 @@ const data = {
|
|||||||
title: "Styling",
|
title: "Styling",
|
||||||
url: "#",
|
url: "#",
|
||||||
},
|
},
|
||||||
{
|
|
||||||
title: "Optimizing",
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Configuring",
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Testing",
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Authentication",
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Deploying",
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Upgrading",
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Examples",
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -106,76 +98,31 @@ const data = {
|
|||||||
title: "File Conventions",
|
title: "File Conventions",
|
||||||
url: "#",
|
url: "#",
|
||||||
},
|
},
|
||||||
{
|
|
||||||
title: "Functions",
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "next.config.js Options",
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "CLI",
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Edge Runtime",
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Architecture",
|
|
||||||
url: "#",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
title: "Accessibility",
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Fast Refresh",
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Next.js Compiler",
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Supported Browsers",
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Turbopack",
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Community",
|
|
||||||
url: "#",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
title: "Contribution Guide",
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
}
|
}
|
||||||
|
|
||||||
export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
|
export interface AppSidebarProps extends React.ComponentProps<typeof Sidebar> {
|
||||||
|
data?: SidebarData
|
||||||
|
}
|
||||||
|
|
||||||
|
export function AppSidebar({ data, ...props }: AppSidebarProps) {
|
||||||
|
// Use external data if provided, otherwise use default data
|
||||||
|
const sidebarData = data || defaultData
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Sidebar {...props}>
|
<Sidebar {...props}>
|
||||||
<SidebarHeader>
|
<SidebarHeader>
|
||||||
<VersionSwitcher
|
<VersionSwitcher
|
||||||
versions={data.versions}
|
versions={sidebarData.versions || defaultData.versions}
|
||||||
defaultVersion={data.versions[0]}
|
defaultVersion={sidebarData.versions?.[0] || defaultData.versions[0]}
|
||||||
/>
|
/>
|
||||||
<SearchForm />
|
<SearchForm />
|
||||||
</SidebarHeader>
|
</SidebarHeader>
|
||||||
<SidebarContent className="gap-0">
|
<SidebarContent className="gap-0">
|
||||||
{/* We create a collapsible SidebarGroup for each parent. */}
|
{/* We create a collapsible SidebarGroup for each parent. */}
|
||||||
{data.navMain.map((item) => (
|
{sidebarData.navMain.map((item) => (
|
||||||
<Collapsible
|
<Collapsible
|
||||||
key={item.title}
|
key={item.title}
|
||||||
title={item.title}
|
title={item.title}
|
||||||
@@ -188,17 +135,24 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
|
|||||||
className="group/label text-sm text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground"
|
className="group/label text-sm text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground"
|
||||||
>
|
>
|
||||||
<CollapsibleTrigger>
|
<CollapsibleTrigger>
|
||||||
{item.title}{" "}
|
<div className="flex items-center">
|
||||||
<ChevronRight className="ml-auto transition-transform group-data-[state=open]/collapsible:rotate-90" />
|
{item.icon && <span className="mr-2">{item.icon}</span>}
|
||||||
|
{item.title}
|
||||||
|
<ChevronRight className="ml-auto transition-transform group-data-[state=open]/collapsible:rotate-90" />
|
||||||
|
</div>
|
||||||
</CollapsibleTrigger>
|
</CollapsibleTrigger>
|
||||||
</SidebarGroupLabel>
|
</SidebarGroupLabel>
|
||||||
<CollapsibleContent>
|
<CollapsibleContent>
|
||||||
<SidebarGroupContent>
|
<SidebarGroupContent>
|
||||||
<SidebarMenu>
|
<SidebarMenu>
|
||||||
{item.items.map((item) => (
|
{item.items.map((subItem) => (
|
||||||
<SidebarMenuItem key={item.title}>
|
<SidebarMenuItem key={subItem.title}>
|
||||||
<SidebarMenuButton asChild isActive={item.isActive}>
|
<SidebarMenuButton asChild isActive={subItem.isActive}>
|
||||||
<a href={item.url}>{item.title}</a>
|
{subItem.url.startsWith('#') ? (
|
||||||
|
<a href={subItem.url}>{subItem.title}</a>
|
||||||
|
) : (
|
||||||
|
<Link href={subItem.url}>{subItem.title}</Link>
|
||||||
|
)}
|
||||||
</SidebarMenuButton>
|
</SidebarMenuButton>
|
||||||
</SidebarMenuItem>
|
</SidebarMenuItem>
|
||||||
))}
|
))}
|
||||||
|
|||||||
@@ -8,7 +8,7 @@ function Main() {
|
|||||||
<div className = "parent-flex">
|
<div className = "parent-flex">
|
||||||
<Navbar1></Navbar1>
|
<Navbar1></Navbar1>
|
||||||
<div>
|
<div>
|
||||||
<Page></Page>
|
<Page ></Page>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -23,7 +23,8 @@ import {
|
|||||||
SheetTrigger,
|
SheetTrigger,
|
||||||
} from "@/components/ui/sheet";
|
} from "@/components/ui/sheet";
|
||||||
|
|
||||||
interface MenuItem {
|
// 菜单项接口定义
|
||||||
|
export interface MenuItem {
|
||||||
title: string;
|
title: string;
|
||||||
url: string;
|
url: string;
|
||||||
description?: string;
|
description?: string;
|
||||||
@@ -31,110 +32,104 @@ interface MenuItem {
|
|||||||
items?: MenuItem[];
|
items?: MenuItem[];
|
||||||
}
|
}
|
||||||
|
|
||||||
interface Navbar1Props {
|
// Logo接口定义
|
||||||
logo?: {
|
export interface LogoConfig {
|
||||||
url: string;
|
url: string;
|
||||||
src: string;
|
src: string;
|
||||||
alt: string;
|
alt: string;
|
||||||
|
title: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 认证接口定义
|
||||||
|
export interface AuthConfig {
|
||||||
|
login: {
|
||||||
title: string;
|
title: string;
|
||||||
|
url: string;
|
||||||
};
|
};
|
||||||
menu?: MenuItem[];
|
signup: {
|
||||||
auth?: {
|
title: string;
|
||||||
login: {
|
url: string;
|
||||||
title: string;
|
|
||||||
url: string;
|
|
||||||
};
|
|
||||||
signup: {
|
|
||||||
title: string;
|
|
||||||
url: string;
|
|
||||||
};
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
const Navbar1 = ({
|
// Navbar数据接口定义
|
||||||
logo = {
|
export interface NavbarData {
|
||||||
url: "https://www.shadcnblocks.com",
|
logo?: LogoConfig;
|
||||||
|
menu?: MenuItem[];
|
||||||
|
auth?: AuthConfig;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Navbar组件Props接口定义
|
||||||
|
export interface NavbarProps {
|
||||||
|
navbar?: NavbarData;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 默认Navbar数据
|
||||||
|
const defaultNavbar: NavbarData = {
|
||||||
|
logo: {
|
||||||
|
url: "/",
|
||||||
src: "https://deifkwefumgah.cloudfront.net/shadcnblocks/block/logos/shadcnblockscom-icon.svg",
|
src: "https://deifkwefumgah.cloudfront.net/shadcnblocks/block/logos/shadcnblockscom-icon.svg",
|
||||||
alt: "logo",
|
alt: "Crop-X Logo",
|
||||||
title: "Shadcnblocks.com",
|
title: "Crop-X 智慧农业",
|
||||||
},
|
},
|
||||||
menu = [
|
menu: [
|
||||||
{ title: "Home", url: "#" },
|
|
||||||
{
|
{
|
||||||
title: "Products",
|
title: "智能农机管理系统",
|
||||||
url: "#",
|
url: "/agricultural-machinery",
|
||||||
items: [
|
description: "农机档案、实时监控、精准作业管理",
|
||||||
{
|
icon: <Book className="size-5 shrink-0" />,
|
||||||
title: "Blog",
|
|
||||||
description: "The latest industry news, updates, and info",
|
|
||||||
icon: <Book className="size-5 shrink-0" />,
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Company",
|
|
||||||
description: "Our mission is to innovate and empower the world",
|
|
||||||
icon: <Trees className="size-5 shrink-0" />,
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Careers",
|
|
||||||
description: "Browse job listing and discover our workspace",
|
|
||||||
icon: <Sunset className="size-5 shrink-0" />,
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Support",
|
|
||||||
description:
|
|
||||||
"Get in touch with our support team or visit our community forums",
|
|
||||||
icon: <Zap className="size-5 shrink-0" />,
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Resources",
|
title: "地块信息管理系统",
|
||||||
url: "#",
|
url: "/land-information",
|
||||||
items: [
|
description: "地块档案、地图管理、空间分析",
|
||||||
{
|
icon: <Trees className="size-5 shrink-0" />,
|
||||||
title: "Help Center",
|
|
||||||
description: "Get all the answers you need right here",
|
|
||||||
icon: <Zap className="size-5 shrink-0" />,
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Contact Us",
|
|
||||||
description: "We are here to help you with any questions you have",
|
|
||||||
icon: <Sunset className="size-5 shrink-0" />,
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Status",
|
|
||||||
description: "Check the current status of our services and APIs",
|
|
||||||
icon: <Trees className="size-5 shrink-0" />,
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Terms of Service",
|
|
||||||
description: "Our terms and conditions for using our services",
|
|
||||||
icon: <Book className="size-5 shrink-0" />,
|
|
||||||
url: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Pricing",
|
title: "农事操作管理系统",
|
||||||
url: "#",
|
url: "/farming-operation",
|
||||||
|
description: "农事计划、任务管理、操作执行",
|
||||||
|
icon: <Sunset className="size-5 shrink-0" />,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Blog",
|
title: "农业资产管理系统",
|
||||||
url: "#",
|
url: "/agricultural-asset",
|
||||||
|
description: "基础信息、采购管理、库存管理",
|
||||||
|
icon: <Zap className="size-5 shrink-0" />,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "AI作物模型精准决策系统",
|
||||||
|
url: "/ai-crop-model",
|
||||||
|
description: "数据感知、模型应用、智能决策",
|
||||||
|
icon: <Book className="size-5 shrink-0" />,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "水肥一体化控制系统",
|
||||||
|
url: "/water-fertilizer-control",
|
||||||
|
description: "水肥机管理、智能灌溉、配方管理",
|
||||||
|
icon: <Trees className="size-5 shrink-0" />,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "中心配置管理系统",
|
||||||
|
url: "/central-config",
|
||||||
|
description: "租户管理、用户管理、系统监控",
|
||||||
|
icon: <Sunset className="size-5 shrink-0" />,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
auth = {
|
auth: {
|
||||||
login: { title: "Login", url: "#" },
|
login: { title: "登录", url: "/login" },
|
||||||
signup: { title: "Sign up", url: "#" },
|
signup: { title: "注册", url: "/register" },
|
||||||
},
|
},
|
||||||
}: Navbar1Props) => {
|
};
|
||||||
|
|
||||||
|
// 新的Navbar组件,支持外部传入navbar参数
|
||||||
|
export function Navbar({ navbar }: NavbarProps) {
|
||||||
|
// 使用外部传入的navbar数据,如果没有则使用默认数据
|
||||||
|
const navbarData = navbar || defaultNavbar;
|
||||||
|
const logo = navbarData.logo || defaultNavbar.logo;
|
||||||
|
const menu = navbarData.menu || defaultNavbar.menu;
|
||||||
|
const auth = navbarData.auth || defaultNavbar.auth;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<section className="py-4">
|
<section className="py-4">
|
||||||
<div className="container">
|
<div className="container">
|
||||||
@@ -224,8 +219,8 @@ const Navbar1 = ({
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
);
|
);
|
||||||
};
|
}
|
||||||
|
|
||||||
const renderMenuItem = (item: MenuItem) => {
|
const renderMenuItem = (item: MenuItem) => {
|
||||||
if (item.items) {
|
if (item.items) {
|
||||||
return (
|
return (
|
||||||
@@ -295,5 +290,3 @@ const SubMenuLink = ({ item }: { item: MenuItem }) => {
|
|||||||
</a>
|
</a>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export {Navbar1} ;
|
|
||||||
|
|||||||
@@ -1,4 +1,8 @@
|
|||||||
import { AppSidebar } from "@/components/app-sidebar"
|
"use client"
|
||||||
|
import { ReactNode, useEffect, useState } from 'react'
|
||||||
|
import { usePathname } from 'next/navigation'
|
||||||
|
import { AppSidebar, AppSidebarProps, SidebarData } from "@/components/app-sidebar"
|
||||||
|
|
||||||
import {
|
import {
|
||||||
Breadcrumb,
|
Breadcrumb,
|
||||||
BreadcrumbItem,
|
BreadcrumbItem,
|
||||||
@@ -13,31 +17,95 @@ import {
|
|||||||
SidebarProvider,
|
SidebarProvider,
|
||||||
SidebarTrigger,
|
SidebarTrigger,
|
||||||
} from "@/components/ui/sidebar"
|
} from "@/components/ui/sidebar"
|
||||||
|
import React from 'react'
|
||||||
|
export interface SideBarProps {
|
||||||
|
children: ReactNode
|
||||||
|
data?: AppSidebarProps['data']
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function SideBar({ children, data }: SideBarProps) {
|
||||||
|
const pathname = usePathname()
|
||||||
|
const [breadcrumbItems, setBreadcrumbItems] = useState<Array<{ title: string, url?: string, isPage?: boolean }>>([])
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!data || !data.navMain) return
|
||||||
|
|
||||||
|
const generateBreadcrumb = () => {
|
||||||
|
const items = [{ title: "首页", url: "/" }]
|
||||||
|
|
||||||
|
// 解析当前路径
|
||||||
|
const pathSegments = pathname.split('/').filter(Boolean)
|
||||||
|
|
||||||
|
if (pathSegments.length === 0) {
|
||||||
|
// 首页
|
||||||
|
items.push({ title: "首页", isPage: true })
|
||||||
|
} else if (pathSegments[0] === 'central-config') {
|
||||||
|
// 中心配置模块
|
||||||
|
items.push({ title: "中心配置", url: "/central-config" })
|
||||||
|
|
||||||
|
if (pathSegments.length === 1) {
|
||||||
|
// 中心配置主页
|
||||||
|
items.push({ title: "中心配置", isPage: true })
|
||||||
|
} else if (pathSegments.length >= 2) {
|
||||||
|
// 查找匹配的一级菜单
|
||||||
|
const mainModule = data.navMain.find(item =>
|
||||||
|
item.url === `/central-config/${pathSegments[1]}`
|
||||||
|
)
|
||||||
|
|
||||||
|
if (mainModule) {
|
||||||
|
items.push({ title: mainModule.title, url: mainModule.url })
|
||||||
|
|
||||||
|
if (pathSegments.length === 2) {
|
||||||
|
// 一级菜单页面
|
||||||
|
items.push({ title: mainModule.title, isPage: true })
|
||||||
|
} else if (pathSegments.length >= 3) {
|
||||||
|
// 查找匹配的二级菜单
|
||||||
|
const subModule = mainModule.items.find(item =>
|
||||||
|
item.url === pathname
|
||||||
|
)
|
||||||
|
|
||||||
|
if (subModule) {
|
||||||
|
items.push({ title: subModule.title, isPage: true })
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
setBreadcrumbItems(items)
|
||||||
|
}
|
||||||
|
|
||||||
|
generateBreadcrumb()
|
||||||
|
}, [pathname, data])
|
||||||
|
|
||||||
export default function Page() {
|
|
||||||
return (
|
return (
|
||||||
<SidebarProvider>
|
<SidebarProvider>
|
||||||
<AppSidebar />
|
<AppSidebar data={data} />
|
||||||
<SidebarInset>
|
<SidebarInset>
|
||||||
<header className="flex sticky top-0 bg-background h-16 shrink-0 items-center gap-2 border-b px-4">
|
<header className="flex sticky top-0 bg-background h-16 shrink-0 items-center gap-2 border-b px-4">
|
||||||
<SidebarTrigger className="-ml-1" />
|
<SidebarTrigger className="-ml-1" />
|
||||||
<Separator orientation="vertical" className="mr-2 h-4" />
|
<Separator orientation="vertical" className="mr-2 h-4" />
|
||||||
<Breadcrumb>
|
<Breadcrumb>
|
||||||
<BreadcrumbList>
|
<BreadcrumbList>
|
||||||
<BreadcrumbItem className="hidden md:block">
|
{breadcrumbItems.map((item, index) => (
|
||||||
<BreadcrumbLink href="#">
|
<React.Fragment key={index}>
|
||||||
Building Your Application
|
{index > 0 && <BreadcrumbSeparator className="hidden md:block" />}
|
||||||
</BreadcrumbLink>
|
<BreadcrumbItem className="hidden md:block">
|
||||||
</BreadcrumbItem>
|
{item.isPage ? (
|
||||||
<BreadcrumbSeparator className="hidden md:block" />
|
<BreadcrumbPage>{item.title}</BreadcrumbPage>
|
||||||
<BreadcrumbItem>
|
) : item.url ? (
|
||||||
<BreadcrumbPage>Data Fetching</BreadcrumbPage>
|
<BreadcrumbLink href={item.url}>{item.title}</BreadcrumbLink>
|
||||||
</BreadcrumbItem>
|
) : (
|
||||||
|
<span>{item.title}</span>
|
||||||
|
)}
|
||||||
|
</BreadcrumbItem>
|
||||||
|
</React.Fragment>
|
||||||
|
))}
|
||||||
</BreadcrumbList>
|
</BreadcrumbList>
|
||||||
</Breadcrumb>
|
</Breadcrumb>
|
||||||
</header>
|
</header>
|
||||||
<div className="flex flex-1 flex-col gap-4 p-4">
|
<div className="flex flex-1 flex-col gap-4 p-4">
|
||||||
我的页面内容
|
{children}
|
||||||
</div>
|
</div>
|
||||||
</SidebarInset>
|
</SidebarInset>
|
||||||
</SidebarProvider>
|
</SidebarProvider>
|
||||||
|
|||||||
@@ -1,10 +0,0 @@
|
|||||||
import React from 'react'
|
|
||||||
import ReactDOM from 'react-dom/client'
|
|
||||||
import App from './App'
|
|
||||||
import './styles/globals.css'
|
|
||||||
|
|
||||||
ReactDOM.createRoot(document.getElementById('root')!).render(
|
|
||||||
<React.StrictMode>
|
|
||||||
<App />
|
|
||||||
</React.StrictMode>,
|
|
||||||
)
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
/* 404页面样式 */
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import { useEffect } from 'react'
|
|
||||||
|
|
||||||
export const NotFound = () => {
|
|
||||||
useEffect(() => {
|
|
||||||
// TODO: 实现404页面逻辑
|
|
||||||
console.log('404页面')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="p-6">
|
|
||||||
<h1>页面未找到</h1>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
/* 服务器错误页面样式 */
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import { useEffect } from 'react'
|
|
||||||
|
|
||||||
export const ServerError = () => {
|
|
||||||
useEffect(() => {
|
|
||||||
// TODO: 实现服务器错误页面逻辑
|
|
||||||
console.log('服务器错误页面')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="p-6">
|
|
||||||
<h1>服务器错误</h1>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
/* AI模型入口样式 */
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import { useEffect } from 'react'
|
|
||||||
|
|
||||||
export const AIModelEntry = () => {
|
|
||||||
useEffect(() => {
|
|
||||||
// TODO: 实现AI模型入口逻辑
|
|
||||||
console.log('AI模型入口页面')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="p-6">
|
|
||||||
<h1>AI模型入口</h1>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
/* 模型训练样式 */
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import { useEffect } from 'react'
|
|
||||||
|
|
||||||
export const ModelTraining = () => {
|
|
||||||
useEffect(() => {
|
|
||||||
// TODO: 实现模型训练逻辑
|
|
||||||
console.log('模型训练页面')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="p-6">
|
|
||||||
<h1>模型训练</h1>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
/* 预测分析样式 */
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import { useEffect } from 'react'
|
|
||||||
|
|
||||||
export const PredictionAnalysis = () => {
|
|
||||||
useEffect(() => {
|
|
||||||
// TODO: 实现预测分析逻辑
|
|
||||||
console.log('预测分析页面')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="p-6">
|
|
||||||
<h1>预测分析</h1>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
/* 推荐系统样式 */
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import { useEffect } from 'react'
|
|
||||||
|
|
||||||
export const RecommendationSystem = () => {
|
|
||||||
useEffect(() => {
|
|
||||||
// TODO: 实现推荐系统逻辑
|
|
||||||
console.log('推荐系统页面')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="p-6">
|
|
||||||
<h1>推荐系统</h1>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
/* 资产折旧样式 */
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import { useEffect } from 'react'
|
|
||||||
|
|
||||||
export const AssetDepreciation = () => {
|
|
||||||
useEffect(() => {
|
|
||||||
// TODO: 实现资产折旧逻辑
|
|
||||||
console.log('资产折旧页面')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="p-6">
|
|
||||||
<h1>资产折旧</h1>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
/* 资产管理入口样式 */
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import { useEffect } from 'react'
|
|
||||||
|
|
||||||
export const AssetEntry = () => {
|
|
||||||
useEffect(() => {
|
|
||||||
// TODO: 实现资产管理入口逻辑
|
|
||||||
console.log('资产管理入口页面')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="p-6">
|
|
||||||
<h1>资产管理入口</h1>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
/* 库存管理样式 */
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import { useEffect } from 'react'
|
|
||||||
|
|
||||||
export const InventoryManagement = () => {
|
|
||||||
useEffect(() => {
|
|
||||||
// TODO: 实现库存管理逻辑
|
|
||||||
console.log('库存管理页面')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="p-6">
|
|
||||||
<h1>库存管理</h1>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
/* 维护记录样式 */
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import { useEffect } from 'react'
|
|
||||||
|
|
||||||
export const MaintenanceRecords = () => {
|
|
||||||
useEffect(() => {
|
|
||||||
// TODO: 实现维护记录逻辑
|
|
||||||
console.log('维护记录页面')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="p-6">
|
|
||||||
<h1>维护记录</h1>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
/* 登录页面样式 */
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import { useEffect } from 'react'
|
|
||||||
|
|
||||||
export const Login = () => {
|
|
||||||
useEffect(() => {
|
|
||||||
// TODO: 实现登录逻辑
|
|
||||||
console.log('登录页面')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="min-h-screen flex items-center justify-center">
|
|
||||||
<h1>用户登录</h1>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
/* 中心配置入口样式 */
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import { useEffect } from 'react'
|
|
||||||
|
|
||||||
export const CentralConfigEntry = () => {
|
|
||||||
useEffect(() => {
|
|
||||||
// TODO: 实现中心配置入口逻辑
|
|
||||||
console.log('中心配置入口页面')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="p-6">
|
|
||||||
<h1>中心配置入口</h1>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
/* 消息中心样式 */
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import { useEffect } from 'react'
|
|
||||||
|
|
||||||
export const MessageCenter = () => {
|
|
||||||
useEffect(() => {
|
|
||||||
// TODO: 实现消息中心逻辑
|
|
||||||
console.log('消息中心页面')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="p-6">
|
|
||||||
<h1>消息中心</h1>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
/* 系统监控样式 */
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import { useEffect } from 'react'
|
|
||||||
|
|
||||||
export const SystemMonitoring = () => {
|
|
||||||
useEffect(() => {
|
|
||||||
// TODO: 实现系统监控逻辑
|
|
||||||
console.log('系统监控页面')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="p-6">
|
|
||||||
<h1>系统监控</h1>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
/* 系统参数样式 */
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import { useEffect } from 'react'
|
|
||||||
|
|
||||||
export const SystemParameters = () => {
|
|
||||||
useEffect(() => {
|
|
||||||
// TODO: 实现系统参数逻辑
|
|
||||||
console.log('系统参数页面')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="p-6">
|
|
||||||
<h1>系统参数</h1>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
/* 租户管理样式 */
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import { useEffect } from 'react'
|
|
||||||
|
|
||||||
export const TenantManagement = () => {
|
|
||||||
useEffect(() => {
|
|
||||||
// TODO: 实现租户管理逻辑
|
|
||||||
console.log('租户管理页面')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="p-6">
|
|
||||||
<h1>租户管理</h1>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
/* 用户管理样式 */
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import { useEffect } from 'react'
|
|
||||||
|
|
||||||
export const UserManagement = () => {
|
|
||||||
useEffect(() => {
|
|
||||||
// TODO: 实现用户管理逻辑
|
|
||||||
console.log('用户管理页面')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="p-6">
|
|
||||||
<h1>用户管理</h1>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
/* 仪表板页面样式 */
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import { useEffect } from 'react'
|
|
||||||
|
|
||||||
export const Dashboard = () => {
|
|
||||||
useEffect(() => {
|
|
||||||
// TODO: 实现仪表板逻辑
|
|
||||||
console.log('仪表板页面')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="p-6">
|
|
||||||
<h1>系统仪表板</h1>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
/* 灌溉控制入口样式 */
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
import { useEffect } from 'react'
|
|
||||||
|
|
||||||
export const IrrigationEntry = () => {
|
|
||||||
useEffect(() => {
|
|
||||||
// TODO: 实现灌溉控制入口逻辑
|
|
||||||
console.log('灌溉控制入口页面')
|
|
||||||
}, [])
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="p-6">
|
|
||||||
<h1>灌溉控制入口</h1>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user