diff --git a/crop-x-new/next-env.d.ts b/crop-x-new/next-env.d.ts
index c4b7818..9edff1c 100644
--- a/crop-x-new/next-env.d.ts
+++ b/crop-x-new/next-env.d.ts
@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
+import "./.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.
diff --git a/crop-x-new/package-lock.json b/crop-x-new/package-lock.json
index 5b49d96..c846cd7 100644
--- a/crop-x-new/package-lock.json
+++ b/crop-x-new/package-lock.json
@@ -39,6 +39,7 @@
         "axios": "^1.13.2",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
+        "date-fns": "^4.1.0",
         "dotenv": "^17.2.3",
         "lucide-react": "^0.553.0",
         "next": "16.0.1",
@@ -46,7 +47,9 @@
         "npx": "^10.2.2",
         "openapi-fetch": "^0.15.0",
         "react": "19.2.0",
+        "react-day-picker": "^9.11.1",
         "react-dom": "19.2.0",
+        "react-hook-form": "^7.66.0",
         "recharts": "^3.4.1",
         "sonner": "^2.0.7",
         "tailwind-merge": "^3.4.0",
@@ -60,6 +63,7 @@
         "@types/react-dom": "^19",
         "eslint": "^9",
         "eslint-config-next": "16.0.1",
+        "eslint-plugin-unused-imports": "^4.3.0",
         "tailwindcss": "^4",
         "tw-animate-css": "^1.4.0",
         "typescript": "^5"
@@ -318,6 +322,12 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@date-fns/tz": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmmirror.com/@date-fns/tz/-/tz-1.4.1.tgz",
+      "integrity": "sha512-P5LUNhtbj6YfI3iJjw5EL9eUAG6OitD0W3fWQcpQjDRc/QIsL0tRNuO1PcDvPccWL1fSTXXdE1ds+l95DV/OFA==",
+      "license": "MIT"
+    },
     "node_modules/@emnapi/core": {
       "version": "1.7.0",
       "resolved": "https://registry.npmmirror.com/@emnapi/core/-/core-1.7.0.tgz",
@@ -4924,6 +4934,22 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/date-fns": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/date-fns/-/date-fns-4.1.0.tgz",
+      "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
+      }
+    },
+    "node_modules/date-fns-jalali": {
+      "version": "4.1.0-0",
+      "resolved": "https://registry.npmmirror.com/date-fns-jalali/-/date-fns-jalali-4.1.0-0.tgz",
+      "integrity": "sha512-hTIP/z+t+qKwBDcmmsnmjWTduxCg+5KfdqWQvb2X/8C9+knYY6epN/pfxdDuyVlSVeFz0sM5eEfwIUQ70U4ckg==",
+      "license": "MIT"
+    },
     "node_modules/debug": {
       "version": "4.4.3",
       "resolved": "https://registry.npmmirror.com/debug/-/debug-4.4.3.tgz",
@@ -5671,6 +5697,22 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/eslint-plugin-unused-imports": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmmirror.com/eslint-plugin-unused-imports/-/eslint-plugin-unused-imports-4.3.0.tgz",
+      "integrity": "sha512-ZFBmXMGBYfHttdRtOG9nFFpmUvMtbHSjsKrS20vdWdbfiVYsO3yA2SGYy9i9XmZJDfMGBflZGBCm70SEnFQtOA==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@typescript-eslint/eslint-plugin": "^8.0.0-0 || ^7.0.0 || ^6.0.0 || ^5.0.0",
+        "eslint": "^9.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@typescript-eslint/eslint-plugin": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/eslint-scope": {
       "version": "8.4.0",
       "resolved": "https://registry.npmmirror.com/eslint-scope/-/eslint-scope-8.4.0.tgz",
@@ -12544,6 +12586,27 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-day-picker": {
+      "version": "9.11.1",
+      "resolved": "https://registry.npmmirror.com/react-day-picker/-/react-day-picker-9.11.1.tgz",
+      "integrity": "sha512-l3ub6o8NlchqIjPKrRFUCkTUEq6KwemQlfv3XZzzwpUeGwmDJ+0u0Upmt38hJyd7D/vn2dQoOoLV/qAp0o3uUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@date-fns/tz": "^1.4.1",
+        "date-fns": "^4.1.0",
+        "date-fns-jalali": "^4.1.0-0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/sponsors/gpbl"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
     "node_modules/react-dom": {
       "version": "19.2.0",
       "resolved": "https://registry.npmmirror.com/react-dom/-/react-dom-19.2.0.tgz",
@@ -12556,6 +12619,22 @@
         "react": "^19.2.0"
       }
     },
+    "node_modules/react-hook-form": {
+      "version": "7.66.0",
+      "resolved": "https://registry.npmmirror.com/react-hook-form/-/react-hook-form-7.66.0.tgz",
+      "integrity": "sha512-xXBqsWGKrY46ZqaHDo+ZUYiMUgi8suYu5kdrS20EG8KiL7VRQitEbNjm+UcrDYrNi1YLyfpmAeGjCZYXLT9YBw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/react-hook-form"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17 || ^18 || ^19"
+      }
+    },
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmmirror.com/react-is/-/react-is-16.13.1.tgz",
diff --git a/crop-x-new/package.json b/crop-x-new/package.json
index 4b3fe96..3c181ce 100644
--- a/crop-x-new/package.json
+++ b/crop-x-new/package.json
@@ -42,6 +42,7 @@
     "axios": "^1.13.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
     "dotenv": "^17.2.3",
     "lucide-react": "^0.553.0",
     "next": "16.0.1",
@@ -49,7 +50,9 @@
     "npx": "^10.2.2",
     "openapi-fetch": "^0.15.0",
     "react": "19.2.0",
+    "react-day-picker": "^9.11.1",
     "react-dom": "19.2.0",
+    "react-hook-form": "^7.66.0",
     "recharts": "^3.4.1",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
@@ -63,6 +66,7 @@
     "@types/react-dom": "^19",
     "eslint": "^9",
     "eslint-config-next": "16.0.1",
+    "eslint-plugin-unused-imports": "^4.3.0",
     "tailwindcss": "^4",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5"
