287 lines
12 KiB
TypeScript
287 lines
12 KiB
TypeScript
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>
|
||
)
|
||
} |