diff --git a/crop-x-new/src/app/(app)/ai-crop-model/data-sense-center/device-parameter/components/AddParameterDialog.tsx b/crop-x-new/src/app/(app)/ai-crop-model/data-sense-center/device-parameter/components/AddParameterDialog.tsx
index 7cf085b..0d00078 100644
--- a/crop-x-new/src/app/(app)/ai-crop-model/data-sense-center/device-parameter/components/AddParameterDialog.tsx
+++ b/crop-x-new/src/app/(app)/ai-crop-model/data-sense-center/device-parameter/components/AddParameterDialog.tsx
@@ -147,7 +147,7 @@ export function AddParameterDialog({ open, onOpenChange, editingParam, selectedT
         if (paramForm.min) newParam.min = parseFloat(paramForm.min);
         if (paramForm.max) newParam.max = parseFloat(paramForm.max);
       } else if (paramForm.type === 'boolean') {
-        newParam.defaultValue = paramForm.defaultValue === 'true' || paramForm.defaultValue === true;
+        newParam.defaultValue = String(paramForm.defaultValue).toLowerCase() === 'true';
       } else if (paramForm.type === 'select') {
         newParam.options = paramForm.options;
         newParam.defaultValue = paramForm.defaultValue || (paramForm.options[0]?.value || '');
diff --git a/crop-x-new/src/app/(app)/ai-crop-model/data-sense-center/iot/page.tsx b/crop-x-new/src/app/(app)/ai-crop-model/data-sense-center/iot/page.tsx
index c0ba227..d2d640a 100644
--- a/crop-x-new/src/app/(app)/ai-crop-model/data-sense-center/iot/page.tsx
+++ b/crop-x-new/src/app/(app)/ai-crop-model/data-sense-center/iot/page.tsx
@@ -1082,11 +1082,10 @@ export default function IoTIoTPage() {
                       <div className="mt-3 h-16">
                         <ResponsiveContainer width="100%" height="100%">
                           <LineChart data={[
-                            { time: 1, value: parseFloat(sensor.currentValue) - 2 },
-                            { time: 2, value: parseFloat(sensor.currentValue) - 1.5 },
-                            { time: 3, value: parseFloat(sensor.currentValue) - 1 },
-                            { time: 4, value: parseFloat(sensor.currentValue) - 0.5 },
-                            { time: 5, value: parseFloat(sensor.currentValue) },
+                             { time: 1, value: sensor.currentValue - 2 },
+                             { time: 2, value: sensor.currentValue - 1.5 },
+                             { time: 3, value: sensor.currentValue - 1 },
+                             { time: 4, value: sensor.currentValue - 0.5 },
                           ]}>
                             <Line type="monotone" dataKey="value" stroke="#10b981" strokeWidth={2} dot={false} />
                           </LineChart>
diff --git a/crop-x-new/src/app/(app)/ai-crop-model/model-application/generation/components/ApplicationList.tsx b/crop-x-new/src/app/(app)/ai-crop-model/model-application/generation/components/ApplicationList.tsx
index e77866b..d92c764 100644
--- a/crop-x-new/src/app/(app)/ai-crop-model/model-application/generation/components/ApplicationList.tsx
+++ b/crop-x-new/src/app/(app)/ai-crop-model/model-application/generation/components/ApplicationList.tsx
@@ -33,6 +33,7 @@ import {
   Table as TableIcon,
   Type,
   Rocket,
+  AlertCircle
 } from 'lucide-react';
 import { toast } from 'sonner';
 
@@ -271,7 +272,7 @@ export default function ApplicationList({ state, dispatch }: ApplicationListProp
                     <Button
                       size="sm"
                       variant="outline"
-                      className={app.status === '已停止' ? 'flex-1' : ''}
+                      className={app.status !== '运行中' ? 'flex-1' : ''}
                       onClick={() => handleToggleStatus(app.id)}
                     >
                       <PauseCircle className="w-3 h-3" />
diff --git a/crop-x-new/src/app/(app)/central-config/message/send/components/MessagePreviewDialog.tsx b/crop-x-new/src/app/(app)/central-config/message/send/components/MessagePreviewDialog.tsx
index 589f969..b846752 100644
--- a/crop-x-new/src/app/(app)/central-config/message/send/components/MessagePreviewDialog.tsx
+++ b/crop-x-new/src/app/(app)/central-config/message/send/components/MessagePreviewDialog.tsx
@@ -11,10 +11,10 @@ interface MessagePreviewDialogProps {
   open: boolean;
   onOpenChange: (open: boolean) => void;
   record: MessageSendRecord | null;
-  getTypeIcon: (type: string) => JSX.Element;
+  getTypeIcon: (type: string) => React.ReactNode;
   getTypeLabel: (type: string) => string;
   getTypeBadge: (type: string) => string;
-  getStatusBadge: (status: string) => JSX.Element;
+  getStatusBadge: (status: string) => React.ReactNode;
 }
 
 export function MessagePreviewDialog({
diff --git a/crop-x-new/src/app/(app)/central-config/message/send/components/MessageSendTable.tsx b/crop-x-new/src/app/(app)/central-config/message/send/components/MessageSendTable.tsx
index 3599d97..e4c0d9b 100644
--- a/crop-x-new/src/app/(app)/central-config/message/send/components/MessageSendTable.tsx
+++ b/crop-x-new/src/app/(app)/central-config/message/send/components/MessageSendTable.tsx
@@ -21,10 +21,10 @@ interface MessageSendTableProps {
   onPreview: (record: MessageSendRecord) => void;
   onCancel: (id: string) => void;
   onDelete: (id: string) => void;
-  getTypeIcon: (type: string) => JSX.Element;
+  getTypeIcon: (type: string) => React.ReactNode;
   getTypeLabel: (type: string) => string;
   getTypeBadge: (type: string) => string;
-  getStatusBadge: (status: string) => JSX.Element;
+  getStatusBadge: (status: string) => React.ReactNode;
 }
 
 export function MessageSendTable({
diff --git a/crop-x-new/src/app/(app)/central-config/message/send/components/SendMessageDialog.tsx b/crop-x-new/src/app/(app)/central-config/message/send/components/SendMessageDialog.tsx
index d2195ca..2a5cbd3 100644
--- a/crop-x-new/src/app/(app)/central-config/message/send/components/SendMessageDialog.tsx
+++ b/crop-x-new/src/app/(app)/central-config/message/send/components/SendMessageDialog.tsx
@@ -22,7 +22,7 @@ interface SendMessageDialogProps {
   formData: MessageSendFormData;
   onFormDataChange: (data: MessageSendFormData) => void;
   onSend: () => void;
-  getTypeIcon: (type: string) => JSX.Element;
+  getTypeIcon: (type: string) => React.ReactNode;
   getTypeLabel: (type: string) => string;
 }
 
diff --git a/crop-x-new/src/app/(app)/central-config/system/settings/page.tsx b/crop-x-new/src/app/(app)/central-config/system/settings/page.tsx
index ebcbd3f..fd9ca4f 100644
--- a/crop-x-new/src/app/(app)/central-config/system/settings/page.tsx
+++ b/crop-x-new/src/app/(app)/central-config/system/settings/page.tsx
@@ -2,24 +2,19 @@
 
 import { useState, useEffect } from 'react'
 import { Button } from '@/components/ui/button'
+import { Card } from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Textarea } from '@/components/ui/textarea'
+import { Label } from '@/components/ui/label'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
 import { SystemSettings } from '@/types/system-params'
-import { Save, RefreshCw, Info, Shield, Globe } from 'lucide-react'
+import { Save, RefreshCw, Info, Palette, Settings } from 'lucide-react'
 import { toast } from 'sonner'
-
-// Import modular components
-import {
-  PlatformInfoCard,
-  SystemAnnouncementCard,
-  CopyrightInfoCard,
-  FeatureToggleCard,
-  SessionManagementCard,
-  PasswordPolicyCard,
-  RegionalSettingsCard,
-  SettingsInfoCard
-} from './components'
+import { useTheme } from 'next-themes'
 
 export default function SystemSettingsPage() {
+  const { setTheme } = useTheme()
   const [settings, setSettings] = useState<SystemSettings>({
     platformName: '智慧农业生产管理系统',
     platformLogo: '',
@@ -27,23 +22,7 @@ export default function SystemSettingsPage() {
     contactEmail: 'support@smart-agriculture.com',
     contactPhone: '400-888-8888',
     address: '北京市海淀区中关村大街1号',
-    companyName: '智慧农业科技有限公司',
-    icp: '京ICP备12345678号',
-    copyright: '© 2024 智慧农业科技有限公司 版权所有',
-    enableRegistration: true,
-    enableGuestAccess: false,
-    sessionTimeout: 30,
-    maxLoginAttempts: 5,
-    passwordPolicy: {
-      minLength: 8,
-      requireUppercase: true,
-      requireLowercase: true,
-      requireNumbers: true,
-      requireSpecialChars: false,
-    },
-    dateFormat: 'YYYY-MM-DD',
-    timezone: 'Asia/Shanghai',
-    language: 'zh-CN',
+    defaultTheme: 'light',
   })
 
   const [hasChanges, setHasChanges] = useState(false)
@@ -65,6 +44,12 @@ export default function SystemSettingsPage() {
     localStorage.setItem('smart_agriculture_system_settings', JSON.stringify(newSettings))
     setSettings(newSettings)
     setHasChanges(false)
+
+    // 应用默认主题设置
+    if (newSettings.defaultTheme) {
+      setTheme(newSettings.defaultTheme)
+    }
+
     toast.success('系统设置已保存')
   }
 
@@ -110,59 +95,147 @@ export default function SystemSettingsPage() {
             <Info className="w-4 h-4 mr-2" />
             基本设置
           </TabsTrigger>
-          <TabsTrigger value="security">
-            <Shield className="w-4 h-4 mr-2" />
-            安全设置
-          </TabsTrigger>
-          <TabsTrigger value="regional">
-            <Globe className="w-4 h-4 mr-2" />
-            区域设置
+          <TabsTrigger value="appearance">
+            <Palette className="w-4 h-4 mr-2" />
+            外观设置
           </TabsTrigger>
         </TabsList>
 
         {/* 基本设置 */}
         <TabsContent value="basic" className="space-y-4">
-          <PlatformInfoCard
-            settings={settings}
-            onSettingsChange={updateSettings}
-          />
-          <SystemAnnouncementCard
-            settings={settings}
-            onSettingsChange={updateSettings}
-          />
-          <CopyrightInfoCard
-            settings={settings}
-            onSettingsChange={updateSettings}
-          />
-          <FeatureToggleCard
-            settings={settings}
-            onSettingsChange={updateSettings}
-          />
+          <Card className="p-6">
+            <h3 className="mb-4">平台信息</h3>
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div>
+                <Label>平台名称 *</Label>
+                <Input
+                  value={settings.platformName}
+                  onChange={(e) => updateSettings({ platformName: e.target.value })}
+                  placeholder="请输入平台名称"
+                />
+                <p className="text-xs text-muted-foreground mt-1">
+                  平台名称将显示在系统导航栏和登录页面
+                </p>
+              </div>
+              <div>
+                <Label>联系邮箱</Label>
+                <Input
+                  type="email"
+                  value={settings.contactEmail}
+                  onChange={(e) => updateSettings({ contactEmail: e.target.value })}
+                  placeholder="support@example.com"
+                />
+              </div>
+              <div>
+                <Label>联系电话</Label>
+                <Input
+                  value={settings.contactPhone}
+                  onChange={(e) => updateSettings({ contactPhone: e.target.value })}
+                  placeholder="400-888-8888"
+                />
+              </div>
+              <div>
+                <Label>公司地址</Label>
+                <Input
+                  value={settings.address}
+                  onChange={(e) => updateSettings({ address: e.target.value })}
+                  placeholder="请输入公司地址"
+                />
+              </div>
+            </div>
+          </Card>
+
+          <Card className="p-6">
+            <h3 className="mb-4">系统公告</h3>
+            <Textarea
+              value={settings.systemAnnouncement}
+              onChange={(e) => updateSettings({ systemAnnouncement: e.target.value })}
+              placeholder="输入系统公告内容，将显示在登录页面"
+              rows={4}
+            />
+            <p className="text-xs text-muted-foreground mt-2">
+              系统公告会在登录页面显著位置展示
+            </p>
+          </Card>
         </TabsContent>
 
-        {/* 安全设置 */}
-        <TabsContent value="security" className="space-y-4">
-          <SessionManagementCard
-            settings={settings}
-            onSettingsChange={updateSettings}
-          />
-          <PasswordPolicyCard
-            settings={settings}
-            onSettingsChange={updateSettings}
-          />
-        </TabsContent>
+        {/* 外观设置 */}
+        <TabsContent value="appearance" className="space-y-4">
+          <Card className="p-6">
+            <h3 className="mb-4">主题设置</h3>
+            <div className="space-y-4">
+              <div>
+                <Label>默认主题</Label>
+                <Select
+                  value={settings.defaultTheme}
+                  onValueChange={(value: 'light' | 'dark') => updateSettings({ defaultTheme: value })}
+                >
+                  <SelectTrigger>
+                    <SelectValue />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem value="light">
+                      <div className="flex items-center gap-2">
+                        <div className="w-4 h-4 rounded-full bg-white border-2 border-gray-300" />
+                        <span>明亮模式</span>
+                      </div>
+                    </SelectItem>
+                    <SelectItem value="dark">
+                      <div className="flex items-center gap-2">
+                        <div className="w-4 h-4 rounded-full bg-gray-900 border-2 border-gray-600" />
+                        <span>暗黑模式</span>
+                      </div>
+                    </SelectItem>
+                  </SelectContent>
+                </Select>
+                <p className="text-xs text-muted-foreground mt-2">
+                  设置系统默认主题，保存后立即生效。用户可以在导航栏手动切换主题。
+                </p>
+              </div>
+            </div>
+          </Card>
 
-        {/* 区域设置 */}
-        <TabsContent value="regional" className="space-y-4">
-          <RegionalSettingsCard
-            settings={settings}
-            onSettingsChange={updateSettings}
-          />
+          <Card className="p-6 bg-blue-50 dark:bg-blue-950/30 border-blue-200 dark:border-blue-900">
+            <h4 className="text-blue-900 dark:text-blue-400 mb-2">
+              <Palette className="w-4 h-4 inline mr-2" />
+              主题预览
+            </h4>
+            <div className="grid grid-cols-2 gap-4">
+              <div className="p-4 rounded-lg bg-white border-2 border-gray-300">
+                <p className="text-sm mb-2">明亮模式</p>
+                <div className="space-y-2">
+                  <div className="h-2 bg-green-600 rounded" />
+                  <div className="h-2 bg-gray-200 rounded" />
+                  <div className="h-2 bg-gray-200 rounded w-3/4" />
+                </div>
+              </div>
+              <div className="p-4 rounded-lg bg-gray-900 border-2 border-gray-600">
+                <p className="text-sm text-white mb-2">暗黑模式</p>
+                <div className="space-y-2">
+                  <div className="h-2 bg-green-500 rounded" />
+                  <div className="h-2 bg-gray-700 rounded" />
+                  <div className="h-2 bg-gray-700 rounded w-3/4" />
+                </div>
+              </div>
+            </div>
+          </Card>
         </TabsContent>
       </Tabs>
 
-      {/* 设置预览 */}
-      <SettingsInfoCard />
+      {/* 设置说明 */}
+      <Card className="p-4 bg-blue-50 dark:bg-blue-950/30 border-blue-200 dark:border-blue-900">
+        <h4 className="text-blue-900 dark:text-blue-400 mb-2">
+          <Settings className="w-4 h-4 inline mr-2" />
+          设置说明
+        </h4>
+        <ul className="space-y-1 text-sm text-blue-800 dark:text-blue-300">
+          <li>• <strong>基本设置</strong>：配置平台名称、联系方式和系统公告</li>
+          <li>• <strong>外观设置</strong>：设置系统默认主题（明亮/暗黑模式），保存后立即生效</li>
+          <li>• 平台名称将显示在系统导航栏和登录页面</li>
+          <li>• 系统公告会在登录页面显著位置展示</li>
+          <li>• 所有设置修改后需要点击"保存设置"按钮才会生效</li>
+        </ul>
+      </Card>
     </div>
   )
 }
\ No newline at end of file
diff --git a/crop-x-new/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryDetailDialog.tsx b/crop-x-new/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryDetailDialog.tsx
index 6a683be..cb543c4 100644
--- a/crop-x-new/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryDetailDialog.tsx
+++ b/crop-x-new/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryDetailDialog.tsx
@@ -9,7 +9,8 @@ import { ScrollArea } from '@/components/ui/scroll-area';
 import { Card } from '@/components/ui/card';
 import { Badge } from '@/components/ui/badge';
 import { FileText, Building, CreditCard, User } from 'lucide-react';
-import { AuditRecord, Enterprise, AuditStatus } from '../types';
+import { AuditRecord } from './auditHistoryApi';
+import { Enterprise, AuditStatus } from '../types';
 
 interface AuditHistoryDetailDialogProps {
   record: AuditRecord | null;
diff --git a/crop-x-new/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryList.tsx b/crop-x-new/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryList.tsx
index 9d96356..8f8df46 100644
--- a/crop-x-new/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryList.tsx
+++ b/crop-x-new/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryList.tsx
@@ -6,7 +6,8 @@ import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
 import { Eye } from 'lucide-react';
-import { AuditRecord, AuditStatus } from '../types';
+import { AuditRecord } from './auditHistoryApi';
+import { AuditStatus } from '../types';
 
 interface AuditHistoryListProps {
   records: AuditRecord[];
diff --git a/crop-x-new/src/app/(app)/central-config/tenant/audit-history/components/auditHistoryApi.ts b/crop-x-new/src/app/(app)/central-config/tenant/audit-history/components/auditHistoryApi.ts
index db1c5aa..483dd2b 100644
--- a/crop-x-new/src/app/(app)/central-config/tenant/audit-history/components/auditHistoryApi.ts
+++ b/crop-x-new/src/app/(app)/central-config/tenant/audit-history/components/auditHistoryApi.ts
@@ -59,6 +59,10 @@ export interface AuditLogsQueryParams {
   size?: number;
   order_by?: string;
   sort_order?: 'asc' | 'desc';
+  search_keyword?: string;
+  action?: string;
+  audit_status?: string;
+  date_range?: string;
 }
 
 // 审核记录页面数据类型（转换后的）
@@ -70,10 +74,14 @@ export interface AuditRecord {
   auditType: 'register' | 'update';
   submitTime: string;
   actionTime: string;
+  auditTime: string; // 审核时间，与actionTime相同
   actionBy: string;
+  auditor: string; // 审核人，与actionBy相同
   result: 'pending' | 'approved' | 'rejected' | 'draft';
   auditStatus: string;
   auditComment?: string;
+  reason?: string; // 审核原因，与auditComment相同
+  remarks?: string; // 备注信息
   changeSummary: string;
   ipAddress?: string;
   userAgent?: string;
@@ -103,16 +111,19 @@ export interface AuditRecord {
   };
 }
 
+// 调用计数器
+let callCount = 0;
+
 /**
  * 获取审核历史记录数据
  */
 export async function fetchAuditLogs(params: AuditLogsQueryParams = {}): Promise<AuditLogsApiResponse> {
   try {
     // 调用计数器
-    console.log(`[API] fetchAuditLogs 调用次数: ${++fetchAuditLogs.callCount || (fetchAuditLogs.callCount = 1)}`, params);
+    console.log(`[API] fetchAuditLogs 调用次数: ${++callCount}`, params);
 
     // 构建查询参数对象
-    const queryParams: any = {};
+    const queryParams: Record<string, any> = {};
 
     queryParams.tenant_id = "";
     if (params.page) queryParams.page = params.page;
@@ -127,21 +138,39 @@ export async function fetchAuditLogs(params: AuditLogsQueryParams = {}): Promise
     // 使用SDK API调用审核历史查询接口，添加缓存破坏器和认证头部
     const token = getAuthToken();
     const response = await getTenantAuditLogsApiV1TenantsAuditLogsGet({
-      query: {
-        ...queryParams,
-        // 添加时间戳防止缓存
-        _t: Date.now(),
-      },
+      query: queryParams,
       headers: token ? {
         'Authorization': `Bearer ${token}`,
       } : undefined,
     });
 
     if (response.error) {
-      throw new Error(`API error: ${response.error.message || 'Unknown error'}`);
+      // 尝试多种可能的错误消息路径
+      const errorDetail = response.error.detail as any;
+      let errorMessage = 'Unknown error';
+
+      if (typeof errorDetail === 'string') {
+        errorMessage = errorDetail;
+      } else if (errorDetail?.message) {
+        errorMessage = errorDetail.message;
+      } else if (Array.isArray(errorDetail)) {
+        errorMessage = errorDetail.map(d => d.msg || d.message || 'Error').join(', ');
+      } else if ((response.error as any).message) {
+        errorMessage = (response.error as any).message;
+      }
+
+      throw new Error(`API error: ${errorMessage}`);
     }
 
-    const data = response.data as any;
+    const data = response.data as unknown as {
+      data?: AuditLogData[];
+      total?: number;
+      page?: number;
+      size?: number;
+      total_pages?: number;
+      has_next?: boolean;
+      has_prev?: boolean;
+    };
 
     // 转换响应数据格式以匹配现有的接口
     return {
@@ -190,10 +219,14 @@ export function transformAuditLogData(log: AuditLogData): AuditRecord {
     auditType,
     submitTime: formatDate(log.action_time),
     actionTime: formatDate(log.action_time),
+    auditTime: formatDate(log.action_time), // 审核时间，与actionTime相同
     actionBy: log.action_by,
+    auditor: log.action_by, // 审核人，与actionBy相同
     result,
     auditStatus: log.snapshot_audit_status,
     auditComment: log.snapshot_audit_comment,
+    reason: log.snapshot_audit_comment, // 审核原因，与auditComment相同
+    remarks: log.change_summary, // 备注信息，使用变更摘要
     changeSummary: log.change_summary,
     ipAddress: log.ip_address,
     userAgent: log.user_agent,
diff --git a/crop-x-new/src/app/(app)/central-config/tenant/audit-history/page.tsx b/crop-x-new/src/app/(app)/central-config/tenant/audit-history/page.tsx
index b5e8b11..4b8827b 100644
--- a/crop-x-new/src/app/(app)/central-config/tenant/audit-history/page.tsx
+++ b/crop-x-new/src/app/(app)/central-config/tenant/audit-history/page.tsx
@@ -6,7 +6,7 @@
  */
 'use client';
 
-import { useMemo, useState, useCallback, useEffect ,useRef} from 'react';
+import React, { useState, useCallback, useEffect ,useRef} from 'react';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from '@/components/ui/dialog';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { ScrollArea } from '@/components/ui/scroll-area';
@@ -29,7 +29,27 @@ import SearchFormPagination, {
   type TableColumnConfig
 } from '@/components/common/searchFormPagination';
 
-import { fetchAuditLogs, transformAuditLogData, AuditLogsQueryParams, AuditLogData } from './components/auditHistoryApi';
+import { fetchAuditLogs, transformAuditLogData, AuditLogsQueryParams, AuditRecord, AuditLogData } from './components/auditHistoryApi';
+
+// URL参数类型定义
+interface UrlParams {
+  search?: string;
+  action?: string;
+  audit_status?: string;
+  date_range?: string;
+  page?: number;
+  size?: number;
+}
+
+// 分页状态类型定义
+interface PaginationState {
+  page: number;
+  size: number;
+  total: number;
+  totalPages: number;
+  hasNext: boolean;
+  hasPrev: boolean;
+}
 
 // Utility functions
 const getActionBadge = (action: string) => {
@@ -94,7 +114,7 @@ export default function AuditHistoryPage() {
   // 对话框状态管理
   const [dialogs, setDialogs] = useState({
     showViewDialog: false,
-    selectedRecord: null as AuditLogData | null
+    selectedRecord: null as AuditRecord | null
   });
 
   const dispatch = (action: any) => {
@@ -224,8 +244,8 @@ export default function AuditHistoryPage() {
     },
   ];
   // 简化的状态管理 - 只需要存储数据和加载状态
-  const [records, setRecords] = useState<AuditLogData[]>([]);
-  const [pagination, setPagination] = useState({
+  const [records, setRecords] = useState<AuditRecord[]>([]);
+  const [pagination, setPagination] = useState<PaginationState>({
     page: 1,
     size: 10,
     total: 0,
@@ -253,7 +273,7 @@ export default function AuditHistoryPage() {
   } = {}) => {
     try {
       // 优先从URL读取参数
-      let urlParams = {};
+      let urlParams: UrlParams = {};
       if (typeof window !== 'undefined') {
         const params = new URLSearchParams(window.location.search);
         urlParams = {
@@ -304,6 +324,12 @@ export default function AuditHistoryPage() {
         params.search_keyword = currentFilters.search;
       }
 
+      // 添加排序条件
+      if (currentSortBy) {
+        params.order_by = currentSortBy;
+        params.sort_order = currentSortOrder;
+      }
+
       if (currentFilters.action && currentFilters.action !== 'all') {
         params.action = currentFilters.action;
       }
@@ -482,23 +508,22 @@ useEffect(() => {
       </Card>
 
       {/* 使用SearchFormPagination组件 */}
-      <SearchFormPagination
-        formTitle="审核历史记录"
-        searchFields={searchFields}
-        columns={columns}
-        data={records}
-        loading={loading}
-        error={error}
-        pagination={pagination}
-        onPageChange={handlePageChange}
-        onSizeChange={handleSizeChange}
-        onSearch={handleSearch}
-        onSort={handleSort}
-        emptyIcon={<FileText className="w-12 h-12 mx-auto mb-4 opacity-20" />}
-        emptyText="暂无审核记录"
-        sizeOptions={[10, 20, 50, 100]}
-
-          />
+      {React.createElement(SearchFormPagination as any, {
+        formTitle: "审核历史记录",
+        searchFields,
+        columns,
+        data: records,
+        loading,
+        error,
+        pagination: pagination as any,
+        onPageChange: handlePageChange,
+        onSizeChange: handleSizeChange,
+        onSearch: handleSearch,
+        onSort: handleSort,
+        emptyIcon: <FileText className="w-12 h-12 mx-auto mb-4 opacity-20" />,
+        emptyText: "暂无审核记录",
+        sizeOptions: [10, 20, 50, 100]
+      })}
 
       {/* View Audit Record Details Dialog */}
       <Dialog open={dialogs.showViewDialog} onOpenChange={(open) => dispatch({ type: 'TOGGLE_VIEW_DIALOG', payload: open })}>
diff --git a/crop-x-new/src/app/(app)/land-information/suitability/recommend/components/CropRecommendations.tsx b/crop-x-new/src/app/(app)/land-information/suitability/recommend/components/CropRecommendations.tsx
deleted file mode 100644
index 475cc1e..0000000
--- a/crop-x-new/src/app/(app)/land-information/suitability/recommend/components/CropRecommendations.tsx
+++ /dev/null
@@ -1,516 +0,0 @@
-'use client';
-
-import { Card } from '@/components/ui/card';
-import { Badge } from '@/components/ui/badge';
-import { Leaf, AlertTriangle, ThermometerSun, Cloud, Sun } from 'lucide-react';
-import { SuitabilityResult } from './cropRecommendReducer';
-
-type RangeRequirement = { optimal: [number, number]; acceptable: [number, number]; };
-type SoilFactorKey = 'ph' | 'organicMatter' | 'soilDepth' | 'nitrogen' | 'phosphorus' | 'potassium' | 'drainage';
-type SoilRequirementMap = Record<SoilFactorKey, RangeRequirement>;
-
-type ClimateRequirement = {
-  temperature: RangeRequirement;
-  rainfall: RangeRequirement;
-  sunlight: RangeRequirement;
-};
-
-type YieldRange = {
-  high: [number, number];
-  medium: [number, number];
-  low: [number, number];
-};
-
-type RiskSeverity = 'low' | 'medium' | 'high';
-
-interface CropRiskFactor {
-  id: string;
-  name: string;
-  condition: string;
-  severity: RiskSeverity;
-  suggestion: string;
-}
-
-interface CropKnowledgeEntry {
-  id: string;
-  cropName: string;
-  category: string;
-  description: string;
-  growthCycle: { days: number; seasons: string[] };
-  soilRequirements: SoilRequirementMap;
-  climateRequirements: ClimateRequirement;
-  expectedYield: YieldRange;
-  riskFactors: CropRiskFactor[];
-}
-
-type MatchStatus = '??' | '??' | '??';
-
-interface MatchDetail {
-  factor: string;
-  value: number;
-  score: number;
-  status: MatchStatus;
-}
-
-interface RecommendationResult {
-  crop: CropKnowledgeEntry;
-  matchScore: number;
-  suitabilityLevel: '????' | '??' | '????' | '??';
-  matchDetails: MatchDetail[];
-  applicableRisks: CropRiskFactor[];
-  expectedYield: [number, number];
-}
-
-type FieldFactors = Record<SoilFactorKey | 'temperature' | 'rainfall', number>;
-
-// 模拟作物知识库数据
-const cropKnowledgeBase: CropKnowledgeEntry[] = [
-  {
-    id: 'wheat',
-    cropName: '小麦',
-    category: '粮食作物',
-    description: '适应性强的主粮作物，对土壤要求较宽泛，耐寒性好，适合北方地区种植。',
-    growthCycle: {
-      days: 220,
-      seasons: ['春季', '秋季']
-    },
-    soilRequirements: {
-      ph: { optimal: [6.5, 7.5], acceptable: [6.0, 8.0] },
-      organicMatter: { optimal: [25, 35], acceptable: [20, 40] },
-      soilDepth: { optimal: [60, 100], acceptable: [40, 120] },
-      nitrogen: { optimal: [1.5, 2.5], acceptable: [1.0, 3.0] },
-      phosphorus: { optimal: [1.0, 2.0], acceptable: [0.6, 2.5] },
-      potassium: { optimal: [15, 25], acceptable: [10, 30] },
-      drainage: { optimal: [3, 5], acceptable: [2, 5] }
-    },
-    climateRequirements: {
-      temperature: { optimal: [15, 22], acceptable: [10, 25] },
-      rainfall: { optimal: [400, 600], acceptable: [300, 800] },
-      sunlight: { optimal: [6, 8], acceptable: [5, 10] }
-    },
-    expectedYield: {
-      high: [400, 500],
-      medium: [300, 400],
-      low: [200, 300]
-    },
-    riskFactors: [
-      {
-        id: 'wheat-rust',
-        name: '锈病风险',
-        condition: '湿度过高、温度适宜',
-        severity: 'medium',
-        suggestion: '选择抗病品种，合理密植，及时防治'
-      },
-      {
-        id: 'wheat-drought',
-        name: '干旱风险',
-        condition: '降雨量不足400mm',
-        severity: 'high',
-        suggestion: '加强灌溉设施建设，选择抗旱品种'
-      }
-    ]
-  },
-  {
-    id: 'corn',
-    cropName: '玉米',
-    category: '粮食作物',
-    description: '高产作物，对温度要求较高，需水量大，适合水热条件良好的地区。',
-    growthCycle: {
-      days: 120,
-      seasons: ['春季', '夏季']
-    },
-    soilRequirements: {
-      ph: { optimal: [6.0, 7.0], acceptable: [5.5, 7.5] },
-      organicMatter: { optimal: [30, 40], acceptable: [25, 45] },
-      soilDepth: { optimal: [80, 120], acceptable: [60, 150] },
-      nitrogen: { optimal: [2.0, 3.0], acceptable: [1.5, 3.5] },
-      phosphorus: { optimal: [1.2, 2.5], acceptable: [0.8, 3.0] },
-      potassium: { optimal: [20, 30], acceptable: [15, 35] },
-      drainage: { optimal: [3, 5], acceptable: [2, 5] }
-    },
-    climateRequirements: {
-      temperature: { optimal: [20, 28], acceptable: [15, 32] },
-      rainfall: { optimal: [500, 800], acceptable: [400, 1000] },
-      sunlight: { optimal: [7, 9], acceptable: [6, 10] }
-    },
-    expectedYield: {
-      high: [600, 800],
-      medium: [400, 600],
-      low: [250, 400]
-    },
-    riskFactors: [
-      {
-        id: 'corn-borer',
-        name: '玉米螟',
-        condition: '温度适宜、湿度适中',
-        severity: 'medium',
-        suggestion: '生物防治与化学防治结合，适时播种'
-      },
-      {
-        id: 'corn-drought',
-        name: '花期干旱',
-        condition: '开花期降雨不足',
-        severity: 'high',
-        suggestion: '保证花期灌溉，选择耐旱品种'
-      }
-    ]
-  },
-  {
-    id: 'soybean',
-    cropName: '大豆',
-    category: '经济作物',
-    description: '豆科作物，具有固氮能力，对土壤肥力要求较低，适合轮作种植。',
-    growthCycle: {
-      days: 100,
-      seasons: ['春季', '夏季']
-    },
-    soilRequirements: {
-      ph: { optimal: [6.0, 7.0], acceptable: [5.5, 7.5] },
-      organicMatter: { optimal: [25, 35], acceptable: [20, 40] },
-      soilDepth: { optimal: [50, 80], acceptable: [40, 100] },
-      nitrogen: { optimal: [1.0, 2.0], acceptable: [0.5, 2.5] },
-      phosphorus: { optimal: [0.8, 1.8], acceptable: [0.5, 2.5] },
-      potassium: { optimal: [15, 25], acceptable: [10, 30] },
-      drainage: { optimal: [3, 5], acceptable: [2, 5] }
-    },
-    climateRequirements: {
-      temperature: { optimal: [18, 25], acceptable: [15, 28] },
-      rainfall: { optimal: [450, 700], acceptable: [350, 900] },
-      sunlight: { optimal: [6, 8], acceptable: [5, 9] }
-    },
-    expectedYield: {
-      high: [250, 350],
-      medium: [180, 250],
-      low: [120, 180]
-    },
-    riskFactors: [
-      {
-        id: 'soybean-disease',
-        name: '病害风险',
-        condition: '高温高湿环境',
-        severity: 'medium',
-        suggestion: '选择抗病品种，合理轮作，加强田间管理'
-      }
-    ]
-  }
-];
-
-interface CropRecommendationsProps {
-  currentResult: SuitabilityResult;
-}
-
-export function CropRecommendations({ currentResult }: CropRecommendationsProps) {
-  // 匹配作物推荐
-  const matchCropsForField = (fieldFactors: FieldFactors): RecommendationResult[] => {
-    const factorLabelMap: Record<SoilFactorKey, string> = {
-      ph: 'pH?',
-      organicMatter: '??',
-      soilDepth: '????',
-      nitrogen: '??',
-      phosphorus: '??',
-      potassium: '??',
-      drainage: '??'
-    };
-
-    return cropKnowledgeBase.map((crop) => {
-      let totalScore = 0;
-      let factorCount = 0;
-      const matchDetails: MatchDetail[] = [];
-
-      (Object.entries(crop.soilRequirements) as Array<[SoilFactorKey, RangeRequirement]>).forEach(([factor, requirements]) => {
-        const value = fieldFactors[factor];
-        if (typeof value !== 'number') {
-          return;
-        }
-
-        const { optimal, acceptable } = requirements;
-        let score = 0;
-        let status: MatchStatus = '??';
-
-        if (value >= optimal[0] && value <= optimal[1]) {
-          score = 100;
-          status = '??';
-        } else if (value >= acceptable[0] && value <= acceptable[1]) {
-          const deviation = Math.min(
-            Math.abs(value - optimal[0]),
-            Math.abs(value - optimal[1])
-          );
-          const range = optimal[1] - optimal[0];
-          score = Math.max(60, 100 - (deviation / range) * 40);
-          status = '??';
-        } else {
-          score = Math.max(
-            0,
-            60 -
-              Math.min(
-                Math.abs(value - acceptable[0]),
-                Math.abs(value - acceptable[1])
-              ) *
-                2
-          );
-        }
-
-        totalScore += score;
-        factorCount += 1;
-
-        matchDetails.push({
-          factor: factorLabelMap[factor],
-          value,
-          score,
-          status
-        });
-      });
-
-      if (typeof fieldFactors.temperature === 'number') {
-        const tempScore =
-          fieldFactors.temperature >= 18 && fieldFactors.temperature <= 25 ? 90 : 70;
-        totalScore += tempScore;
-        factorCount += 1;
-      }
-
-      if (typeof fieldFactors.rainfall === 'number') {
-        const rainScore =
-          fieldFactors.rainfall >= 500 && fieldFactors.rainfall <= 800 ? 90 : 70;
-        totalScore += rainScore;
-        factorCount += 1;
-      }
-
-      const matchScore = factorCount > 0 ? Math.round(totalScore / factorCount) : 0;
-
-      let suitabilityLevel: RecommendationResult['suitabilityLevel'] = '??';
-      if (matchScore >= 85) suitabilityLevel = '????';
-      else if (matchScore >= 70) suitabilityLevel = '??';
-      else if (matchScore >= 50) suitabilityLevel = '????';
-
-      let expectedYield: [number, number] = crop.expectedYield.low;
-      if (suitabilityLevel === '????') expectedYield = crop.expectedYield.high;
-      else if (suitabilityLevel === '??') expectedYield = crop.expectedYield.medium;
-
-      const applicableRisks = crop.riskFactors.filter((risk) => {
-        if (risk.id.includes('drought') && fieldFactors.rainfall < 400) return true;
-        if (
-          risk.id.includes('rust') &&
-          fieldFactors.temperature >= 15 &&
-          fieldFactors.temperature <= 22
-        )
-          return true;
-        return false;
-      });
-
-      return {
-        crop,
-        matchScore,
-        suitabilityLevel,
-        matchDetails,
-        applicableRisks,
-        expectedYield
-      };
-    });
-  };
-
-  const getFactorValue = (factorId: string) =>
-    currentResult.factors.find((factor) => factor.id === factorId)?.value ?? 0;
-
-  const fieldFactors: FieldFactors = {
-    ph: getFactorValue('ph'),
-    organicMatter: getFactorValue('organic'),
-    soilDepth: getFactorValue('depth'),
-    nitrogen: getFactorValue('nitrogen'),
-    phosphorus: getFactorValue('phosphorus'),
-    potassium: getFactorValue('potassium'),
-    drainage: getFactorValue('drainage'),
-    temperature: 22, // ??????
-    rainfall: 800 // ???????
-  };
-
-  //  // 模拟年均降雨量
-  };
-
-  // 匹配推荐作物
-  const recommendations = matchCropsForField(fieldFactors);
-
-  return (
-    <Card className="p-6">
-      <div className="flex items-center justify-between mb-4">
-        <h3 className="flex items-center gap-2">
-          <Leaf className="w-5 h-5 text-green-600" />
-          智能作物推荐清单
-        </h3>
-        <Badge variant="outline" className="text-xs">
-          基于{cropKnowledgeBase.length}种作物知识库匹配
-        </Badge>
-      </div>
-
-      <div className="space-y-4">
-        {recommendations.map((recommendation, index) => {
-          const { crop, matchScore, suitabilityLevel, matchDetails, applicableRisks, expectedYield } = recommendation;
-
-          // 根据适宜性等级设置颜色
-          const levelColor =
-            suitabilityLevel === '高度推荐' ? { bg: 'bg-green-500', border: '#22c55e', text: 'text-green-600 dark:text-green-400' } :
-            suitabilityLevel === '推荐' ? { bg: 'bg-blue-500', border: '#3b82f6', text: 'text-blue-600 dark:text-blue-400' } :
-            suitabilityLevel === '谨慎种植' ? { bg: 'bg-yellow-500', border: '#eab308', text: 'text-yellow-600 dark:text-yellow-400' } :
-            { bg: 'bg-gray-500', border: '#6b7280', text: 'text-gray-600 dark:text-gray-400' };
-
-          // 只显示高度推荐和推荐的作物
-          if (suitabilityLevel === '不推荐') return null;
-
-          return (
-            <Card key={index} className="p-5 border-l-4 hover:shadow-lg transition-shadow" style={{ borderLeftColor: levelColor.border }}>
-              {/* 标题栏 */}
-              <div className="flex items-start justify-between mb-4">
-                <div className="flex items-center gap-3">
-                  <div className={`p-2 rounded-lg bg-gradient-to-br from-green-50 to-green-100 dark:from-green-950 dark:to-green-900`}>
-                    <Leaf className="w-6 h-6 text-green-600 dark:text-green-400" />
-                  </div>
-                  <div>
-                    <div className="flex items-center gap-2">
-                      <h4 className="mb-1">{crop.cropName}</h4>
-                      <Badge variant="outline" className="text-xs">{crop.category}</Badge>
-                    </div>
-                    <div className="flex items-center gap-2">
-                      <Badge className={`${levelColor.bg} text-white`}>
-                        {suitabilityLevel}
-                      </Badge>
-                      <span className="text-xs text-muted-foreground">匹配度: {matchScore}分</span>
-                    </div>
-                  </div>
-                </div>
-                <div className="text-right">
-                  <p className="text-xs text-muted-foreground mb-1">预期产量区间</p>
-                  <p className={`text-lg font-medium ${levelColor.text}`}>
-                    {expectedYield[0]}-{expectedYield[1]} kg/亩
-                  </p>
-                  <p className="text-xs text-muted-foreground mt-1">生长周期: {crop.growthCycle.days}天</p>
-                </div>
-              </div>
-
-              {/* 作物描述 */}
-              <p className="text-sm text-muted-foreground mb-3 p-2 bg-gray-50 dark:bg-gray-900 rounded">
-                {crop.description}
-              </p>
-
-              {/* 土壤因子匹配详情 */}
-              <div className="mb-3">
-                <p className="text-xs text-muted-foreground mb-2">土壤因子匹配情况：</p>
-                <div className="grid grid-cols-7 gap-2">
-                  {matchDetails.map((detail, i) => (
-                    <div key={i} className="p-2 bg-gray-50 dark:bg-gray-900 rounded text-center">
-                      <p className="text-xs text-muted-foreground mb-1">{detail.factor}</p>
-                      <p className="text-xs font-medium mb-1">{detail.value.toFixed(1)}</p>
-                      {detail.status === '最佳' ? (
-                        <Badge className="bg-green-500 text-white" style={{ fontSize: '9px', padding: '1px 4px' }}>
-                          最佳
-                        </Badge>
-                      ) : detail.status === '可接受' ? (
-                        <Badge className="bg-blue-500 text-white" style={{ fontSize: '9px', padding: '1px 4px' }}>
-                          可接受
-                        </Badge>
-                      ) : (
-                        <Badge variant="outline" className="text-red-500" style={{ fontSize: '9px', padding: '1px 4px' }}>
-                          偏离
-                        </Badge>
-                      )}
-                    </div>
-                  ))}
-                </div>
-              </div>
-
-              {/* 气候要求 */}
-              <div className="grid grid-cols-3 gap-3 mb-3">
-                <div className="p-2 bg-blue-50 dark:bg-blue-950 rounded-lg">
-                  <p className="text-xs text-blue-600 dark:text-blue-400 mb-1 flex items-center gap-1">
-                    <ThermometerSun className="w-3 h-3" />
-                    温度要求
-                  </p>
-                  <p className="text-sm text-blue-900 dark:text-blue-100">
-                    {crop.climateRequirements.temperature.optimal[0]}-{crop.climateRequirements.temperature.optimal[1]}°C
-                  </p>
-                </div>
-                <div className="p-2 bg-cyan-50 dark:bg-cyan-950 rounded-lg">
-                  <p className="text-xs text-cyan-600 dark:text-cyan-400 mb-1 flex items-center gap-1">
-                    <Cloud className="w-3 h-3" />
-                    降雨要求
-                  </p>
-                  <p className="text-sm text-cyan-900 dark:text-cyan-100">
-                    {crop.climateRequirements.rainfall.optimal[0]}-{crop.climateRequirements.rainfall.optimal[1]}mm/年
-                  </p>
-                </div>
-                <div className="p-2 bg-amber-50 dark:bg-amber-950 rounded-lg">
-                  <p className="text-xs text-amber-600 dark:text-amber-400 mb-1 flex items-center gap-1">
-                    <Sun className="w-3 h-3" />
-                    光照要求
-                  </p>
-                  <p className="text-sm text-amber-900 dark:text-amber-100">
-                    {crop.climateRequirements.sunlight.optimal[0]}-{crop.climateRequirements.sunlight.optimal[1]}小时/天
-                  </p>
-                </div>
-              </div>
-
-              {/* 风险提示 */}
-              {applicableRisks.length > 0 && (
-                <div className={`p-3 rounded-lg border ${
-                  applicableRisks.some(r => r.severity === 'high')
-                    ? 'bg-red-50 dark:bg-red-950 border-red-200 dark:border-red-800'
-                    : 'bg-orange-50 dark:bg-orange-950 border-orange-200 dark:border-orange-800'
-                }`}>
-                  <p className="text-xs font-medium mb-2 flex items-center gap-1">
-                    <AlertTriangle className={`w-4 h-4 ${
-                      applicableRisks.some(r => r.severity === 'high')
-                        ? 'text-red-600 dark:text-red-400'
-                        : 'text-orange-600 dark:text-orange-400'
-                    }`} />
-                    <span className={applicableRisks.some(r => r.severity === 'high') ? 'text-red-900 dark:text-red-100' : 'text-orange-900 dark:text-orange-100'}>
-                      风险提示与应对建议
-                    </span>
-                  </p>
-                  <div className="space-y-2">
-                    {applicableRisks.map((risk, i) => (
-                      <div key={i} className="text-xs">
-                        <div className="flex items-start gap-2">
-                          <Badge
-                            className={
-                              risk.severity === 'high' ? 'bg-red-500 text-white' :
-                              risk.severity === 'medium' ? 'bg-orange-500 text-white' :
-                              'bg-yellow-500 text-white'
-                            }
-                            style={{ fontSize: '9px', padding: '2px 6px', marginTop: '2px' }}
-                          >
-                            {risk.severity === 'high' ? '高风险' : risk.severity === 'medium' ? '中风险' : '低风险'}
-                          </Badge>
-                          <div className="flex-1">
-                            <p className={`font-medium mb-0.5 ${
-                              applicableRisks.some(r => r.severity === 'high')
-                                ? 'text-red-800 dark:text-red-200'
-                                : 'text-orange-800 dark:text-orange-200'
-                            }`}>
-                              {risk.name}
-                            </p>
-                            <p className="text-muted-foreground mb-1">触发条件: {risk.condition}</p>
-                            <p className={applicableRisks.some(r => r.severity === 'high') ? 'text-red-700 dark:text-red-300' : 'text-orange-700 dark:text-orange-300'}>
-                              💡 {risk.suggestion}
-                            </p>
-                          </div>
-                        </div>
-                      </div>
-                    ))}
-                  </div>
-                </div>
-              )}
-
-              {/* 适宜季节 */}
-              <div className="mt-3 flex items-center gap-2 text-xs text-muted-foreground">
-                <span>适宜种植季节:</span>
-                {crop.growthCycle.seasons.map((season, i) => (
-                  <Badge key={i} variant="outline" className="text-xs">
-                    {season}
-                  </Badge>
-                ))}
-              </div>
-            </Card>
-          );
-        })}
-      </div>
-    </Card>
-  );
-}
\ No newline at end of file
diff --git a/crop-x-new/src/app/(app)/land-information/suitability/recommend/page.tsx b/crop-x-new/src/app/(app)/land-information/suitability/recommend/page.tsx
index ad621e6..c514117 100644
--- a/crop-x-new/src/app/(app)/land-information/suitability/recommend/page.tsx
+++ b/crop-x-new/src/app/(app)/land-information/suitability/recommend/page.tsx
@@ -10,7 +10,6 @@ import {
   initialState
 } from './components/cropRecommendReducer';
 import { FieldEnvironmentOverview } from './components/FieldEnvironmentOverview';
-import { CropRecommendations } from './components/CropRecommendations';
 import { KnowledgeBaseDialog } from './components/KnowledgeBaseDialog';
 
 export default function CropPage() {
@@ -115,8 +114,6 @@ export default function CropPage() {
         </div>
       </div>
 
-      {/* 智能作物推荐 */}
-      <CropRecommendations currentResult={currentResult} />
 
       {/* 知识库对话框 */}
       <KnowledgeBaseDialog
diff --git a/crop-x-new/src/components/auth/CaptchaInput.tsx b/crop-x-new/src/components/auth/CaptchaInput.tsx
index c0b81d4..02eaf08 100644
--- a/crop-x-new/src/components/auth/CaptchaInput.tsx
+++ b/crop-x-new/src/components/auth/CaptchaInput.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback,useRef } from 'react';
 import { RefreshCw } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
@@ -12,121 +12,66 @@ interface CaptchaInputProps {
   onChange: (value: string) => void;
   onCaptchaChange?: (captchaData: CaptchaResponse | null) => void;
   className?: string;
+  instanceId?: string;
 }
 
-export function CaptchaInput({ value, onChange, onCaptchaChange, className = '' }: CaptchaInputProps) {
+export function CaptchaInput({ value, onChange, onCaptchaChange, className = '', instanceId = 'default' }: CaptchaInputProps) {
   const [captchaData, setCaptchaData] = useState<CaptchaResponse | null>(null);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState('');
+  const isInitialized = useRef(false);
+
+  
+  // 初始化验证码
+  useEffect(() => {
+    if (!isInitialized.current) {
+      isInitialized.current = true;
+      const initialFetch = async () => {
+        console.log(`[CaptchaInput-${instanceId}] 初始化获取验证码...`);
+        setLoading(true);
+        setError('');
+
+        try {
+          const response = await getCaptchaApiV1AuthCaptchaGet();
+          console.log(`[CaptchaInput-${instanceId}] API验证码获取成功:`, response);
+          setCaptchaData(response.data);
+          if (onCaptchaChange) {
+            onCaptchaChange(response.data);
+          }
+        } catch (err) {
+          console.error(`[CaptchaInput-${instanceId}] 验证码获取失败:`, err);
+          setError('获取验证码失败，请重试');
+        } finally {
+          setLoading(false);
+        }
+      };
+
+      initialFetch();
+    }
+  }, [instanceId, onCaptchaChange]);
 
   const fetchCaptcha = useCallback(async () => {
+    console.log(`[CaptchaInput-${instanceId}] 刷新验证码...`);
     setLoading(true);
     setError('');
-    onChange(''); // 清空验证码输入
 
     try {
       const response = await getCaptchaApiV1AuthCaptchaGet();
-      console.log('API验证码获取成功:', response);
+      console.log(`[CaptchaInput-${instanceId}] API验证码获取成功:`, response);
       setCaptchaData(response.data);
       if (onCaptchaChange) {
         onCaptchaChange(response.data);
       }
     } catch (err) {
-      console.error('验证码获取失败:', err);
-
-      // 如果API失败，使用备用验证码
-      const fallbackCaptcha = generateFallbackCaptcha();
-      console.log('生成备用验证码:', fallbackCaptcha);
-      setCaptchaData(fallbackCaptcha);
-      if (onCaptchaChange) {
-        onCaptchaChange(fallbackCaptcha);
-      }
-      setError(''); // 清除错误状态，因为备用验证码已生成
+      console.error(`[CaptchaInput-${instanceId}] 验证码获取失败:`, err);
+      setError('获取验证码失败，请重试');
     } finally {
       setLoading(false);
     }
-  };
-
-  const generateFallbackCaptcha = (): CaptchaResponse => {
-    // 备用验证码生成（使用Canvas）
-    const chars = 'ABCDEFGHJKLMNPQRSTUVWXYZ23456789';
-    let text = '';
-    for (let i = 0; i < 4; i++) {
-      text += chars.charAt(Math.floor(Math.random() * chars.length));
-    }
-
-    const canvas = document.createElement('canvas');
-    canvas.width = 120;
-    canvas.height = 40;
-    const ctx = canvas.getContext('2d');
-
-    if (!ctx) {
-      return {
-        captcha_id: 'fallback-' + Date.now(),
-        image: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg=='
-      };
-    }
-
-    // 背景
-    ctx.fillStyle = '#f0f0f0';
-    ctx.fillRect(0, 0, canvas.width, canvas.height);
-
-    // 干扰线
-    for (let i = 0; i < 3; i++) {
-      ctx.strokeStyle = `rgba(${Math.random() * 100}, ${Math.random() * 100}, ${Math.random() * 100}, 0.3)`;
-      ctx.beginPath();
-      ctx.moveTo(Math.random() * canvas.width, Math.random() * canvas.height);
-      ctx.lineTo(Math.random() * canvas.width, Math.random() * canvas.height);
-      ctx.stroke();
-    }
-
-    // 干扰点
-    for (let i = 0; i < 30; i++) {
-      ctx.fillStyle = `rgba(${Math.random() * 255}, ${Math.random() * 255}, ${Math.random() * 255}, 0.3)`;
-      ctx.beginPath();
-      ctx.arc(
-        Math.random() * canvas.width,
-        Math.random() * canvas.height,
-        1,
-        0,
-        2 * Math.PI
-      );
-      ctx.fill();
-    }
-
-    // 验证码文字
-    ctx.font = 'bold 24px Arial';
-    ctx.textBaseline = 'middle';
-
-    for (let i = 0; i < text.length; i++) {
-      const char = text[i];
-      const x = 20 + i * 25;
-      const y = 20 + (Math.random() - 0.5) * 6;
-      const angle = (Math.random() - 0.5) * 0.4;
-
-      ctx.save();
-      ctx.translate(x, y);
-      ctx.rotate(angle);
-
-      // 随机颜色
-      const colors = ['#16a34a', '#2563eb', '#dc2626', '#ea580c', '#8b5cf6'];
-      ctx.fillStyle = colors[Math.floor(Math.random() * colors.length)];
-
-      ctx.fillText(char, 0, 0);
-      ctx.restore();
-    }
-
-    return {
-      captcha_id: 'fallback-' + Date.now(),
-      image: canvas.toDataURL()
-    };
-  }, [onCaptchaChange, onChange]);
-
-  useEffect(() => {
-    fetchCaptcha();
-  }, [fetchCaptcha]);
+  }, [instanceId, onCaptchaChange]);
 
   const handleRefresh = () => {
+    onChange(''); // 清空验证码输入
     fetchCaptcha();
   };
 
diff --git a/crop-x-new/src/components/layouts/Main.tsx b/crop-x-new/src/components/layouts/Main.tsx
index 4c40275..192a295 100644
--- a/crop-x-new/src/components/layouts/Main.tsx
+++ b/crop-x-new/src/components/layouts/Main.tsx
@@ -1,10 +1,9 @@
 import React from 'react'
 import {Navbar1} from '@/components/layouts/Navbar.tsx'
 import  Page  from './SideBar/SideBar'
-import './index.css'
 function Main() {
   return (
-      <div className = "parent-flex">
+      <div className = "flex flex-col gap-4 w-full">
         <Navbar1></Navbar1>
         <div>
         <Page ></Page>
diff --git a/crop-x-new/src/components/layouts/Navbar.tsx b/crop-x-new/src/components/layouts/Navbar.tsx
index 7015dc4..72edba9 100644
--- a/crop-x-new/src/components/layouts/Navbar.tsx
+++ b/crop-x-new/src/components/layouts/Navbar.tsx
@@ -1,30 +1,17 @@
 'use client';
 
-import { Book, Menu, Sunset, Trees, Zap } from "lucide-react";
-import { Sprout, Map, Clipboard, Package, Brain, Droplets, Settings } from 'lucide-react';
+import { Menu } from "lucide-react";
+import { Sprout } from 'lucide-react';
 import { MessageBell } from './components/MessageBell';
 import { UserProfile } from './components/UserProfile';
 import { ThemeToggle } from './ThemeToggle';
-import { useElementHeight } from '@/hooks/useElementHeight';
-import { useViewHeight } from '@/hooks/useViewHeight';
 import { usePathname, useRouter } from 'next/navigation';
-import { useRef, useEffect, useState } from 'react';
-// 注释掉 Accordion 相关导入，因为不再需要二级菜单
-// import {
-//   Accordion,
-//   AccordionContent,
-//   AccordionItem,
-//   AccordionTrigger,
-// } from "@/components/ui/accordion";
-import { useLayoutStore } from '@/stores/useLayoutStore';
 import { Button } from "@/components/ui/button";
 import {
   NavigationMenu,
-  NavigationMenuContent,
   NavigationMenuItem,
   NavigationMenuLink,
   NavigationMenuList,
-  NavigationMenuTrigger,
 } from "@/components/ui/navigation-menu";
 import {
   Sheet,
@@ -82,19 +69,6 @@ const Navbar1 = ({ navbarData }: Navbar1Props) => {
     return false;
   }
 
-  // 使用自定义 Hook 计算高度
-  const { elementRef, updateHeight } = useElementHeight({
-    immediate: true, // 立即计算高度
-    onUpdate: (height: number) => {
-      // 更新 Zustand store 中的状态
-      const { setNavigatorHeight } = useLayoutStore.getState();
-      setNavigatorHeight(height);
-    }
-  });
-
-  
-  // 监听页面高度变化
-  useViewHeight();
 
   const handleMessageClick = () => {
     // 处理消息点击事件，可以跳转到消息中心页面
@@ -107,7 +81,7 @@ const Navbar1 = ({ navbarData }: Navbar1Props) => {
   };
 
   return (
-    <section className="py-4" ref={elementRef}>
+    <section className="py-4">
         <div className="container" style = {containerStyle}>
         {/* Desktop Menu */}
         <nav className="hidden justify-between lg:flex">
diff --git a/crop-x-new/src/components/layouts/index.css b/crop-x-new/src/components/layouts/index.css
deleted file mode 100644
index 56b8e24..0000000
--- a/crop-x-new/src/components/layouts/index.css
+++ /dev/null
@@ -1,6 +0,0 @@
-.parent-flex {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem; /* 控制子元素间距 */
-  width: 100%; /* 默认宽度 */
-}
\ No newline at end of file
diff --git a/crop-x-new/src/types/system-params.ts b/crop-x-new/src/types/system-params.ts
index db466da..14ce696 100644
--- a/crop-x-new/src/types/system-params.ts
+++ b/crop-x-new/src/types/system-params.ts
@@ -25,6 +25,7 @@ export interface SystemSettings {
   dateFormat: string;
   timezone: string;
   language: string;
+  defaultTheme?: 'light' | 'dark';
 }
 
 // 分类字典（树形结构）