From 9afc6808330dcca79b54d319129c50e49ed07a07 Mon Sep 17 00:00:00 2001
From: peng <cavin@maimaiplanet.com>
Date: Tue, 21 Oct 2025 18:04:39 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=9F=E4=BA=A7=E7=AE=A1=E7=90=86=E7=B3=BB?=
 =?UTF-8?q?=E7=BB=9F=E5=89=8D=E7=AB=AF=20=E5=BC=80=E5=8F=91=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83=E9=85=8D=E7=BD=AE=E7=B3=BB=E7=BB=9F=20=E6=89=80?=
 =?UTF-8?q?=E6=9C=89=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/app/(app)/central-config/layout.tsx   |  48 +-
 .../central-config/message-center/layout.tsx  |  22 -
 .../message-center/message-log/page.tsx       |   8 -
 .../message-center/message-send/page.tsx      | 146 ------
 .../message-center/message-template/page.tsx  |   8 -
 .../central-config/message-center/page.tsx    | 111 ----
 .../log/components/MessageLogFilter.tsx       |  64 +++
 .../log/components/MessageLogStats.tsx        |  44 ++
 .../log/components/MessageLogTable.tsx        | 152 ++++++
 .../message/log/mock/mockData.ts              | 115 ++++
 .../(app)/central-config/message/log/page.tsx | 139 +++++
 .../app/(app)/central-config/message/page.tsx |  26 +
 .../send/components/MessageInstructions.tsx   |  17 +
 .../send/components/MessagePreviewDialog.tsx  | 122 +++++
 .../send/components/MessageSendTable.tsx      | 154 ++++++
 .../send/components/MessageStatsCards.tsx     |  42 ++
 .../send/components/SendMessageDialog.tsx     | 258 +++++++++
 .../message/send/components/index.ts          |   5 +
 .../central-config/message/send/page.tsx      | 493 ++++++++++++++++++
 .../central-config/message/send/types.ts      |  12 +
 .../components/MessageTemplateDialog.tsx      | 179 +++++++
 .../components/MessageTemplateHeader.tsx      |  30 ++
 .../components/MessageTemplateInfo.tsx        |  22 +
 .../components/MessageTemplateList.tsx        | 128 +++++
 .../components/MessageTemplateSearch.tsx      |  48 ++
 .../components/MessageTemplateTestDialog.tsx  | 121 +++++
 .../message/template/components/index.ts      |   6 +
 .../central-config/message/template/page.tsx  | 269 ++++++++++
 .../central-config/message/template/types.ts  |  14 +
 .../login-log/components/LoginLogFilters.tsx  |  59 +++
 .../login-log/components/LoginLogInfo.tsx     |  20 +
 .../login-log/components/LoginLogStats.tsx    |  50 ++
 .../login-log/components/LoginLogTable.tsx    |  87 ++++
 .../monitor/login-log/components/index.ts     |   4 +
 .../central-config/monitor/login-log/page.tsx | 202 +++++++
 .../components/NetworkLogDetailDialog.tsx     | 191 +++++++
 .../components/NetworkLogFilters.tsx          |  62 +++
 .../network-log/components/NetworkLogInfo.tsx |  20 +
 .../components/NetworkLogService.ts           | 338 ++++++++++++
 .../components/NetworkLogStats.tsx            |  51 ++
 .../components/NetworkLogTable.tsx            | 133 +++++
 .../monitor/network-log/components/index.ts   |   8 +
 .../monitor/network-log/page.tsx              | 139 +++++
 .../components/OperationLogDetailDialog.tsx   | 183 +++++++
 .../components/OperationLogFilters.tsx        |  81 +++
 .../components/OperationLogInfo.tsx           |  20 +
 .../components/OperationLogService.ts         | 314 +++++++++++
 .../components/OperationLogStats.tsx          |  51 ++
 .../components/OperationLogTable.tsx          | 144 +++++
 .../monitor/operation-log/components/index.ts |   9 +
 .../monitor/operation-log/page.tsx            | 152 ++++++
 .../app/(app)/central-config/monitor/page.tsx |  30 ++
 .../performance/components/CpuMetricCard.tsx  |  40 ++
 .../performance/components/DiskMetricCard.tsx |  51 ++
 .../performance/components/JvmInfoCard.tsx    |  53 ++
 .../components/MemoryMetricCard.tsx           |  47 ++
 .../components/PerformanceInstructions.tsx    |  20 +
 .../components/PerformanceTrendChart.tsx      |  42 ++
 .../performance/components/TomcatInfoCard.tsx |  48 ++
 .../monitor/performance/components/index.ts   |   7 +
 .../monitor/performance/page.tsx              | 274 ++++++++++
 .../central-config/system-monitor/layout.tsx  |  11 -
 .../system-monitor/login-log/page.tsx         |   8 -
 .../system-monitor/network-log/page.tsx       |   8 -
 .../system-monitor/operation-log/page.tsx     |   8 -
 .../central-config/system-monitor/page.tsx    |   8 -
 .../performance-monitor/page.tsx              |   8 -
 .../exception-handling/page.tsx               | 185 -------
 .../system-monitoring/layout.tsx              |  22 -
 .../system-monitoring/log-management/page.tsx | 160 ------
 .../central-config/system-monitoring/page.tsx | 103 ----
 .../performance-monitoring/page.tsx           | 119 -----
 .../basic-configuration/page.tsx              | 223 --------
 .../business-rule-settings/page.tsx           | 243 ---------
 .../category-dictionary/page.tsx              |   8 -
 .../data-dictionary/page.tsx                  |   8 -
 .../interface-configuration/page.tsx          | 299 -----------
 .../system-parameters/layout.tsx              |  22 -
 .../central-config/system-parameters/page.tsx | 103 ----
 .../system-settings/page.tsx                  |   8 -
 .../central-config/system/category/page.tsx   |  14 +
 .../central-config/system/dictionary/page.tsx |  14 +
 .../app/(app)/central-config/system/page.tsx  |  26 +
 .../settings/components/CopyrightInfoCard.tsx |  35 ++
 .../settings/components/FeatureToggleCard.tsx |  39 ++
 .../components/PasswordPolicyCard.tsx         |  67 +++
 .../settings/components/PlatformInfoCard.tsx  |  60 +++
 .../components/RegionalSettingsCard.tsx       |  69 +++
 .../components/SessionManagementCard.tsx      |  45 ++
 .../settings/components/SettingsInfoCard.tsx  |  20 +
 .../components/SystemAnnouncementCard.tsx     |  22 +
 .../system/settings/components/index.ts       |   8 +
 .../central-config/system/settings/page.tsx   | 168 ++++++
 .../tenant-management/audit-history/page.tsx  |   8 -
 .../components/EnterpriseBankInfo.tsx         |  65 ---
 .../components/EnterpriseBasicInfo.tsx        |  43 --
 .../components/EnterpriseDetailDialog.tsx     | 192 -------
 .../components/EnterpriseLegalInfo.tsx        |  62 ---
 .../components/EnterpriseOtherInfo.tsx        |  75 ---
 .../enterprise-audit/components/index.ts      |   8 -
 .../enterprise-info/page.tsx                  |   8 -
 .../tenant-management/layout.tsx              |  22 -
 .../central-config/tenant-management/page.tsx | 163 ------
 .../platform-user-management/page.tsx         |   8 -
 .../tenant-authorization/page.tsx             | 243 ---------
 .../tenant-configuration/page.tsx             | 287 ----------
 .../tenant-creation/page.tsx                  | 221 --------
 .../components/AuditHistoryDetailDialog.tsx   | 352 +++++++++++++
 .../components/AuditHistoryFilters.tsx        |  84 +++
 .../components/AuditHistoryInstructions.tsx   |  23 +
 .../components/AuditHistoryList.tsx           |  93 ++++
 .../components/AuditHistoryStatsCards.tsx     |  49 ++
 .../tenant/audit-history/page.tsx             | 211 ++++++++
 .../tenant/audit-history/types.ts             |  79 +++
 .../components/AuditStatsCards.tsx}           |  21 +-
 .../components/EnterpriseDetailDialog.tsx     | 318 +++++++++++
 .../components/EnterpriseList.tsx}            |  37 +-
 .../components/SearchFilters.tsx}             |  35 +-
 .../enterprise-audit/page.tsx                 |  60 +--
 .../tenant/enterprise-audit/types.ts          |  71 +++
 .../components/AuditStatusAlert.tsx           |  57 ++
 .../components/BankInfoForm.tsx               | 132 +++++
 .../components/BasicInfoForm.tsx              | 129 +++++
 .../components/EnterpriseInfoHeader.tsx       |  45 ++
 .../components/LegalInfoForm.tsx              | 122 +++++
 .../components/OperationTips.tsx              |  23 +
 .../components/OtherInfoForm.tsx              | 178 +++++++
 .../enterprise-info/components/SystemInfo.tsx |  44 ++
 .../tenant/enterprise-info/page.tsx           | 221 ++++++++
 .../tenant/enterprise-info/types.ts           |  55 ++
 .../app/(app)/central-config/tenant/page.tsx  |  30 ++
 .../components/UserDetailDialog.tsx           | 118 +++++
 .../components/UserFormDialog.tsx             | 138 +++++
 .../user-management/components/UserList.tsx   | 140 +++++
 .../components/UserManagementFilters.tsx      |  61 +++
 .../components/UserManagementHeader.tsx       |  31 ++
 .../components/UserManagementStatsCards.tsx   |  49 ++
 .../tenant/user-management/page.tsx           | 272 ++++++++++
 .../tenant/user-management/types.ts           |  54 ++
 .../employee-management/page.tsx              |   8 -
 .../central-config/user-management/layout.tsx |  22 -
 .../user-management/menu-management/page.tsx  |   8 -
 .../central-config/user-management/page.tsx   | 178 -------
 .../permission-config/page.tsx                |   8 -
 .../user-management/role-management/page.tsx  |   8 -
 .../role-permission-management/page.tsx       | 245 ---------
 .../user-account-management/page.tsx          | 283 ----------
 .../user-behavior-tracking/page.tsx           | 337 ------------
 .../components/EmployeeDetailDialog.tsx       | 119 +++++
 .../components/EmployeeFormDialog.tsx         | 155 ++++++
 .../user/employee/components/EmployeeList.tsx | 127 +++++
 .../components/EmployeeManagementFilters.tsx  |  53 ++
 .../components/EmployeeManagementHeader.tsx   |  24 +
 .../EmployeeManagementStatsCards.tsx          |  43 ++
 .../central-config/user/employee/page.tsx     | 259 +++++++++
 .../central-config/user/employee/types.ts     |  65 +++
 .../user/menu/components/MenuFormDialog.tsx   | 160 ++++++
 .../menu/components/MenuManagementHeader.tsx  |  25 +
 .../components/MenuManagementInstructions.tsx |  21 +
 .../components/MenuManagementStatsCards.tsx   |  57 ++
 .../user/menu/components/MenuTree.tsx         | 213 ++++++++
 .../(app)/central-config/user/menu/page.tsx   | 463 ++++++++++++++++
 .../(app)/central-config/user/menu/types.ts   |  16 +
 .../app/(app)/central-config/user/page.tsx    |  30 ++
 .../components/PermissionManagementHeader.tsx |  24 +
 .../central-config/user/permission/page.tsx   | 414 +++++++++++++++
 .../central-config/user/permission/types.ts   |  37 ++
 .../user/role/components/RoleDetailDialog.tsx | 110 ++++
 .../user/role/components/RoleFormDialog.tsx   | 235 +++++++++
 .../user/role/components/RoleList.tsx         | 113 ++++
 .../role/components/RoleManagementHeader.tsx  |  24 +
 .../components/RoleManagementInstructions.tsx |  19 +
 .../components/RoleManagementStatsCards.tsx   |  43 ++
 .../user/role/components/RoleSearch.tsx       |  27 +
 .../(app)/central-config/user/role/page.tsx   | 219 ++++++++
 .../(app)/central-config/user/role/types.ts   | 358 +++++++++++++
 .../src/app/(app)/central-config/映射关系.md  | 309 +++++++++++
 crop-x/src/components/layouts/Navbar.tsx      |  42 +-
 crop-x/src/services/api/messageLogApi.ts      | 267 ++++++++++
 crop-x/src/types/auth.ts                      |  81 +++
 crop-x/src/types/message.ts                   |  61 +++
 crop-x/src/types/monitor.ts                   | 112 ++++
 crop-x/src/types/system-params.ts             |  77 +++
 ...目完整技术架构方案-Next.js-AppRouter版本.md |  34 +-
 src/types/message.ts                          |  20 +
 185 files changed, 13677 insertions(+), 4487 deletions(-)
 delete mode 100644 crop-x/src/app/(app)/central-config/message-center/layout.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/message-center/message-log/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/message-center/message-send/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/message-center/message-template/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/message-center/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/message/log/components/MessageLogFilter.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/message/log/components/MessageLogStats.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/message/log/components/MessageLogTable.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/message/log/mock/mockData.ts
 create mode 100644 crop-x/src/app/(app)/central-config/message/log/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/message/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/message/send/components/MessageInstructions.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/message/send/components/MessagePreviewDialog.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/message/send/components/MessageSendTable.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/message/send/components/MessageStatsCards.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/message/send/components/SendMessageDialog.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/message/send/components/index.ts
 create mode 100644 crop-x/src/app/(app)/central-config/message/send/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/message/send/types.ts
 create mode 100644 crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateDialog.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateHeader.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateInfo.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateList.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateSearch.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateTestDialog.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/message/template/components/index.ts
 create mode 100644 crop-x/src/app/(app)/central-config/message/template/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/message/template/types.ts
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/login-log/components/LoginLogFilters.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/login-log/components/LoginLogInfo.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/login-log/components/LoginLogStats.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/login-log/components/LoginLogTable.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/login-log/components/index.ts
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/login-log/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogDetailDialog.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogFilters.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogInfo.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogService.ts
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogStats.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogTable.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/network-log/components/index.ts
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/network-log/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogDetailDialog.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogFilters.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogInfo.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogService.ts
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogStats.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogTable.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/operation-log/components/index.ts
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/operation-log/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/performance/components/CpuMetricCard.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/performance/components/DiskMetricCard.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/performance/components/JvmInfoCard.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/performance/components/MemoryMetricCard.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/performance/components/PerformanceInstructions.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/performance/components/PerformanceTrendChart.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/performance/components/TomcatInfoCard.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/performance/components/index.ts
 create mode 100644 crop-x/src/app/(app)/central-config/monitor/performance/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/system-monitor/layout.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/system-monitor/login-log/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/system-monitor/network-log/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/system-monitor/operation-log/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/system-monitor/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/system-monitor/performance-monitor/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/system-monitoring/exception-handling/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/system-monitoring/layout.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/system-monitoring/log-management/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/system-monitoring/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/system-monitoring/performance-monitoring/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/system-parameters/basic-configuration/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/system-parameters/business-rule-settings/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/system-parameters/category-dictionary/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/system-parameters/data-dictionary/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/system-parameters/interface-configuration/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/system-parameters/layout.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/system-parameters/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/system-parameters/system-settings/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/system/category/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/system/dictionary/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/system/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/system/settings/components/CopyrightInfoCard.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/system/settings/components/FeatureToggleCard.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/system/settings/components/PasswordPolicyCard.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/system/settings/components/PlatformInfoCard.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/system/settings/components/RegionalSettingsCard.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/system/settings/components/SessionManagementCard.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/system/settings/components/SettingsInfoCard.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/system/settings/components/SystemAnnouncementCard.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/system/settings/components/index.ts
 create mode 100644 crop-x/src/app/(app)/central-config/system/settings/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/tenant-management/audit-history/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseBankInfo.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseBasicInfo.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseDetailDialog.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseLegalInfo.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseOtherInfo.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/index.ts
 delete mode 100644 crop-x/src/app/(app)/central-config/tenant-management/enterprise-info/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/tenant-management/layout.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/tenant-management/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/tenant-management/platform-user-management/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/tenant-management/tenant-authorization/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/tenant-management/tenant-configuration/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/tenant-management/tenant-creation/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryDetailDialog.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryFilters.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryInstructions.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryList.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryStatsCards.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/audit-history/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/audit-history/types.ts
 rename crop-x/src/app/(app)/central-config/{tenant-management/enterprise-audit/components/AuditStatsCard.tsx => tenant/enterprise-audit/components/AuditStatsCards.tsx} (69%)
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/enterprise-audit/components/EnterpriseDetailDialog.tsx
 rename crop-x/src/app/(app)/central-config/{tenant-management/enterprise-audit/components/EnterpriseTable.tsx => tenant/enterprise-audit/components/EnterpriseList.tsx} (77%)
 rename crop-x/src/app/(app)/central-config/{tenant-management/enterprise-audit/components/SearchAndFilter.tsx => tenant/enterprise-audit/components/SearchFilters.tsx} (62%)
 rename crop-x/src/app/(app)/central-config/{tenant-management => tenant}/enterprise-audit/page.tsx (88%)
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/enterprise-audit/types.ts
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/AuditStatusAlert.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/BankInfoForm.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/BasicInfoForm.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/EnterpriseInfoHeader.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/LegalInfoForm.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/OperationTips.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/OtherInfoForm.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/SystemInfo.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/enterprise-info/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/enterprise-info/types.ts
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/user-management/components/UserDetailDialog.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/user-management/components/UserFormDialog.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/user-management/components/UserList.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/user-management/components/UserManagementFilters.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/user-management/components/UserManagementHeader.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/user-management/components/UserManagementStatsCards.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/user-management/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/tenant/user-management/types.ts
 delete mode 100644 crop-x/src/app/(app)/central-config/user-management/employee-management/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/user-management/layout.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/user-management/menu-management/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/user-management/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/user-management/permission-config/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/user-management/role-management/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/user-management/role-permission-management/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/user-management/user-account-management/page.tsx
 delete mode 100644 crop-x/src/app/(app)/central-config/user-management/user-behavior-tracking/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/employee/components/EmployeeDetailDialog.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/employee/components/EmployeeFormDialog.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/employee/components/EmployeeList.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/employee/components/EmployeeManagementFilters.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/employee/components/EmployeeManagementHeader.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/employee/components/EmployeeManagementStatsCards.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/employee/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/employee/types.ts
 create mode 100644 crop-x/src/app/(app)/central-config/user/menu/components/MenuFormDialog.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/menu/components/MenuManagementHeader.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/menu/components/MenuManagementInstructions.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/menu/components/MenuManagementStatsCards.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/menu/components/MenuTree.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/menu/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/menu/types.ts
 create mode 100644 crop-x/src/app/(app)/central-config/user/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/permission/components/PermissionManagementHeader.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/permission/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/permission/types.ts
 create mode 100644 crop-x/src/app/(app)/central-config/user/role/components/RoleDetailDialog.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/role/components/RoleFormDialog.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/role/components/RoleList.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/role/components/RoleManagementHeader.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/role/components/RoleManagementInstructions.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/role/components/RoleManagementStatsCards.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/role/components/RoleSearch.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/role/page.tsx
 create mode 100644 crop-x/src/app/(app)/central-config/user/role/types.ts
 create mode 100644 crop-x/src/app/(app)/central-config/映射关系.md
 create mode 100644 crop-x/src/services/api/messageLogApi.ts
 create mode 100644 crop-x/src/types/auth.ts
 create mode 100644 crop-x/src/types/message.ts
 create mode 100644 crop-x/src/types/monitor.ts
 create mode 100644 crop-x/src/types/system-params.ts

diff --git a/crop-x/src/app/(app)/central-config/layout.tsx b/crop-x/src/app/(app)/central-config/layout.tsx
index 38f40b3..91ffe44 100644
--- a/crop-x/src/app/(app)/central-config/layout.tsx
+++ b/crop-x/src/app/(app)/central-config/layout.tsx
@@ -8,125 +8,125 @@ const centralConfigData = {
   navMain: [
     {
       title: "租户管理",
-      url: "/central-config/tenant-management",
+      url: "/central-config/tenant",
       icon: "🏢",
       items: [
         {
           title: "企业审核",
-          url: "/central-config/tenant-management/enterprise-audit",
+          url: "/central-config/tenant/enterprise-audit",
           isActive: false
         },
         {
           title: "审核历史",
-          url: "/central-config/tenant-management/audit-history",
+          url: "/central-config/tenant/audit-history",
           isActive: false
         },
         {
           title: "企业信息",
-          url: "/central-config/tenant-management/enterprise-info",
+          url: "/central-config/tenant/enterprise-info",
           isActive: false
         },
         {
-          title: "平台用户管理",
-          url: "/central-config/tenant-management/platform-user-management",
+          title: "用户管理",
+          url: "/central-config/tenant/user-management",
           isActive: false
         }
       ]
     },
     {
       title: "用户管理",
-      url: "/central-config/user-management",
+      url: "/central-config/user",
       icon: "👥",
       items: [
         {
           title: "员工管理",
-          url: "/central-config/user-management/employee-management",
+          url: "/central-config/user/employee",
           isActive: false
         },
         {
           title: "角色管理",
-          url: "/central-config/user-management/role-management",
+          url: "/central-config/user/role",
           isActive: false
         },
         {
           title: "菜单管理",
-          url: "/central-config/user-management/menu-management",
+          url: "/central-config/user/menu",
           isActive: false
         },
         {
           title: "权限配置管理",
-          url: "/central-config/user-management/permission-config",
+          url: "/central-config/user/permission",
           isActive: false
         }
       ]
     },
     {
       title: "系统参数",
-      url: "/central-config/system-parameters",
+      url: "/central-config/system",
       icon: "🔧",
       items: [
         {
           title: "系统设置",
-          url: "/central-config/system-parameters/system-settings",
+          url: "/central-config/system/settings",
           isActive: false
         },
         {
           title: "分类字典",
-          url: "/central-config/system-parameters/category-dictionary",
+          url: "/central-config/system/category",
           isActive: false
         },
         {
           title: "数据字典",
-          url: "/central-config/system-parameters/data-dictionary",
+          url: "/central-config/system/dictionary",
           isActive: false
         }
       ]
     },
     {
       title: "系统监控",
-      url: "/central-config/system-monitor",
+      url: "/central-config/monitor",
       icon: "📈",
       items: [
         {
           title: "登录日志",
-          url: "/central-config/system-monitor/login-log",
+          url: "/central-config/monitor/login-log",
           isActive: false
         },
         {
           title: "操作日志",
-          url: "/central-config/system-monitor/operation-log",
+          url: "/central-config/monitor/operation-log",
           isActive: false
         },
         {
           title: "性能监控",
-          url: "/central-config/system-monitor/performance-monitor",
+          url: "/central-config/monitor/performance",
           isActive: false
         },
         {
           title: "网络日志",
-          url: "/central-config/system-monitor/network-log",
+          url: "/central-config/monitor/network-log",
           isActive: false
         }
       ]
     },
     {
       title: "消息中心",
-      url: "/central-config/message-center",
+      url: "/central-config/message",
       icon: "📨",
       items: [
         {
           title: "消息发送",
-          url: "/central-config/message-center/message-send",
+          url: "/central-config/message/send",
           isActive: false
         },
         {
           title: "消息模版",
-          url: "/central-config/message-center/message-template",
+          url: "/central-config/message/template",
           isActive: false
         },
         {
           title: "消息日志",
-          url: "/central-config/message-center/message-log",
+          url: "/central-config/message/log",
           isActive: false
         }
       ]
diff --git a/crop-x/src/app/(app)/central-config/message-center/layout.tsx b/crop-x/src/app/(app)/central-config/message-center/layout.tsx
deleted file mode 100644
index 1980cba..0000000
--- a/crop-x/src/app/(app)/central-config/message-center/layout.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message-center/message-log/page.tsx b/crop-x/src/app/(app)/central-config/message-center/message-log/page.tsx
deleted file mode 100644
index febf53f..0000000
--- a/crop-x/src/app/(app)/central-config/message-center/message-log/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function MessageLogPage() {
-  return (
-    <div className="p-6">
-      <h1 className="text-2xl font-bold mb-4">消息日志</h1>
-      <p>消息日志管理页面</p>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message-center/message-send/page.tsx b/crop-x/src/app/(app)/central-config/message-center/message-send/page.tsx
deleted file mode 100644
index c34efcd..0000000
--- a/crop-x/src/app/(app)/central-config/message-center/message-send/page.tsx
+++ /dev/null
@@ -1,146 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message-center/message-template/page.tsx b/crop-x/src/app/(app)/central-config/message-center/message-template/page.tsx
deleted file mode 100644
index 82524c0..0000000
--- a/crop-x/src/app/(app)/central-config/message-center/message-template/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function MessageTemplatePage() {
-  return (
-    <div className="p-6">
-      <h1 className="text-2xl font-bold mb-4">消息模版</h1>
-      <p>消息模版管理页面</p>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message-center/page.tsx b/crop-x/src/app/(app)/central-config/message-center/page.tsx
deleted file mode 100644
index d650ea4..0000000
--- a/crop-x/src/app/(app)/central-config/message-center/page.tsx
+++ /dev/null
@@ -1,111 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/log/components/MessageLogFilter.tsx b/crop-x/src/app/(app)/central-config/message/log/components/MessageLogFilter.tsx
new file mode 100644
index 0000000..eef4dc3
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/log/components/MessageLogFilter.tsx
@@ -0,0 +1,64 @@
+'use client';
+
+import { Card } from '@/components/ui/card';
+import { Input } from '@/components/ui/input';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { Search } from 'lucide-react';
+
+interface MessageLogFilterProps {
+  searchKeyword: string;
+  typeFilter: string;
+  statusFilter: string;
+  onSearchChange: (value: string) => void;
+  onTypeChange: (value: string) => void;
+  onStatusChange: (value: string) => void;
+}
+
+export function MessageLogFilter({
+  searchKeyword,
+  typeFilter,
+  statusFilter,
+  onSearchChange,
+  onTypeChange,
+  onStatusChange,
+}: MessageLogFilterProps) {
+  return (
+    <Card className="p-4">
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+        <div className="relative">
+          <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-muted-foreground" />
+          <Input
+            placeholder="搜索接收人、内容..."
+            value={searchKeyword}
+            onChange={(e) => onSearchChange(e.target.value)}
+            className="pl-10"
+          />
+        </div>
+        <Select value={typeFilter} onValueChange={onTypeChange}>
+          <SelectTrigger>
+            <SelectValue placeholder="消息类型" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">全部类型</SelectItem>
+            <SelectItem value="sms">短信</SelectItem>
+            <SelectItem value="email">邮件</SelectItem>
+            <SelectItem value="internal">站内信</SelectItem>
+            <SelectItem value="push">推送</SelectItem>
+          </SelectContent>
+        </Select>
+        <Select value={statusFilter} onValueChange={onStatusChange}>
+          <SelectTrigger>
+            <SelectValue placeholder="发送状态" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">全部状态</SelectItem>
+            <SelectItem value="sent">已发送</SelectItem>
+            <SelectItem value="read">已读</SelectItem>
+            <SelectItem value="failed">失败</SelectItem>
+            <SelectItem value="pending">待发送</SelectItem>
+          </SelectContent>
+        </Select>
+      </div>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/log/components/MessageLogStats.tsx b/crop-x/src/app/(app)/central-config/message/log/components/MessageLogStats.tsx
new file mode 100644
index 0000000..db6c6d2
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/log/components/MessageLogStats.tsx
@@ -0,0 +1,44 @@
+'use client';
+
+import { Card } from '@/components/ui/card';
+import { MessageLog } from '@/types/message';
+
+interface MessageLogStatsProps {
+  logs: MessageLog[];
+}
+
+export function MessageLogStats({ logs }: MessageLogStatsProps) {
+  const stats = [
+    {
+      label: '总消息数',
+      value: logs.length,
+      color: 'text-blue-600',
+    },
+    {
+      label: '已发送',
+      value: logs.filter(l => l.status === 'sent' || l.status === 'read').length,
+      color: 'text-green-600',
+    },
+    {
+      label: '已读',
+      value: logs.filter(l => l.status === 'read').length,
+      color: 'text-purple-600',
+    },
+    {
+      label: '发送失败',
+      value: logs.filter(l => l.status === 'failed').length,
+      color: 'text-red-600',
+    },
+  ];
+
+  return (
+    <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+      {stats.map((stat, index) => (
+        <Card key={index} className="p-4">
+          <div className="text-sm text-muted-foreground">{stat.label}</div>
+          <div className={`mt-2 text-2xl font-bold ${stat.color}`}>{stat.value}</div>
+        </Card>
+      ))}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/log/components/MessageLogTable.tsx b/crop-x/src/app/(app)/central-config/message/log/components/MessageLogTable.tsx
new file mode 100644
index 0000000..089d261
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/log/components/MessageLogTable.tsx
@@ -0,0 +1,152 @@
+'use client';
+
+import { Card } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+import { MessageLog } from '@/types/message';
+import {
+  Mail,
+  MessageSquare,
+  Smartphone,
+  Bell,
+  CheckCircle,
+  XCircle,
+  Clock
+} from 'lucide-react';
+
+interface MessageLogTableProps {
+  logs: MessageLog[];
+}
+
+export function MessageLogTable({ logs }: MessageLogTableProps) {
+  const getTypeIcon = (type: string) => {
+    switch (type) {
+      case 'sms': return <Smartphone className="w-4 h-4" />;
+      case 'email': return <Mail className="w-4 h-4" />;
+      case 'internal': return <MessageSquare className="w-4 h-4" />;
+      case 'push': return <Bell className="w-4 h-4" />;
+      default: return <MessageSquare className="w-4 h-4" />;
+    }
+  };
+
+  const getTypeLabel = (type: string) => {
+    const labels: Record<string, string> = {
+      sms: '短信',
+      email: '邮件',
+      internal: '站内信',
+      push: '推送',
+    };
+    return labels[type] || type;
+  };
+
+  const getTypeBadge = (type: string) => {
+    const colors: Record<string, string> = {
+      sms: 'bg-blue-100 text-blue-700',
+      email: 'bg-purple-100 text-purple-700',
+      internal: 'bg-green-100 text-green-700',
+      push: 'bg-orange-100 text-orange-700',
+    };
+    return colors[type] || 'bg-gray-100 text-gray-700';
+  };
+
+  const getStatusBadge = (status: string) => {
+    switch (status) {
+      case 'sent':
+        return { icon: <CheckCircle className="w-3 h-3" />, label: '已发送', className: 'bg-green-100 text-green-700' };
+      case 'read':
+        return { icon: <CheckCircle className="w-3 h-3" />, label: '已读', className: 'bg-blue-100 text-blue-700' };
+      case 'failed':
+        return { icon: <XCircle className="w-3 h-3" />, label: '失败', className: 'bg-red-100 text-red-700' };
+      case 'pending':
+        return { icon: <Clock className="w-3 h-3" />, label: '待发送', className: 'bg-yellow-100 text-yellow-700' };
+      default:
+        return { icon: <Clock className="w-3 h-3" />, label: status, className: 'bg-gray-100 text-gray-700' };
+    }
+  };
+
+  const formatDateTime = (dateTime: string | undefined) => {
+    if (!dateTime) return '-';
+    return dateTime;
+  };
+
+  return (
+    <Card>
+      <Table>
+        <TableHeader>
+          <TableRow>
+            <TableHead>发送时间</TableHead>
+            <TableHead>类型</TableHead>
+            <TableHead>接收人</TableHead>
+            <TableHead>主题/内容</TableHead>
+            <TableHead>状态</TableHead>
+            <TableHead>重试次数</TableHead>
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {logs.length === 0 ? (
+            <TableRow>
+              <TableCell colSpan={6} className="text-center text-muted-foreground py-8">
+                暂无消息日志
+              </TableCell>
+            </TableRow>
+          ) : (
+            logs.map((log) => {
+              const statusBadge = getStatusBadge(log.status);
+              // 调试信息
+              console.log('Log data:', log);
+              console.log('Type:', log.type, 'Badge color:', getTypeBadge(log.type));
+              return (
+                <TableRow key={log.id}>
+                  <TableCell className="text-sm text-muted-foreground">
+                    {formatDateTime(log.sentTime)}
+                  </TableCell>
+                  <TableCell>
+                    <div className={`inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium ${getTypeBadge(log.type)}`}>
+                      {getTypeIcon(log.type)}
+                      <span>{getTypeLabel(log.type)}</span>
+                    </div>
+                  </TableCell>
+                  <TableCell>
+                    <div>
+                      <div>{log.recipientName || '-'}</div>
+                      <div className="text-xs text-muted-foreground">{log.recipient}</div>
+                    </div>
+                  </TableCell>
+                  <TableCell className="max-w-xs">
+                    {log.subject && (
+                      <div className="mb-1 font-medium">{log.subject}</div>
+                    )}
+                    <div className="text-sm text-muted-foreground truncate">
+                      {log.content}
+                    </div>
+                  </TableCell>
+                  <TableCell>
+                    <div>
+                      <div className={`inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium ${statusBadge.className}`}>
+                        {statusBadge.icon}
+                        <span>{statusBadge.label}</span>
+                      </div>
+                      {log.status === 'read' && log.readTime && (
+                        <p className="text-xs text-muted-foreground mt-1">
+                          {formatDateTime(log.readTime)}
+                        </p>
+                      )}
+                      {log.status === 'failed' && log.failReason && (
+                        <p className="text-xs text-red-600 mt-1">{log.failReason}</p>
+                      )}
+                    </div>
+                  </TableCell>
+                  <TableCell>
+                    <div className="inline-flex items-center px-2 py-1 rounded-full text-xs border border-gray-300 bg-gray-50">
+                      {log.retryCount}
+                    </div>
+                  </TableCell>
+                </TableRow>
+              );
+            })
+          )}
+        </TableBody>
+      </Table>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/log/mock/mockData.ts b/crop-x/src/app/(app)/central-config/message/log/mock/mockData.ts
new file mode 100644
index 0000000..5da6994
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/log/mock/mockData.ts
@@ -0,0 +1,115 @@
+import { MessageLog } from '@/types/message';
+
+export const mockMessageLogs: MessageLog[] = [
+  {
+    id: 'msg-1',
+    templateId: 'tpl-1',
+    templateName: '任务分配通知',
+    type: 'internal',
+    recipient: 'user-2',
+    recipientName: '张三',
+    subject: '新任务分配',
+    content: '您好，张三！您有新的作业任务：小麦播种作业，计划执行时间：2024-10-15 08:00。请及时查看并准备。',
+    status: 'sent',
+    sentTime: '2024-10-14 09:30:00',
+    readTime: '2024-10-14 10:15:00',
+    retryCount: 0,
+    variables: {
+      username: '张三',
+      taskName: '小麦播种作业',
+      executeTime: '2024-10-15 08:00',
+    },
+  },
+  {
+    id: 'msg-2',
+    templateId: 'tpl-2',
+    templateName: '设备预警通知',
+    type: 'sms',
+    recipient: '13800138000',
+    recipientName: '李四',
+    content: '【智慧农业】设备预警：约翰迪尔拖拉机检测到异常，发动机温度过高，请及时处理。',
+    status: 'sent',
+    sentTime: '2024-10-14 09:30:00',
+    retryCount: 0,
+  },
+  {
+    id: 'msg-3',
+    templateId: 'tpl-3',
+    templateName: '保养提醒',
+    type: 'email',
+    recipient: 'wangwu@example.com',
+    recipientName: '王五',
+    subject: '设备保养提醒',
+    content: '尊敬的用户：\n\n您的设备约翰迪尔拖拉机（编号：JD-001）已使用500小时，建议进行保养维护...',
+    status: 'sent',
+    sentTime: '2024-10-14 09:30:00',
+    retryCount: 0,
+  },
+  {
+    id: 'msg-4',
+    templateId: 'tpl-4',
+    templateName: '任务完成通知',
+    type: 'push',
+    recipient: 'user-2',
+    recipientName: '张三',
+    subject: '任务完成',
+    content: '作业任务小麦播种作业已完成，作业面积：50亩，耗时：3小时。',
+    status: 'read',
+    sentTime: '2024-10-14 09:30:00',
+    readTime: '2024-10-14 10:15:00',
+    retryCount: 0,
+  },
+  {
+    id: 'msg-5',
+    templateId: 'tpl-5',
+    templateName: '验证码',
+    type: 'sms',
+    recipient: '13900139000',
+    recipientName: '赵六',
+    content: '【智慧农业】验证码：123456，有效期5分钟。',
+    status: 'failed',
+    sentTime: '2024-10-14 09:30:00',
+    failReason: '手机号码格式错误',
+    retryCount: 2,
+  },
+  {
+    id: 'msg-6',
+    templateId: 'tpl-6',
+    templateName: '系统维护通知',
+    type: 'internal',
+    recipient: 'user-3',
+    recipientName: '钱七',
+    subject: '系统维护通知',
+    content: '系统将于今晚22:00-24:00进行维护，期间可能影响部分功能使用。',
+    status: 'pending',
+    sentTime: '2024-10-15 14:20:00',
+    retryCount: 0,
+  },
+  {
+    id: 'msg-7',
+    templateId: 'tpl-7',
+    templateName: '天气预警',
+    type: 'push',
+    recipient: 'user-4',
+    recipientName: '孙八',
+    subject: '天气预警',
+    content: '未来24小时将有暴雨，请注意防范，做好农田排水工作。',
+    status: 'sent',
+    sentTime: '2024-10-15 14:20:00',
+    retryCount: 0,
+  },
+  {
+    id: 'msg-8',
+    templateId: 'tpl-8',
+    templateName: '作业报告',
+    type: 'email',
+    recipient: 'manager@example.com',
+    recipientName: '管理员',
+    subject: '每日作业报告',
+    content: '今日完成播种作业100亩，施肥作业50亩，灌溉作业200亩。',
+    status: 'read',
+    sentTime: '2024-10-15 14:20:00',
+    readTime: '2024-10-15 15:30:00',
+    retryCount: 0,
+  }
+];
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/log/page.tsx b/crop-x/src/app/(app)/central-config/message/log/page.tsx
new file mode 100644
index 0000000..5af17b8
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/log/page.tsx
@@ -0,0 +1,139 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { toast } from 'sonner';
+import { Button } from '@/components/ui/button';
+import { Card } from '@/components/ui/card';
+import { Download, MessageSquare, RefreshCw } from 'lucide-react';
+import { MessageLogStats } from './components/MessageLogStats';
+import { MessageLogFilter } from './components/MessageLogFilter';
+import { MessageLogTable } from './components/MessageLogTable';
+import { MessageLog } from '@/types/message';
+import { mockMessageLogs } from './mock/mockData';
+
+export default function MessageLogPage() {
+  const [logs, setLogs] = useState<MessageLog[]>([]);
+  const [filteredLogs, setFilteredLogs] = useState<MessageLog[]>([]);
+  const [searchKeyword, setSearchKeyword] = useState('');
+  const [typeFilter, setTypeFilter] = useState<string>('all');
+  const [statusFilter, setStatusFilter] = useState<string>('all');
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    loadLogs();
+  }, []);
+
+  useEffect(() => {
+    applyFilters();
+  }, [logs, searchKeyword, typeFilter, statusFilter]);
+
+  const loadLogs = async () => {
+    setLoading(true);
+    try {
+      // 模拟API延迟
+      await new Promise(resolve => setTimeout(resolve, 500));
+      setLogs(mockMessageLogs);
+    } catch (error) {
+      console.error('Failed to load message logs:', error);
+      toast.error('加载消息日志失败');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const applyFilters = () => {
+    let filtered = logs;
+
+    // 调试信息
+    console.log('All logs:', logs);
+    console.log('Filters:', { searchKeyword, typeFilter, statusFilter });
+
+    if (searchKeyword) {
+      filtered = filtered.filter(log =>
+        (log.recipientName && log.recipientName.includes(searchKeyword)) ||
+        log.recipient.includes(searchKeyword) ||
+        log.content.includes(searchKeyword)
+      );
+    }
+
+    if (typeFilter !== 'all') {
+      filtered = filtered.filter(log => log.type === typeFilter);
+    }
+
+    if (statusFilter !== 'all') {
+      filtered = filtered.filter(log => log.status === statusFilter);
+    }
+
+    filtered.sort((a, b) => b.sentTime.localeCompare(a.sentTime));
+
+    setFilteredLogs(filtered);
+  };
+
+  const handleExport = async () => {
+    try {
+      const dataStr = JSON.stringify(filteredLogs, null, 2);
+      const dataBlob = new Blob([dataStr], { type: 'application/json' });
+      const url = URL.createObjectURL(dataBlob);
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = `message_logs_${new Date().getTime()}.json`;
+      link.click();
+      toast.success('导出成功');
+    } catch (error) {
+      console.error('Failed to export logs:', error);
+      toast.error('导出失败');
+    }
+  };
+
+  const handleRefresh = () => {
+    loadLogs();
+  };
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-green-800 text-2xl font-bold">消息日志</h2>
+          <p className="text-muted-foreground">完整记录所有通过系统发送的消息流水</p>
+        </div>
+        <div className="flex gap-2">
+          <Button variant="outline" onClick={handleRefresh} disabled={loading}>
+            <RefreshCw className="w-4 h-4 mr-2" />
+            刷新
+          </Button>
+          <Button onClick={handleExport} disabled={loading}>
+            <Download className="w-4 h-4 mr-2" />
+            导出日志
+          </Button>
+        </div>
+      </div>
+
+      <MessageLogStats logs={filteredLogs} />
+
+      <MessageLogFilter
+        searchKeyword={searchKeyword}
+        typeFilter={typeFilter}
+        statusFilter={statusFilter}
+        onSearchChange={setSearchKeyword}
+        onTypeChange={setTypeFilter}
+        onStatusChange={setStatusFilter}
+      />
+
+      <MessageLogTable logs={filteredLogs} />
+
+      <Card className="p-4 bg-blue-50 border-blue-200">
+        <h4 className="text-blue-900 mb-2 font-semibold">
+          <MessageSquare className="w-4 h-4 inline mr-2" />
+          消息日志说明
+        </h4>
+        <ul className="space-y-1 text-sm text-blue-800">
+          <li>• 完整记录所有通过系统发送的消息，包括短信、邮件、站内信和推送</li>
+          <li>• 支持按条件搜索历史消息，便于跟踪消息触达情况</li>
+          <li>• 失败消息会记录失败原因，便于排查发送异常</li>
+          <li>• 站内信和推送消息会记录阅读时间</li>
+          <li>• 重试次数用于标识消息的发送尝试次数</li>
+        </ul>
+      </Card>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/page.tsx b/crop-x/src/app/(app)/central-config/message/page.tsx
new file mode 100644
index 0000000..3f85955
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/page.tsx
@@ -0,0 +1,26 @@
+'use client';
+
+import React from 'react';
+import Link from 'next/link';
+
+export default function MessagePage() {
+  return (
+    <div className="p-6">
+      <h1 className="text-2xl font-bold mb-4">消息中心</h1>
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+        <Link href="/central-config/message/send" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
+          <h3 className="text-lg font-semibold mb-2">消息发送</h3>
+          <p className="text-gray-600 text-sm">发送系统消息</p>
+        </Link>
+        <Link href="/central-config/message/template" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
+          <h3 className="text-lg font-semibold mb-2">消息模版</h3>
+          <p className="text-gray-600 text-sm">管理消息模版</p>
+        </Link>
+        <Link href="/central-config/message/log" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
+          <h3 className="text-lg font-semibold mb-2">消息日志</h3>
+          <p className="text-gray-600 text-sm">查看消息发送记录</p>
+        </Link>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/send/components/MessageInstructions.tsx b/crop-x/src/app/(app)/central-config/message/send/components/MessageInstructions.tsx
new file mode 100644
index 0000000..3798cc4
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/send/components/MessageInstructions.tsx
@@ -0,0 +1,17 @@
+import { Card } from '@/components/ui/card';
+
+export function MessageInstructions() {
+  return (
+    <Card className="p-4 bg-blue-50 border-blue-200">
+      <h4 className="text-blue-900 mb-2">消息发送说明</h4>
+      <ul className="space-y-1 text-sm text-blue-800">
+        <li>• 支持发送短信、邮件、站内信、推送四种类型的消息</li>
+        <li>• 实时发送：消息立即发送给接收人</li>
+        <li>• 定时发送：设定未来的日期和时间，系统到时自动发送</li>
+        <li>• 可以使用消息模版，自动填充变量生成个性化内容</li>
+        <li>• 支持批量发送，一次可向多个接收人发送相同消息</li>
+        <li>• 定时消息在未发送前可以取消，已发送的消息可以删除记录</li>
+      </ul>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/send/components/MessagePreviewDialog.tsx b/crop-x/src/app/(app)/central-config/message/send/components/MessagePreviewDialog.tsx
new file mode 100644
index 0000000..589f969
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/send/components/MessagePreviewDialog.tsx
@@ -0,0 +1,122 @@
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Label } from '@/components/ui/label';
+import { Card } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { format } from 'date-fns';
+import { zhCN } from 'date-fns/locale';
+import { MessageSendRecord } from '@/types/message';
+
+interface MessagePreviewDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  record: MessageSendRecord | null;
+  getTypeIcon: (type: string) => JSX.Element;
+  getTypeLabel: (type: string) => string;
+  getTypeBadge: (type: string) => string;
+  getStatusBadge: (status: string) => JSX.Element;
+}
+
+export function MessagePreviewDialog({
+  open,
+  onOpenChange,
+  record,
+  getTypeIcon,
+  getTypeLabel,
+  getTypeBadge,
+  getStatusBadge
+}: MessagePreviewDialogProps) {
+  if (!record) return null;
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-2xl">
+        <DialogHeader>
+          <DialogTitle>消息详情</DialogTitle>
+          <DialogDescription className="sr-only">
+            查看消息发送详情
+          </DialogDescription>
+        </DialogHeader>
+        <div className="space-y-4">
+          <div className="grid grid-cols-2 gap-4">
+            <div>
+              <Label>消息模版</Label>
+              <div className="field-value-inline">{record.templateName}</div>
+            </div>
+            <div>
+              <Label>消息类型</Label>
+              <div className="mt-2">
+                <Badge className={getTypeBadge(record.type)}>
+                  <span className="flex items-center gap-1">
+                    {getTypeIcon(record.type)}
+                    {getTypeLabel(record.type)}
+                  </span>
+                </Badge>
+              </div>
+            </div>
+            <div>
+              <Label>发送方式</Label>
+              <div className="field-value-inline">
+                {record.sendType === 'immediate' ? '实时发送' : '定时发送'}
+              </div>
+            </div>
+            <div>
+              <Label>发送状态</Label>
+              <div className="mt-2">
+                {getStatusBadge(record.status)}
+              </div>
+            </div>
+            {record.scheduledTime && (
+              <div>
+                <Label>定时发送时间</Label>
+                <div className="field-value-inline">
+                  {format(new Date(record.scheduledTime), 'yyyy-MM-dd HH:mm', { locale: zhCN })}
+                </div>
+              </div>
+            )}
+            <div>
+              <Label>创建时间</Label>
+              <div className="field-value-inline">
+                {format(new Date(record.createdAt), 'yyyy-MM-dd HH:mm', { locale: zhCN })}
+              </div>
+            </div>
+          </div>
+
+          {record.subject && (
+            <div>
+              <Label>消息主题</Label>
+              <div className="field-value-inline">{record.subject}</div>
+            </div>
+          )}
+
+          <div>
+            <Label>接收人列表（共 {record.recipientCount} 人）</Label>
+            <Card className="p-3 bg-gray-50 mt-2">
+              <div className="flex flex-wrap gap-2">
+                {record.recipients.map((recipient, index) => (
+                  <Badge key={index} variant="outline">
+                    {recipient}
+                  </Badge>
+                ))}
+              </div>
+            </Card>
+          </div>
+
+          <div>
+            <Label>消息内容</Label>
+            <Card className="p-4 bg-blue-50 border-blue-200 mt-2">
+              <pre className="text-sm whitespace-pre-wrap">
+                {record.content}
+              </pre>
+            </Card>
+          </div>
+        </div>
+        <DialogFooter>
+          <Button onClick={() => onOpenChange(false)}>
+            关闭
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/send/components/MessageSendTable.tsx b/crop-x/src/app/(app)/central-config/message/send/components/MessageSendTable.tsx
new file mode 100644
index 0000000..3599d97
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/send/components/MessageSendTable.tsx
@@ -0,0 +1,154 @@
+import { Card } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+import {
+  Send,
+  Clock,
+  Users,
+  Eye,
+  Trash2,
+  CheckCircle2,
+  XCircle,
+  Timer
+} from 'lucide-react';
+import { format } from 'date-fns';
+import { zhCN } from 'date-fns/locale';
+import { MessageSendRecord } from '@/types/message';
+
+interface MessageSendTableProps {
+  sendRecords: MessageSendRecord[];
+  onPreview: (record: MessageSendRecord) => void;
+  onCancel: (id: string) => void;
+  onDelete: (id: string) => void;
+  getTypeIcon: (type: string) => JSX.Element;
+  getTypeLabel: (type: string) => string;
+  getTypeBadge: (type: string) => string;
+  getStatusBadge: (status: string) => JSX.Element;
+}
+
+export function MessageSendTable({
+  sendRecords,
+  onPreview,
+  onCancel,
+  onDelete,
+  getTypeIcon,
+  getTypeLabel,
+  getTypeBadge,
+  getStatusBadge
+}: MessageSendTableProps) {
+  return (
+    <Card>
+      <Table>
+        <TableHeader>
+          <TableRow>
+            <TableHead>消息模版</TableHead>
+            <TableHead>类型</TableHead>
+            <TableHead>接收人数</TableHead>
+            <TableHead>发送方式</TableHead>
+            <TableHead>状态</TableHead>
+            <TableHead>创建时间</TableHead>
+            <TableHead>操作</TableHead>
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {sendRecords.length === 0 ? (
+            <TableRow>
+              <TableCell colSpan={7} className="text-center text-muted-foreground py-8">
+                暂无发送记录
+              </TableCell>
+            </TableRow>
+          ) : (
+            sendRecords.map((record) => (
+              <TableRow key={record.id}>
+                <TableCell>
+                  <div>{record.templateName}</div>
+                  {record.subject && (
+                    <p className="text-xs text-muted-foreground">{record.subject}</p>
+                  )}
+                </TableCell>
+                <TableCell>
+                  <Badge className={getTypeBadge(record.type)}>
+                    <span className="flex items-center gap-1">
+                      {getTypeIcon(record.type)}
+                      {getTypeLabel(record.type)}
+                    </span>
+                  </Badge>
+                </TableCell>
+                <TableCell>
+                  <div className="flex items-center gap-1">
+                    <Users className="w-4 h-4 text-muted-foreground" />
+                    <span>{record.recipientCount}</span>
+                  </div>
+                </TableCell>
+                <TableCell>
+                  {record.sendType === 'immediate' ? (
+                    <Badge variant="outline">
+                      <Send className="w-3 h-3 mr-1" />
+                      实时发送
+                    </Badge>
+                  ) : (
+                    <div>
+                      <Badge variant="outline">
+                        <Clock className="w-3 h-3 mr-1" />
+                        定时发送
+                      </Badge>
+                      {record.scheduledTime && (
+                        <p className="text-xs text-muted-foreground mt-1">
+                          {format(new Date(record.scheduledTime), 'MM-dd HH:mm', { locale: zhCN })}
+                        </p>
+                      )}
+                    </div>
+                  )}
+                </TableCell>
+                <TableCell>
+                  {getStatusBadge(record.status)}
+                  {record.status === 'sent' && (
+                    <p className="text-xs text-muted-foreground mt-1">
+                      成功 {record.sentCount}/{record.recipientCount}
+                    </p>
+                  )}
+                </TableCell>
+                <TableCell className="text-sm text-muted-foreground">
+                  {format(new Date(record.createdAt), 'MM-dd HH:mm', { locale: zhCN })}
+                </TableCell>
+                <TableCell>
+                  <div className="flex gap-1">
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={() => onPreview(record)}
+                      title="查看详情"
+                    >
+                      <Eye className="w-4 h-4" />
+                    </Button>
+                    {record.status === 'pending' && (
+                      <Button
+                        variant="ghost"
+                        size="sm"
+                        onClick={() => onCancel(record.id)}
+                        title="取消发送"
+                      >
+                        <XCircle className="w-4 h-4 text-orange-600" />
+                      </Button>
+                    )}
+                    {(record.status === 'sent' || record.status === 'cancelled') && (
+                      <Button
+                        variant="ghost"
+                        size="sm"
+                        onClick={() => onDelete(record.id)}
+                        title="删除记录"
+                      >
+                        <Trash2 className="w-4 h-4 text-destructive" />
+                      </Button>
+                    )}
+                  </div>
+                </TableCell>
+              </TableRow>
+            ))
+          )}
+        </TableBody>
+      </Table>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/send/components/MessageStatsCards.tsx b/crop-x/src/app/(app)/central-config/message/send/components/MessageStatsCards.tsx
new file mode 100644
index 0000000..f8783b7
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/send/components/MessageStatsCards.tsx
@@ -0,0 +1,42 @@
+import { Card } from '@/components/ui/card';
+import { MessageSendRecord } from '@/types/message';
+
+interface MessageStatsCardsProps {
+  sendRecords: MessageSendRecord[];
+}
+
+export function MessageStatsCards({ sendRecords }: MessageStatsCardsProps) {
+  const stats = [
+    {
+      label: '总发送数',
+      value: sendRecords.length,
+      color: 'text-blue-600',
+    },
+    {
+      label: '已发送',
+      value: sendRecords.filter(r => r.status === 'sent').length,
+      color: 'text-green-600',
+    },
+    {
+      label: '待发送',
+      value: sendRecords.filter(r => r.status === 'pending').length,
+      color: 'text-yellow-600',
+    },
+    {
+      label: '已取消',
+      value: sendRecords.filter(r => r.status === 'cancelled').length,
+      color: 'text-gray-600',
+    },
+  ];
+
+  return (
+    <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+      {stats.map((stat, index) => (
+        <Card key={index} className="p-4">
+          <div className="text-sm text-muted-foreground">{stat.label}</div>
+          <div className={`mt-2 text-2xl font-bold ${stat.color}`}>{stat.value}</div>
+        </Card>
+      ))}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/send/components/SendMessageDialog.tsx b/crop-x/src/app/(app)/central-config/message/send/components/SendMessageDialog.tsx
new file mode 100644
index 0000000..d2195ca
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/send/components/SendMessageDialog.tsx
@@ -0,0 +1,258 @@
+import { useState } from 'react';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Textarea } from '@/components/ui/textarea';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { Card } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Calendar } from '@/components/ui/calendar';
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
+import { Send, Clock, CalendarIcon } from 'lucide-react';
+import { format } from 'date-fns';
+import { zhCN } from 'date-fns/locale';
+import { MessageTemplate } from '@/types/message';
+import { MessageSendFormData } from '../types';
+
+interface SendMessageDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  templates: MessageTemplate[];
+  formData: MessageSendFormData;
+  onFormDataChange: (data: MessageSendFormData) => void;
+  onSend: () => void;
+  getTypeIcon: (type: string) => JSX.Element;
+  getTypeLabel: (type: string) => string;
+}
+
+export function SendMessageDialog({
+  open,
+  onOpenChange,
+  templates,
+  formData,
+  onFormDataChange,
+  onSend,
+  getTypeIcon,
+  getTypeLabel
+}: SendMessageDialogProps) {
+  const replaceVariables = (content: string, variables: Record<string, string>): string => {
+    let result = content;
+    Object.entries(variables).forEach(([key, value]) => {
+      result = result.replace(new RegExp(`\\{\\{${key}\\}\\}`, 'g'), value || `{{${key}}}`);
+    });
+    return result;
+  };
+
+  const handleTemplateChange = (templateId: string) => {
+    const template = templates.find(t => t.id === templateId);
+    if (template) {
+      // 初始化变量
+      const vars: Record<string, string> = {};
+      template.variables.forEach(v => {
+        vars[v] = '';
+      });
+
+      onFormDataChange({
+        ...formData,
+        templateId,
+        type: template.type,
+        subject: template.subject || '',
+        content: template.content,
+        variables: vars,
+      });
+    }
+  };
+
+  const selectedTemplate = templates.find(t => t.id === formData.templateId);
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-3xl max-h-[90vh] overflow-y-auto">
+        <DialogHeader>
+          <DialogTitle>
+            <div className="flex items-center gap-2">
+              <Send className="w-5 h-5 text-green-600" />
+              发送消息
+            </div>
+          </DialogTitle>
+          <DialogDescription className="sr-only">
+            选择消息模版并发送消息
+          </DialogDescription>
+        </DialogHeader>
+        <div className="space-y-4">
+          {/* 选择模版 */}
+          <div>
+            <Label>选择消息模版 *</Label>
+            <Select value={formData.templateId} onValueChange={handleTemplateChange}>
+              <SelectTrigger>
+                <SelectValue placeholder="请选择消息模版" />
+              </SelectTrigger>
+              <SelectContent>
+                {templates.filter(t => t.isActive).map(template => (
+                  <SelectItem key={template.id} value={template.id}>
+                    <div className="flex items-center gap-2">
+                      {getTypeIcon(template.type)}
+                      <span>{template.name}</span>
+                      <Badge variant="outline" className="text-xs">
+                        {getTypeLabel(template.type)}
+                      </Badge>
+                    </div>
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+
+          {/* 发送方式 */}
+          <div>
+            <Label>发送方式 *</Label>
+            <Select
+              value={formData.sendType}
+              onValueChange={(value: 'immediate' | 'scheduled') => onFormDataChange({ ...formData, sendType: value })}
+            >
+              <SelectTrigger>
+                <SelectValue />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="immediate">
+                  <div className="flex items-center gap-2">
+                    <Send className="w-4 h-4" />
+                    实时发送
+                  </div>
+                </SelectItem>
+                <SelectItem value="scheduled">
+                  <div className="flex items-center gap-2">
+                    <Clock className="w-4 h-4" />
+                    定时发送
+                  </div>
+                </SelectItem>
+              </SelectContent>
+            </Select>
+          </div>
+
+          {/* 定时发送设置 */}
+          {formData.sendType === 'scheduled' && (
+            <div className="grid grid-cols-2 gap-4">
+              <div>
+                <Label>发送日期 *</Label>
+                <Popover>
+                  <PopoverTrigger asChild>
+                    <Button variant="outline" className="w-full justify-start">
+                      <CalendarIcon className="w-4 h-4 mr-2" />
+                      {formData.scheduledDate ? (
+                        format(formData.scheduledDate, 'yyyy年MM月dd日', { locale: zhCN })
+                      ) : (
+                        '选择日期'
+                      )}
+                    </Button>
+                  </PopoverTrigger>
+                  <PopoverContent className="w-auto p-0" align="start">
+                    <Calendar
+                      mode="single"
+                      selected={formData.scheduledDate}
+                      onSelect={(date) => onFormDataChange({ ...formData, scheduledDate: date })}
+                      locale={zhCN}
+                      disabled={(date) => date < new Date(new Date().setHours(0, 0, 0, 0))}
+                    />
+                  </PopoverContent>
+                </Popover>
+              </div>
+              <div>
+                <Label>发送时间 *</Label>
+                <Input
+                  type="time"
+                  value={formData.scheduledTime}
+                  onChange={(e) => onFormDataChange({ ...formData, scheduledTime: e.target.value })}
+                />
+              </div>
+            </div>
+          )}
+
+          {/* 接收人 */}
+          <div>
+            <Label>接收人 *</Label>
+            <Textarea
+              value={formData.recipients}
+              onChange={(e) => onFormDataChange({ ...formData, recipients: e.target.value })}
+              placeholder={
+                formData.type === 'sms' ? '输入手机号，多个用逗号或换行分隔' :
+                formData.type === 'email' ? '输入邮箱地址，多个用逗号或换行分隔' :
+                formData.type === 'push' ? '输入设备ID或用户ID，多个用逗号或换行分隔' :
+                '输入用户名，多个用逗号或换行分隔'
+              }
+              rows={3}
+            />
+            <p className="text-xs text-muted-foreground mt-1">
+              支持多个接收人，使用逗号、分号或换行分隔
+            </p>
+          </div>
+
+          {/* 消息主题（邮件和推送） */}
+          {(formData.type === 'email' || formData.type === 'push') && (
+            <div>
+              <Label>消息主题</Label>
+              <Input
+                value={formData.subject}
+                onChange={(e) => onFormDataChange({ ...formData, subject: e.target.value })}
+                placeholder="输入消息主题"
+              />
+            </div>
+          )}
+
+          {/* 变量填写 */}
+          {selectedTemplate && selectedTemplate.variables.length > 0 && (
+            <div>
+              <Label>填写变量 *</Label>
+              <Card className="p-4 bg-gray-50">
+                <div className="grid grid-cols-2 gap-4">
+                  {selectedTemplate.variables.map(variable => (
+                    <div key={variable}>
+                      <Label htmlFor={`var-${variable}`} className="text-xs">
+                        {variable}
+                      </Label>
+                      <Input
+                        id={`var-${variable}`}
+                        value={formData.variables[variable] || ''}
+                        onChange={(e) => onFormDataChange({
+                          ...formData,
+                          variables: {
+                            ...formData.variables,
+                            [variable]: e.target.value,
+                          },
+                        })}
+                        placeholder={`输入 ${variable}`}
+                        className="mt-1"
+                      />
+                    </div>
+                  ))}
+                </div>
+              </Card>
+            </div>
+          )}
+
+          {/* 消息内容预览 */}
+          {formData.content && (
+            <div>
+              <Label>消息内容预览</Label>
+              <Card className="p-4 bg-blue-50 border-blue-200">
+                <pre className="text-sm whitespace-pre-wrap">
+                  {replaceVariables(formData.content, formData.variables)}
+                </pre>
+              </Card>
+            </div>
+          )}
+        </div>
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)}>
+            取消
+          </Button>
+          <Button onClick={onSend} className="bg-green-600 hover:bg-green-700">
+            <Send className="w-4 h-4 mr-2" />
+            {formData.sendType === 'immediate' ? '立即发送' : '创建定时任务'}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/send/components/index.ts b/crop-x/src/app/(app)/central-config/message/send/components/index.ts
new file mode 100644
index 0000000..c79ce50
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/send/components/index.ts
@@ -0,0 +1,5 @@
+export { MessageStatsCards } from './MessageStatsCards';
+export { MessageSendTable } from './MessageSendTable';
+export { SendMessageDialog } from './SendMessageDialog';
+export { MessagePreviewDialog } from './MessagePreviewDialog';
+export { MessageInstructions } from './MessageInstructions';
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/send/page.tsx b/crop-x/src/app/(app)/central-config/message/send/page.tsx
new file mode 100644
index 0000000..5cdb893
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/send/page.tsx
@@ -0,0 +1,493 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { Button } from '@/components/ui/button';
+import { Send, Mail, MessageSquare, Bell, Smartphone, CheckCircle2, XCircle, Timer } from 'lucide-react';
+import { toast } from 'sonner';
+import { MessageTemplate, MessageSendRecord } from '@/types/message';
+import { MessageSendFormData } from './types';
+import {
+  MessageStatsCards,
+  MessageSendTable,
+  SendMessageDialog,
+  MessagePreviewDialog,
+  MessageInstructions
+} from './components';
+
+// API服务函数
+const messageApi = {
+  // 获取消息模板
+  getTemplates: async (): Promise<MessageTemplate[]> => {
+    try {
+      const response = await fetch('/api/message/templates');
+      if (!response.ok) {
+        throw new Error('Failed to fetch message templates');
+      }
+      return await response.json();
+    } catch (error) {
+      console.warn('Failed to fetch message templates, using mock data:', error);
+      return getMockTemplates();
+    }
+  },
+
+  // 获取发送记录
+  getSendRecords: async (): Promise<MessageSendRecord[]> => {
+    try {
+      const response = await fetch('/api/message/send-records');
+      if (!response.ok) {
+        throw new Error('Failed to fetch send records');
+      }
+      return await response.json();
+    } catch (error) {
+      console.warn('Failed to fetch send records, using mock data:', error);
+      return getMockSendRecords();
+    }
+  },
+
+  // 发送消息
+  sendMessage: async (data: MessageSendFormData): Promise<MessageSendRecord> => {
+    try {
+      const response = await fetch('/api/message/send', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(data),
+      });
+      if (!response.ok) {
+        throw new Error('Failed to send message');
+      }
+      return await response.json();
+    } catch (error) {
+      console.warn('Failed to send message, using mock response:', error);
+      return createMockSendRecord(data);
+    }
+  },
+
+  // 取消定时消息
+  cancelMessage: async (id: string): Promise<void> => {
+    try {
+      const response = await fetch(`/api/message/send/${id}/cancel`, {
+        method: 'POST',
+      });
+      if (!response.ok) {
+        throw new Error('Failed to cancel message');
+      }
+    } catch (error) {
+      console.warn('Failed to cancel message, updating local state:', error);
+      // 模拟取消操作
+    }
+  },
+
+  // 删除发送记录
+  deleteMessage: async (id: string): Promise<void> => {
+    try {
+      const response = await fetch(`/api/message/send/${id}`, {
+        method: 'DELETE',
+      });
+      if (!response.ok) {
+        throw new Error('Failed to delete message');
+      }
+    } catch (error) {
+      console.warn('Failed to delete message, updating local state:', error);
+      // 模拟删除操作
+    }
+  }
+};
+
+// 模拟数据生成函数
+function getMockTemplates(): MessageTemplate[] {
+  return [
+    {
+      id: 'tpl-1',
+      code: 'TASK_ASSIGNMENT',
+      name: '任务分配通知',
+      type: 'internal',
+      subject: '新任务分配',
+      content: '您好，{{username}}！您有新的作业任务：{{taskName}}，计划执行时间：{{executeTime}}。请及时查看并准备。',
+      variables: ['username', 'taskName', 'executeTime'],
+      isActive: true,
+      description: '向农机操作员分配新任务时发送',
+      createdAt: '2024-01-01T00:00:00',
+      updatedAt: '2024-01-01T00:00:00',
+      createdBy: 'admin',
+    },
+    {
+      id: 'tpl-2',
+      code: 'EQUIPMENT_WARNING',
+      name: '设备预警通知',
+      type: 'sms',
+      content: '【智慧农业】设备预警：{{equipmentName}}检测到{{warningType}}，请及时处理。',
+      variables: ['equipmentName', 'warningType'],
+      isActive: true,
+      description: '设备出现异常时发送预警',
+      createdAt: '2024-01-01T00:00:00',
+      updatedAt: '2024-01-01T00:00:00',
+      createdBy: 'admin',
+    },
+    {
+      id: 'tpl-3',
+      code: 'MAINTENANCE_REMINDER',
+      name: '保养提醒',
+      type: 'email',
+      subject: '设备保养提醒',
+      content: '尊敬的用户：\n\n您的设备{{equipmentName}}（编号：{{equipmentNo}}）已使用{{usageHours}}小时，建议进行保养维护。\n\n保养周期：每{{maintenanceInterval}}小时\n上次保养时间：{{lastMaintenanceTime}}\n\n请及时安排保养，确保设备正常运行。',
+      variables: ['equipmentName', 'equipmentNo', 'usageHours', 'maintenanceInterval', 'lastMaintenanceTime'],
+      isActive: true,
+      description: '设备需要保养时发送提醒',
+      createdAt: '2024-01-01T00:00:00',
+      updatedAt: '2024-01-01T00:00:00',
+      createdBy: 'admin',
+    },
+  ];
+}
+
+function getMockSendRecords(): MessageSendRecord[] {
+  return [
+    {
+      id: 'send-1',
+      templateId: 'tpl-1',
+      templateName: '任务分配通知',
+      type: 'internal',
+      recipients: ['张三', '李四', '王五'],
+      recipientCount: 3,
+      subject: '新任务分配',
+      content: '您好，张三！您有新的作业任务：冬小麦播种，计划执行时间：2024-10-16 08:00。请及时查看并准备。',
+      sendType: 'immediate',
+      status: 'sent',
+      sentCount: 3,
+      sentAt: '2024-10-15T14:30:00',
+      createdAt: '2024-10-15T14:30:00',
+      createdBy: 'admin',
+    },
+    {
+      id: 'send-2',
+      templateId: 'tpl-2',
+      templateName: '设备预警通知',
+      type: 'sms',
+      recipients: ['13800138001', '13900139002'],
+      recipientCount: 2,
+      content: '【智慧农业】设备预警：拖拉机01检测到异常，油温过高，请及时处理。',
+      sendType: 'immediate',
+      status: 'sent',
+      sentCount: 2,
+      sentAt: '2024-10-15T10:15:00',
+      createdAt: '2024-10-15T10:15:00',
+      createdBy: 'admin',
+    },
+    {
+      id: 'send-3',
+      templateId: 'tpl-3',
+      templateName: '保养提醒',
+      type: 'email',
+      recipients: ['zhangsan@example.com', 'lisi@example.com'],
+      recipientCount: 2,
+      subject: '设备保养提醒',
+      content: '尊敬的用户：\n\n您的设备拖拉机01（编号：TR001）已使用500小时，建议进行保养维护。\n\n保养周期：每500小时\n上次保养时间：2024-09-01\n\n请及时安排保养，确保设备正常运行。',
+      sendType: 'scheduled',
+      scheduledTime: '2024-10-16T09:00:00',
+      status: 'pending',
+      createdAt: '2024-10-15T15:00:00',
+      createdBy: 'admin',
+    },
+  ];
+}
+
+function createMockSendRecord(data: MessageSendFormData): MessageSendRecord {
+  const now = new Date().toISOString();
+  const scheduledDateTime = data.sendType === 'scheduled' && data.scheduledDate
+    ? new Date(data.scheduledDate.getFullYear(), data.scheduledDate.getMonth(), data.scheduledDate.getDate(),
+        parseInt(data.scheduledTime.split(':')[0]), parseInt(data.scheduledTime.split(':')[1])).toISOString()
+    : undefined;
+
+  // 解析接收人
+  const recipients = data.recipients.split(/[,，;；\n]/).map(r => r.trim()).filter(r => r);
+
+  // 替换变量生成最终内容
+  const replaceVariables = (content: string, variables: Record<string, string>): string => {
+    let result = content;
+    Object.entries(variables).forEach(([key, value]) => {
+      result = result.replace(new RegExp(`\\{\\{${key}\\}\\}`, 'g'), value || `{{${key}}}`);
+    });
+    return result;
+  };
+
+  const finalContent = replaceVariables(data.content, data.variables);
+  const finalSubject = data.subject ? replaceVariables(data.subject, data.variables) : undefined;
+
+  return {
+    id: `send-${Date.now()}`,
+    templateId: data.templateId,
+    templateName: getMockTemplates().find(t => t.id === data.templateId)?.name || '',
+    type: data.type,
+    recipients,
+    recipientCount: recipients.length,
+    subject: finalSubject,
+    content: finalContent,
+    sendType: data.sendType,
+    scheduledTime: scheduledDateTime,
+    status: data.sendType === 'immediate' ? 'sent' : 'pending',
+    sentCount: data.sendType === 'immediate' ? recipients.length : undefined,
+    sentAt: data.sendType === 'immediate' ? now : undefined,
+    createdAt: now,
+    createdBy: 'admin',
+  };
+}
+
+export default function MessageSendPage() {
+  const [templates, setTemplates] = useState<MessageTemplate[]>([]);
+  const [sendRecords, setSendRecords] = useState<MessageSendRecord[]>([]);
+  const [showSendDialog, setShowSendDialog] = useState(false);
+  const [showPreviewDialog, setShowPreviewDialog] = useState(false);
+  const [previewRecord, setPreviewRecord] = useState<MessageSendRecord | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const [formData, setFormData] = useState<MessageSendFormData>({
+    templateId: '',
+    type: 'internal',
+    recipientType: 'manual',
+    recipients: '',
+    subject: '',
+    content: '',
+    sendType: 'immediate',
+    scheduledDate: undefined,
+    scheduledTime: '09:00',
+    variables: {},
+  });
+
+  useEffect(() => {
+    loadData();
+  }, []);
+
+  const loadData = async () => {
+    try {
+      setError(null);
+      setLoading(true);
+      const [templatesData, recordsData] = await Promise.all([
+        messageApi.getTemplates(),
+        messageApi.getSendRecords()
+      ]);
+      setTemplates(templatesData);
+      setSendRecords(recordsData);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : '加载数据失败');
+      console.error('Failed to load data:', err);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleOpenSendDialog = () => {
+    setFormData({
+      templateId: '',
+      type: 'internal',
+      recipientType: 'manual',
+      recipients: '',
+      subject: '',
+      content: '',
+      sendType: 'immediate',
+      scheduledDate: undefined,
+      scheduledTime: '09:00',
+      variables: {},
+    });
+    setShowSendDialog(true);
+  };
+
+  const handleSend = async () => {
+    try {
+      // 验证
+      if (!formData.templateId) {
+        toast.error('请选择消息模版');
+        return;
+      }
+
+      if (!formData.recipients.trim()) {
+        toast.error('请输入接收人');
+        return;
+      }
+
+      // 检查变量是否填写
+      const template = templates.find(t => t.id === formData.templateId);
+      if (template) {
+        const emptyVars = template.variables.filter(v => !formData.variables[v]?.trim());
+        if (emptyVars.length > 0) {
+          toast.error(`请填写变量：${emptyVars.join(', ')}`);
+          return;
+        }
+      }
+
+      if (formData.sendType === 'scheduled' && !formData.scheduledDate) {
+        toast.error('请选择定时发送日期');
+        return;
+      }
+
+      // 发送消息
+      const newRecord = await messageApi.sendMessage(formData);
+      setSendRecords([newRecord, ...sendRecords]);
+
+      if (formData.sendType === 'immediate') {
+        toast.success(`消息发送成功！已发送 ${newRecord.recipientCount} 条消息`);
+      } else {
+        toast.success(`定时消息已创建！将于 ${new Date(newRecord.scheduledTime!).toLocaleString('zh-CN')} 发送`);
+      }
+
+      setShowSendDialog(false);
+    } catch (err) {
+      toast.error('发送失败：' + (err instanceof Error ? err.message : '未知错误'));
+    }
+  };
+
+  const handlePreview = (record: MessageSendRecord) => {
+    setPreviewRecord(record);
+    setShowPreviewDialog(true);
+  };
+
+  const handleCancel = async (id: string) => {
+    if (!confirm('确定要取消该定时消息吗？')) return;
+
+    try {
+      await messageApi.cancelMessage(id);
+      setSendRecords(sendRecords.map(r =>
+        r.id === id ? { ...r, status: 'cancelled' as const } : r
+      ));
+      toast.success('已取消定时消息');
+    } catch (err) {
+      toast.error('取消失败：' + (err instanceof Error ? err.message : '未知错误'));
+    }
+  };
+
+  const handleDelete = async (id: string) => {
+    if (!confirm('确定要删除该发送记录吗？')) return;
+
+    try {
+      await messageApi.deleteMessage(id);
+      setSendRecords(sendRecords.filter(r => r.id !== id));
+      toast.success('删除成功');
+    } catch (err) {
+      toast.error('删除失败：' + (err instanceof Error ? err.message : '未知错误'));
+    }
+  };
+
+  const getTypeIcon = (type: string) => {
+    switch (type) {
+      case 'sms': return <Smartphone className="w-4 h-4" />;
+      case 'email': return <Mail className="w-4 h-4" />;
+      case 'internal': return <MessageSquare className="w-4 h-4" />;
+      case 'push': return <Bell className="w-4 h-4" />;
+      default: return <MessageSquare className="w-4 h-4" />;
+    }
+  };
+
+  const getTypeLabel = (type: string) => {
+    const labels: Record<string, string> = {
+      sms: '短信',
+      email: '邮件',
+      internal: '站内信',
+      push: '推送',
+    };
+    return labels[type] || type;
+  };
+
+  const getTypeBadge = (type: string) => {
+    const colors: Record<string, string> = {
+      sms: 'bg-blue-100 text-blue-700',
+      email: 'bg-purple-100 text-purple-700',
+      internal: 'bg-green-100 text-green-700',
+      push: 'bg-orange-100 text-orange-700',
+    };
+    return colors[type] || 'bg-gray-100 text-gray-700';
+  };
+
+  const getStatusBadge = (status: string) => {
+    const config: Record<string, { label: string; className: string; icon: any }> = {
+      pending: { label: '待发送', className: 'bg-yellow-100 text-yellow-700', icon: Timer },
+      sending: { label: '发送中', className: 'bg-blue-100 text-blue-700', icon: Send },
+      sent: { label: '已发送', className: 'bg-green-100 text-green-700', icon: CheckCircle2 },
+      failed: { label: '发送失败', className: 'bg-red-100 text-red-700', icon: XCircle },
+      cancelled: { label: '已取消', className: 'bg-gray-100 text-gray-700', icon: XCircle },
+    };
+    const { label, className, icon: Icon } = config[status] || config.pending;
+    return (
+      <div className={`inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium ${className}`}>
+        <Icon className="w-3 h-3" />
+        {label}
+      </div>
+    );
+  };
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center h-64">
+        <div className="text-center">
+          <div className="w-8 h-8 border-4 border-green-600 border-t-transparent rounded-full animate-spin mx-auto mb-2"></div>
+          <p className="text-muted-foreground">正在加载数据...</p>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-green-800">消息发送</h2>
+          <p className="text-muted-foreground">发送短信、邮件、站内信消息，支持实时和定时发送</p>
+        </div>
+        <Button onClick={handleOpenSendDialog} className="bg-green-600 hover:bg-green-700">
+          <Send className="w-4 h-4 mr-2" />
+          发送消息
+        </Button>
+      </div>
+
+      {error && (
+        <div className="p-4 border border-yellow-200 bg-yellow-50 rounded-md">
+          <p className="text-yellow-800 text-sm">
+            警告: {error} (当前显示为模拟数据)
+          </p>
+        </div>
+      )}
+
+      {/* 统计卡片 */}
+      <MessageStatsCards sendRecords={sendRecords} />
+
+      {/* 发送记录列表 */}
+      <MessageSendTable
+        sendRecords={sendRecords}
+        onPreview={handlePreview}
+        onCancel={handleCancel}
+        onDelete={handleDelete}
+        getTypeIcon={getTypeIcon}
+        getTypeLabel={getTypeLabel}
+        getTypeBadge={getTypeBadge}
+        getStatusBadge={getStatusBadge}
+      />
+
+      {/* 发送消息对话框 */}
+      <SendMessageDialog
+        open={showSendDialog}
+        onOpenChange={setShowSendDialog}
+        templates={templates}
+        formData={formData}
+        onFormDataChange={setFormData}
+        onSend={handleSend}
+        getTypeIcon={getTypeIcon}
+        getTypeLabel={getTypeLabel}
+      />
+
+      {/* 详情预览对话框 */}
+      <MessagePreviewDialog
+        open={showPreviewDialog}
+        onOpenChange={setShowPreviewDialog}
+        record={previewRecord}
+        getTypeIcon={getTypeIcon}
+        getTypeLabel={getTypeLabel}
+        getTypeBadge={getTypeBadge}
+        getStatusBadge={getStatusBadge}
+      />
+
+      {/* 使用说明 */}
+      <MessageInstructions />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/send/types.ts b/crop-x/src/app/(app)/central-config/message/send/types.ts
new file mode 100644
index 0000000..d2556b9
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/send/types.ts
@@ -0,0 +1,12 @@
+export interface MessageSendFormData {
+  templateId: string;
+  type: 'sms' | 'email' | 'internal' | 'push';
+  recipientType: 'manual' | 'role' | 'all';
+  recipients: string;
+  subject: string;
+  content: string;
+  sendType: 'immediate' | 'scheduled';
+  scheduledDate?: Date;
+  scheduledTime: string;
+  variables: Record<string, string>;
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateDialog.tsx b/crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateDialog.tsx
new file mode 100644
index 0000000..f2f3a60
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateDialog.tsx
@@ -0,0 +1,179 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { MessageTemplate } from '../types';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Textarea } from '@/components/ui/textarea';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { Switch } from '@/components/ui/switch';
+
+interface MessageTemplateDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  editingTemplate: MessageTemplate | null;
+  onSave: (formData: FormData) => void;
+}
+
+interface FormData {
+  code: string;
+  name: string;
+  type: 'sms' | 'email' | 'internal' | 'push';
+  subject: string;
+  content: string;
+  variables: string[];
+  description: string;
+  isActive: boolean;
+}
+
+export function MessageTemplateDialog({
+  open,
+  onOpenChange,
+  editingTemplate,
+  onSave
+}: MessageTemplateDialogProps) {
+  const [formData, setFormData] = useState<FormData>({
+    code: '',
+    name: '',
+    type: 'internal',
+    subject: '',
+    content: '',
+    variables: [],
+    description: '',
+    isActive: true,
+  });
+
+  // 使用useEffect来管理表单数据的状态
+  useEffect(() => {
+    if (editingTemplate) {
+      setFormData({
+        code: editingTemplate.code,
+        name: editingTemplate.name,
+        type: editingTemplate.type,
+        subject: editingTemplate.subject || '',
+        content: editingTemplate.content,
+        variables: editingTemplate.variables,
+        description: editingTemplate.description || '',
+        isActive: editingTemplate.isActive,
+      });
+    } else if (open) {
+      // 新增模式时重置表单
+      setFormData({
+        code: '',
+        name: '',
+        type: 'internal',
+        subject: '',
+        content: '',
+        variables: [],
+        description: '',
+        isActive: true,
+      });
+    }
+  }, [editingTemplate, open]);
+
+  const handleSave = () => {
+    onSave(formData);
+  };
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-3xl max-h-[90vh] overflow-y-auto">
+        <DialogHeader>
+          <DialogTitle>
+            {editingTemplate ? '编辑模版' : '新增模版'}
+          </DialogTitle>
+          <DialogDescription className="sr-only">
+            {editingTemplate ? '编辑消息模版' : '添加新消息模版'}
+          </DialogDescription>
+        </DialogHeader>
+        <div className="space-y-4">
+          <div className="grid grid-cols-2 gap-4">
+            <div>
+              <Label>模板编码 *</Label>
+              <Input
+                value={formData.code}
+                onChange={(e) => setFormData({ ...formData, code: e.target.value })}
+                placeholder="TASK_ASSIGNED"
+              />
+            </div>
+            <div>
+              <Label>模板名称 *</Label>
+              <Input
+                value={formData.name}
+                onChange={(e) => setFormData({ ...formData, name: e.target.value })}
+                placeholder="任务分配通知"
+              />
+            </div>
+          </div>
+          <div className="grid grid-cols-2 gap-4">
+            <div>
+              <Label>消息类型 *</Label>
+              <Select
+                value={formData.type}
+                onValueChange={(value: any) => setFormData({ ...formData, type: value })}
+              >
+                <SelectTrigger>
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="sms">短信</SelectItem>
+                  <SelectItem value="email">邮件</SelectItem>
+                  <SelectItem value="internal">站内信</SelectItem>
+                  <SelectItem value="push">推送</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+            <div className="flex items-center justify-between pt-6">
+              <Label>是否启用</Label>
+              <Switch
+                checked={formData.isActive}
+                onCheckedChange={(checked) => setFormData({ ...formData, isActive: checked })}
+              />
+            </div>
+          </div>
+          {(formData.type === 'email' || formData.type === 'push') && (
+            <div>
+              <Label>消息主题</Label>
+              <Input
+                value={formData.subject}
+                onChange={(e) => setFormData({ ...formData, subject: e.target.value })}
+                placeholder="输入消息主题"
+              />
+            </div>
+          )}
+          <div>
+            <Label>消息内容 *</Label>
+            <Textarea
+              value={formData.content}
+              onChange={(e) => setFormData({ ...formData, content: e.target.value })}
+              placeholder="输入消息内容，使用 {{变量名}} 表示变量"
+              rows={6}
+            />
+            <p className="text-xs text-muted-foreground mt-1">
+              提示：使用 {'{{'} 和 {'}'} 包裹变量名，如 {'{{username}}'}、{'{{taskName}}'}
+            </p>
+          </div>
+          <div>
+            <Label>描述</Label>
+            <Textarea
+              value={formData.description}
+              onChange={(e) => setFormData({ ...formData, description: e.target.value })}
+              placeholder="模板用途说明"
+              rows={2}
+            />
+          </div>
+        </div>
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)}>
+            取消
+          </Button>
+          <Button onClick={handleSave}>
+            保存
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateHeader.tsx b/crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateHeader.tsx
new file mode 100644
index 0000000..634932e
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateHeader.tsx
@@ -0,0 +1,30 @@
+'use client';
+
+import { Button } from '@/components/ui/button';
+import { Plus, Download } from 'lucide-react';
+
+interface MessageTemplateHeaderProps {
+  onExport: () => void;
+  onAdd: () => void;
+}
+
+export function MessageTemplateHeader({ onExport, onAdd }: MessageTemplateHeaderProps) {
+  return (
+    <div className="flex items-center justify-between">
+      <div>
+        <h2 className="text-green-800">消息模版</h2>
+        <p className="text-muted-foreground">集中管理各类系统消息模板</p>
+      </div>
+      <div className="flex gap-2">
+        <Button variant="outline" onClick={onExport}>
+          <Download className="w-4 h-4 mr-2" />
+          导出
+        </Button>
+        <Button onClick={onAdd}>
+          <Plus className="w-4 h-4 mr-2" />
+          新增模版
+        </Button>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateInfo.tsx b/crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateInfo.tsx
new file mode 100644
index 0000000..572aeb9
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateInfo.tsx
@@ -0,0 +1,22 @@
+'use client';
+
+import { Card } from '@/components/ui/card';
+import { MessageSquare } from 'lucide-react';
+
+export function MessageTemplateInfo() {
+  return (
+    <Card className="p-4 bg-blue-50 border-blue-200">
+      <h4 className="text-blue-900 mb-2">
+        <MessageSquare className="w-4 h-4 inline mr-2" />
+        消息模版说明
+      </h4>
+      <ul className="space-y-1 text-sm text-blue-800">
+        <li>• 支持短信、邮件、站内信、推送四种消息类型</li>
+        <li>• 使用 {'{{变量名}}'} 语法嵌入动态变量，系统会自动提取</li>
+        <li>• 可以发送测试消息验证模板效果</li>
+        <li>• 模板支持导入导出，便于跨环境迁移</li>
+        <li>• 停用的模板不会被系统使用</li>
+      </ul>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateList.tsx b/crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateList.tsx
new file mode 100644
index 0000000..4b7d01d
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateList.tsx
@@ -0,0 +1,128 @@
+'use client';
+
+import { MessageTemplate } from '../types';
+import { Card } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+import { Edit, Trash2, Send, Mail, MessageSquare, Smartphone, Bell } from 'lucide-react';
+
+interface MessageTemplateListProps {
+  templates: MessageTemplate[];
+  onEdit: (template: MessageTemplate) => void;
+  onDelete: (id: string) => void;
+  onTest: (template: MessageTemplate) => void;
+}
+
+export function MessageTemplateList({ templates, onEdit, onDelete, onTest }: MessageTemplateListProps) {
+  const getTypeIcon = (type: string) => {
+    switch (type) {
+      case 'sms': return <Smartphone className="w-4 h-4" />;
+      case 'email': return <Mail className="w-4 h-4" />;
+      case 'internal': return <MessageSquare className="w-4 h-4" />;
+      case 'push': return <Bell className="w-4 h-4" />;
+      default: return <MessageSquare className="w-4 h-4" />;
+    }
+  };
+
+  const getTypeLabel = (type: string) => {
+    const labels: Record<string, string> = {
+      sms: '短信',
+      email: '邮件',
+      internal: '站内信',
+      push: '推送',
+    };
+    return labels[type] || type;
+  };
+
+  const getTypeBadge = (type: string) => {
+    const colors: Record<string, string> = {
+      sms: 'bg-blue-100 text-blue-700',
+      email: 'bg-purple-100 text-purple-700',
+      internal: 'bg-green-100 text-green-700',
+      push: 'bg-orange-100 text-orange-700',
+    };
+    return colors[type] || 'bg-gray-100 text-gray-700';
+  };
+
+  return (
+    <Card>
+      <Table>
+        <TableHeader>
+          <TableRow>
+            <TableHead>模版编码</TableHead>
+            <TableHead>模版名称</TableHead>
+            <TableHead>类型</TableHead>
+            <TableHead>变量</TableHead>
+            <TableHead>状态</TableHead>
+            <TableHead>操作</TableHead>
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {templates.length === 0 ? (
+            <TableRow>
+              <TableCell colSpan={6} className="text-center text-muted-foreground py-8">
+                暂无模版数据
+              </TableCell>
+            </TableRow>
+          ) : (
+            templates.map((template) => (
+              <TableRow key={template.id}>
+                <TableCell>
+                  <code className="text-xs bg-gray-100 px-2 py-1 rounded">
+                    {template.code}
+                  </code>
+                </TableCell>
+                <TableCell>
+                  <div>
+                    <div>{template.name}</div>
+                    {template.description && (
+                      <p className="text-xs text-muted-foreground">{template.description}</p>
+                    )}
+                  </div>
+                </TableCell>
+                <TableCell>
+                  <Badge className={getTypeBadge(template.type)}>
+                    <span className="flex items-center gap-1">
+                      {getTypeIcon(template.type)}
+                      {getTypeLabel(template.type)}
+                    </span>
+                  </Badge>
+                </TableCell>
+                <TableCell>
+                  <div className="flex flex-wrap gap-1">
+                    {template.variables.map((variable, index) => (
+                      <Badge key={index} variant="outline" className="text-xs">
+                        {variable}
+                      </Badge>
+                    ))}
+                  </div>
+                </TableCell>
+                <TableCell>
+                  {template.isActive ? (
+                    <Badge className="bg-green-100 text-green-700">启用</Badge>
+                  ) : (
+                    <Badge variant="outline">停用</Badge>
+                  )}
+                </TableCell>
+                <TableCell>
+                  <div className="flex gap-1">
+                    <Button variant="ghost" size="sm" onClick={() => onTest(template)}>
+                      <Send className="w-4 h-4" />
+                    </Button>
+                    <Button variant="ghost" size="sm" onClick={() => onEdit(template)}>
+                      <Edit className="w-4 h-4" />
+                    </Button>
+                    <Button variant="ghost" size="sm" onClick={() => onDelete(template.id)}>
+                      <Trash2 className="w-4 h-4 text-destructive" />
+                    </Button>
+                  </div>
+                </TableCell>
+              </TableRow>
+            ))
+          )}
+        </TableBody>
+      </Table>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateSearch.tsx b/crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateSearch.tsx
new file mode 100644
index 0000000..e7d1b95
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateSearch.tsx
@@ -0,0 +1,48 @@
+'use client';
+
+import { Input } from '@/components/ui/input';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { Card } from '@/components/ui/card';
+import { Search } from 'lucide-react';
+
+interface MessageTemplateSearchProps {
+  searchKeyword: string;
+  onSearchChange: (value: string) => void;
+  typeFilter: string;
+  onTypeFilterChange: (value: string) => void;
+}
+
+export function MessageTemplateSearch({
+  searchKeyword,
+  onSearchChange,
+  typeFilter,
+  onTypeFilterChange
+}: MessageTemplateSearchProps) {
+  return (
+    <Card className="p-4">
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <div className="relative">
+          <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-muted-foreground" />
+          <Input
+            placeholder="搜索模板名称、编码、内容..."
+            value={searchKeyword}
+            onChange={(e) => onSearchChange(e.target.value)}
+            className="pl-10"
+          />
+        </div>
+        <Select value={typeFilter} onValueChange={onTypeFilterChange}>
+          <SelectTrigger>
+            <SelectValue placeholder="消息类型" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">全部类型</SelectItem>
+            <SelectItem value="sms">短信</SelectItem>
+            <SelectItem value="email">邮件</SelectItem>
+            <SelectItem value="internal">站内信</SelectItem>
+            <SelectItem value="push">推送</SelectItem>
+          </SelectContent>
+        </Select>
+      </div>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateTestDialog.tsx b/crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateTestDialog.tsx
new file mode 100644
index 0000000..1573985
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/template/components/MessageTemplateTestDialog.tsx
@@ -0,0 +1,121 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { MessageTemplate } from '../types';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Send } from 'lucide-react';
+
+interface MessageTemplateTestDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  testTemplate: MessageTemplate | null;
+  onSendTest: (testData: TestData) => void;
+}
+
+interface TestData {
+  recipient: string;
+  variables: Record<string, string>;
+}
+
+export function MessageTemplateTestDialog({
+  open,
+  onOpenChange,
+  testTemplate,
+  onSendTest
+}: MessageTemplateTestDialogProps) {
+  const [testData, setTestData] = useState<TestData>({
+    recipient: '',
+    variables: {},
+  });
+
+  // 使用useEffect来管理测试数据的状态
+  useEffect(() => {
+    if (testTemplate && open) {
+      const varsObj: Record<string, string> = {};
+      testTemplate.variables.forEach(v => {
+        varsObj[v] = '';
+      });
+      setTestData({
+        recipient: '',
+        variables: varsObj,
+      });
+    }
+  }, [testTemplate, open]);
+
+  const handleSendTest = () => {
+    onSendTest(testData);
+  };
+
+  const handleVariableChange = (variable: string, value: string) => {
+    setTestData({
+      ...testData,
+      variables: { ...testData.variables, [variable]: value }
+    });
+  };
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>
+            <div className="flex items-center gap-2">
+              <Send className="w-5 h-5 text-green-600" />
+              发送测试消息
+            </div>
+          </DialogTitle>
+          <DialogDescription className="sr-only">
+            测试发送消息模版
+          </DialogDescription>
+        </DialogHeader>
+        {testTemplate && (
+          <div className="space-y-4">
+            <div className="p-3 bg-blue-50 border border-blue-200 rounded-lg">
+              <p className="text-sm text-blue-900">
+                模板：{testTemplate.name}
+              </p>
+            </div>
+            <div>
+              <Label>接收人 *</Label>
+              <Input
+                value={testData.recipient}
+                onChange={(e) => setTestData({ ...testData, recipient: e.target.value })}
+                placeholder={
+                  testTemplate.type === 'sms' ? '手机号' :
+                  testTemplate.type === 'email' ? '邮箱地址' :
+                  '用户ID'
+                }
+              />
+            </div>
+            {testTemplate.variables.length > 0 && (
+              <div className="space-y-3">
+                <Label>填写变量值</Label>
+                {testTemplate.variables.map(variable => (
+                  <div key={variable}>
+                    <Label className="text-sm text-muted-foreground">{variable}</Label>
+                    <Input
+                      value={testData.variables[variable] || ''}
+                      onChange={(e) => handleVariableChange(variable, e.target.value)}
+                      placeholder={`输入 ${variable} 的值`}
+                    />
+                  </div>
+                ))}
+              </div>
+            )}
+          </div>
+        )}
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)}>
+            取消
+          </Button>
+          <Button onClick={handleSendTest}>
+            <Send className="w-4 h-4 mr-2" />
+            发送测试
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/template/components/index.ts b/crop-x/src/app/(app)/central-config/message/template/components/index.ts
new file mode 100644
index 0000000..fc3d5c3
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/template/components/index.ts
@@ -0,0 +1,6 @@
+export { MessageTemplateList } from './MessageTemplateList';
+export { MessageTemplateSearch } from './MessageTemplateSearch';
+export { MessageTemplateHeader } from './MessageTemplateHeader';
+export { MessageTemplateDialog } from './MessageTemplateDialog';
+export { MessageTemplateTestDialog } from './MessageTemplateTestDialog';
+export { MessageTemplateInfo } from './MessageTemplateInfo';
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/template/page.tsx b/crop-x/src/app/(app)/central-config/message/template/page.tsx
new file mode 100644
index 0000000..b60ab45
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/template/page.tsx
@@ -0,0 +1,269 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { toast } from 'sonner';
+import { MessageTemplate as MessageTemplateType } from './types';
+import {
+  MessageTemplateList,
+  MessageTemplateSearch,
+  MessageTemplateHeader,
+  MessageTemplateDialog,
+  MessageTemplateTestDialog,
+  MessageTemplateInfo
+} from './components';
+
+export default function MessageTemplatePage() {
+  const [templates, setTemplates] = useState<MessageTemplateType[]>([]);
+  const [searchKeyword, setSearchKeyword] = useState('');
+  const [typeFilter, setTypeFilter] = useState<string>('all');
+  const [showDialog, setShowDialog] = useState(false);
+  const [showTestDialog, setShowTestDialog] = useState(false);
+  const [editingTemplate, setEditingTemplate] = useState<MessageTemplateType | null>(null);
+  const [testTemplate, setTestTemplate] = useState<MessageTemplateType | null>(null);
+
+  
+  useEffect(() => {
+    loadTemplates();
+  }, []);
+
+  const loadTemplates = () => {
+    // 清除旧的localStorage数据，确保使用最新的mock数据
+    localStorage.removeItem('smart_agriculture_message_templates');
+
+    const data = localStorage.getItem('smart_agriculture_message_templates');
+    if (data) {
+      try {
+        const parsedData = JSON.parse(data);
+        console.log('Loaded templates from localStorage:', parsedData);
+        // 确保数据是数组格式
+        if (Array.isArray(parsedData)) {
+          setTemplates(parsedData);
+        } else {
+          console.error('Loaded data is not an array:', parsedData);
+          setTemplates([]);
+        }
+      } catch (error) {
+        console.error('Error parsing templates from localStorage:', error);
+        setTemplates([]);
+      }
+    } else {
+      const mockTemplates: MessageTemplateType[] = [
+        {
+          id: 'tpl-1',
+          code: 'TASK_ASSIGNED',
+          name: '任务分配通知',
+          type: 'internal',
+          subject: '新任务分配',
+          content: '您好，{{username}}！您有新的作业任务：{{taskName}}，计划执行时间：{{executeTime}}。请及时查看并准备。',
+          variables: ['username', 'taskName', 'executeTime'],
+          isActive: true,
+          description: '当任务分配给驾驶员时发送',
+          createdAt: '2024-01-01T00:00:00',
+          updatedAt: '2024-01-01T00:00:00',
+          createdBy: 'admin',
+        },
+        {
+          id: 'tpl-2',
+          code: 'EQUIPMENT_WARNING',
+          name: '设备预警通知',
+          type: 'sms',
+          content: '【智慧农业】设备预警：{{equipmentName}}检测到异常，{{warningType}}，请及时处理。',
+          variables: ['equipmentName', 'warningType'],
+          isActive: true,
+          description: '设备出现异常时发送短信通知',
+          createdAt: '2024-01-01T00:00:00',
+          updatedAt: '2024-01-01T00:00:00',
+          createdBy: 'admin',
+        },
+        {
+          id: 'tpl-3',
+          code: 'MAINTENANCE_REMINDER',
+          name: '保养提醒',
+          type: 'email',
+          subject: '设备保养提醒',
+          content: '尊敬的用户：\n\n您的设备{{equipmentName}}（编号：{{equipmentCode}}）已使用{{hours}}小时，建议进行保养维护。\n\n保养周期：{{maintenanceCycle}}\n上次保养时间：{{lastMaintenanceTime}}\n\n请及时安排保养，确保设备正常运行。\n\n智慧农业管理系统',
+          variables: ['equipmentName', 'equipmentCode', 'hours', 'maintenanceCycle', 'lastMaintenanceTime'],
+          isActive: true,
+          description: '设备到达保养周期时发送邮件提醒',
+          createdAt: '2024-01-01T00:00:00',
+          updatedAt: '2024-01-01T00:00:00',
+          createdBy: 'admin',
+        },
+        {
+          id: 'tpl-4',
+          code: 'TASK_COMPLETED',
+          name: '任务完成通知',
+          type: 'push',
+          subject: '任务完成',
+          content: '作业任务{{taskName}}已完成，作业面积：{{area}}亩，耗时：{{duration}}。',
+          variables: ['taskName', 'area', 'duration'],
+          isActive: true,
+          description: '任务完成后推送通知',
+          createdAt: '2024-01-01T00:00:00',
+          updatedAt: '2024-01-01T00:00:00',
+          createdBy: 'admin',
+        },
+      ];
+      console.log('Created mock templates:', mockTemplates);
+      localStorage.setItem('smart_agriculture_message_templates', JSON.stringify(mockTemplates));
+      setTemplates(mockTemplates);
+    }
+  };
+
+  const saveTemplates = (newTemplates: MessageTemplateType[]) => {
+    localStorage.setItem('smart_agriculture_message_templates', JSON.stringify(newTemplates));
+    setTemplates(newTemplates);
+  };
+
+  const filteredTemplates = templates.filter(tpl => {
+    const matchKeyword = !searchKeyword ||
+      tpl.name.includes(searchKeyword) ||
+      tpl.code.includes(searchKeyword) ||
+      tpl.content.includes(searchKeyword);
+    const matchType = typeFilter === 'all' || tpl.type === typeFilter;
+    return matchKeyword && matchType;
+  });
+
+  // 调试日志
+  console.log('Original templates:', templates);
+  console.log('Filtered templates:', filteredTemplates);
+  console.log('Search keyword:', searchKeyword);
+  console.log('Type filter:', typeFilter);
+
+  const handleAdd = () => {
+    setEditingTemplate(null);
+    setShowDialog(true);
+  };
+
+  const handleEdit = (template: MessageTemplateType) => {
+    setEditingTemplate(template);
+    setShowDialog(true);
+  };
+
+  const handleDelete = (id: string) => {
+    const updated = templates.filter(t => t.id !== id);
+    saveTemplates(updated);
+    toast.success('删除成功');
+  };
+
+  const handleSave = (formData: any) => {
+    if (!formData.code.trim() || !formData.name.trim() || !formData.content.trim()) {
+      toast.error('请填写必填项');
+      return;
+    }
+
+    const now = new Date().toISOString();
+
+    // 提取变量
+    const variableRegex = /\{\{(\w+)\}\}/g;
+    const matches = formData.content.matchAll(variableRegex);
+    const extractedVars = Array.from(new Set(Array.from(matches, m => m[1])));
+
+    if (editingTemplate) {
+      const updated = templates.map(t =>
+        t.id === editingTemplate.id
+          ? {
+              ...t,
+              ...formData,
+              variables: extractedVars,
+              updatedAt: now,
+            }
+          : t
+      );
+      saveTemplates(updated);
+      toast.success('更新成功');
+    } else {
+      const newTemplate: MessageTemplateType = {
+        id: `tpl-${Date.now()}`,
+        ...formData,
+        variables: extractedVars,
+        createdAt: now,
+        updatedAt: now,
+        createdBy: 'admin',
+      };
+      saveTemplates([...templates, newTemplate]);
+      toast.success('添加成功');
+    }
+
+    setShowDialog(false);
+  };
+
+  const handleTest = (template: MessageTemplateType) => {
+    setTestTemplate(template);
+    setShowTestDialog(true);
+  };
+
+  const handleSendTest = (testData: any) => {
+    if (!testData.recipient.trim()) {
+      toast.error('请输入接收人');
+      return;
+    }
+
+    // 检查变量是否都填写了
+    const emptyVars = Object.entries(testData.variables).filter(([k, v]) => !v.trim());
+    if (emptyVars.length > 0) {
+      toast.error('请填写变量：' + emptyVars.map(([k]) => k).join(', '));
+      return;
+    }
+
+    toast.success('测试消息发送成功');
+    setShowTestDialog(false);
+  };
+
+  const handleExport = () => {
+    const dataStr = JSON.stringify(filteredTemplates, null, 2);
+    const dataBlob = new Blob([dataStr], { type: 'application/json' });
+    const url = URL.createObjectURL(dataBlob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = `message_templates_${new Date().getTime()}.json`;
+    link.click();
+    toast.success('导出成功');
+  };
+
+  
+  return (
+    <div className="space-y-6">
+      {/* 页面头部 */}
+      <MessageTemplateHeader
+        onExport={handleExport}
+        onAdd={handleAdd}
+      />
+
+      {/* 搜索和筛选 */}
+      <MessageTemplateSearch
+        searchKeyword={searchKeyword}
+        onSearchChange={setSearchKeyword}
+        typeFilter={typeFilter}
+        onTypeFilterChange={setTypeFilter}
+      />
+
+      {/* 模版列表 */}
+      <MessageTemplateList
+        templates={filteredTemplates}
+        onEdit={handleEdit}
+        onDelete={handleDelete}
+        onTest={handleTest}
+      />
+
+      {/* 编辑对话框 */}
+      <MessageTemplateDialog
+        open={showDialog}
+        onOpenChange={setShowDialog}
+        editingTemplate={editingTemplate}
+        onSave={handleSave}
+      />
+
+      {/* 测试对话框 */}
+      <MessageTemplateTestDialog
+        open={showTestDialog}
+        onOpenChange={setShowTestDialog}
+        testTemplate={testTemplate}
+        onSendTest={handleSendTest}
+      />
+
+      {/* 使用说明 */}
+      <MessageTemplateInfo />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/message/template/types.ts b/crop-x/src/app/(app)/central-config/message/template/types.ts
new file mode 100644
index 0000000..ab8b0cb
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/message/template/types.ts
@@ -0,0 +1,14 @@
+export interface MessageTemplate {
+  id: string;
+  code: string;
+  name: string;
+  type: 'sms' | 'email' | 'internal' | 'push';
+  subject: string;
+  content: string;
+  variables: string[];
+  description: string;
+  isActive: boolean;
+  createdAt: string;
+  updatedAt: string;
+  createdBy: string;
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/login-log/components/LoginLogFilters.tsx b/crop-x/src/app/(app)/central-config/monitor/login-log/components/LoginLogFilters.tsx
new file mode 100644
index 0000000..088a096
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/login-log/components/LoginLogFilters.tsx
@@ -0,0 +1,59 @@
+import { Card } from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
+import { Search } from 'lucide-react'
+
+interface LoginLogFiltersProps {
+  searchKeyword: string
+  onSearchChange: (value: string) => void
+  statusFilter: string
+  onStatusFilterChange: (value: string) => void
+  dateRange: string
+  onDateRangeChange: (value: string) => void
+}
+
+export function LoginLogFilters({
+  searchKeyword,
+  onSearchChange,
+  statusFilter,
+  onStatusFilterChange,
+  dateRange,
+  onDateRangeChange
+}: LoginLogFiltersProps) {
+  return (
+    <Card className="p-4">
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+        <div className="relative">
+          <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-muted-foreground" />
+          <Input
+            placeholder="搜索用户名、IP地址、位置..."
+            value={searchKeyword}
+            onChange={(e) => onSearchChange(e.target.value)}
+            className="pl-10"
+          />
+        </div>
+        <Select value={statusFilter} onValueChange={onStatusFilterChange}>
+          <SelectTrigger>
+            <SelectValue placeholder="登录状态" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">全部状态</SelectItem>
+            <SelectItem value="success">成功</SelectItem>
+            <SelectItem value="failed">失败</SelectItem>
+          </SelectContent>
+        </Select>
+        <Select value={dateRange} onValueChange={onDateRangeChange}>
+          <SelectTrigger>
+            <SelectValue placeholder="时间范围" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">全部时间</SelectItem>
+            <SelectItem value="today">今天</SelectItem>
+            <SelectItem value="week">近7天</SelectItem>
+            <SelectItem value="month">近30天</SelectItem>
+          </SelectContent>
+        </Select>
+      </div>
+    </Card>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/login-log/components/LoginLogInfo.tsx b/crop-x/src/app/(app)/central-config/monitor/login-log/components/LoginLogInfo.tsx
new file mode 100644
index 0000000..e516964
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/login-log/components/LoginLogInfo.tsx
@@ -0,0 +1,20 @@
+import { Card } from '@/components/ui/card'
+import { Shield } from 'lucide-react'
+
+export function LoginLogInfo() {
+  return (
+    <Card className="p-4 bg-blue-50 border-blue-200">
+      <h4 className="text-blue-900 mb-2">
+        <Shield className="w-4 h-4 inline mr-2" />
+        登录日志说明
+      </h4>
+      <ul className="space-y-1 text-sm text-blue-800">
+        <li>• 记录所有用户的登录行为，包括成功和失败的登录尝试</li>
+        <li>• 支持按用户名、IP地址、位置等多条件检索</li>
+        <li>• 登录失败会记录失败原因，便于安全审计</li>
+        <li>• 可用于识别异常登录行为和未授权访问尝试</li>
+        <li>• 日志数据可导出用于长期归档和合规审计</li>
+      </ul>
+    </Card>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/login-log/components/LoginLogStats.tsx b/crop-x/src/app/(app)/central-config/monitor/login-log/components/LoginLogStats.tsx
new file mode 100644
index 0000000..7e8409d
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/login-log/components/LoginLogStats.tsx
@@ -0,0 +1,50 @@
+import { Card } from '@/components/ui/card'
+import { LoginLog } from '@/types/monitor'
+
+interface LoginLogStatsProps {
+  logs: LoginLog[]
+}
+
+export function LoginLogStats({ logs }: LoginLogStatsProps) {
+  const stats = [
+    {
+      label: '总登录次数',
+      value: logs.length,
+      color: 'text-blue-600',
+      bg: 'bg-blue-100',
+    },
+    {
+      label: '成功登录',
+      value: logs.filter(l => l.status === 'success').length,
+      color: 'text-green-600',
+      bg: 'bg-green-100',
+    },
+    {
+      label: '失败登录',
+      value: logs.filter(l => l.status === 'failed').length,
+      color: 'text-red-600',
+      bg: 'bg-red-100',
+    },
+    {
+      label: '今日登录',
+      value: logs.filter(l => {
+        const logDate = new Date(l.loginTime)
+        const today = new Date()
+        return logDate.toDateString() === today.toDateString()
+      }).length,
+      color: 'text-purple-600',
+      bg: 'bg-purple-100',
+    },
+  ]
+
+  return (
+    <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+      {stats.map((stat, index) => (
+        <Card key={index} className="p-4">
+          <div className="text-sm text-muted-foreground">{stat.label}</div>
+          <div className={`mt-2 ${stat.color}`}>{stat.value}</div>
+        </Card>
+      ))}
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/login-log/components/LoginLogTable.tsx b/crop-x/src/app/(app)/central-config/monitor/login-log/components/LoginLogTable.tsx
new file mode 100644
index 0000000..d00b26b
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/login-log/components/LoginLogTable.tsx
@@ -0,0 +1,87 @@
+import { Badge } from '@/components/ui/badge'
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'
+import { Card } from '@/components/ui/card'
+import { LoginLog } from '@/types/monitor'
+import { Shield, Monitor, MapPin } from 'lucide-react'
+
+interface LoginLogTableProps {
+  logs: LoginLog[]
+}
+
+export function LoginLogTable({ logs }: LoginLogTableProps) {
+  return (
+    <Card>
+      <Table>
+        <TableHeader>
+          <TableRow>
+            <TableHead>用户名</TableHead>
+            <TableHead>登录时间</TableHead>
+            <TableHead>IP地址</TableHead>
+            <TableHead>设备/浏览器</TableHead>
+            <TableHead>位置</TableHead>
+            <TableHead>状态</TableHead>
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {logs.length === 0 ? (
+            <TableRow>
+              <TableCell colSpan={6} className="text-center text-muted-foreground py-8">
+                暂无登录日志
+              </TableCell>
+            </TableRow>
+          ) : (
+            logs.map((log) => (
+              <TableRow key={log.id}>
+                <TableCell>
+                  <div className="flex items-center gap-2">
+                    <Shield className="w-4 h-4 text-gray-400" />
+                    {log.username}
+                  </div>
+                </TableCell>
+                <TableCell className="text-muted-foreground">
+                  {new Date(log.loginTime).toLocaleString('zh-CN')}
+                </TableCell>
+                <TableCell>
+                  <code className="text-xs bg-gray-100 px-2 py-1 rounded">
+                    {log.ipAddress}
+                  </code>
+                </TableCell>
+                <TableCell>
+                  <div className="flex items-center gap-2">
+                    <Monitor className="w-4 h-4 text-gray-400" />
+                    <div className="text-sm">
+                      <div>{log.device}</div>
+                      {log.browser && (
+                        <div className="text-xs text-muted-foreground">{log.browser}</div>
+                      )}
+                    </div>
+                  </div>
+                </TableCell>
+                <TableCell>
+                  {log.location && (
+                    <div className="flex items-center gap-1 text-sm">
+                      <MapPin className="w-3 h-3 text-gray-400" />
+                      {log.location}
+                    </div>
+                  )}
+                </TableCell>
+                <TableCell>
+                  {log.status === 'success' ? (
+                    <Badge className="bg-green-100 text-green-700">成功</Badge>
+                  ) : (
+                    <div>
+                      <Badge className="bg-red-100 text-red-700">失败</Badge>
+                      {log.failReason && (
+                        <p className="text-xs text-red-600 mt-1">{log.failReason}</p>
+                      )}
+                    </div>
+                  )}
+                </TableCell>
+              </TableRow>
+            ))
+          )}
+        </TableBody>
+      </Table>
+    </Card>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/login-log/components/index.ts b/crop-x/src/app/(app)/central-config/monitor/login-log/components/index.ts
new file mode 100644
index 0000000..df68b40
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/login-log/components/index.ts
@@ -0,0 +1,4 @@
+export { LoginLogStats } from './LoginLogStats'
+export { LoginLogFilters } from './LoginLogFilters'
+export { LoginLogTable } from './LoginLogTable'
+export { LoginLogInfo } from './LoginLogInfo'
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/login-log/page.tsx b/crop-x/src/app/(app)/central-config/monitor/login-log/page.tsx
new file mode 100644
index 0000000..e94fbcc
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/login-log/page.tsx
@@ -0,0 +1,202 @@
+'use client'
+
+import { useState, useEffect } from 'react'
+import { Button } from '@/components/ui/button'
+import { LoginLog } from '@/types/monitor'
+import { Download } from 'lucide-react'
+import { toast } from 'sonner'
+
+// Import modular components
+import {
+  LoginLogStats,
+  LoginLogFilters,
+  LoginLogTable,
+  LoginLogInfo
+} from './components'
+
+export default function LoginLogPage() {
+  const [logs, setLogs] = useState<LoginLog[]>([])
+  const [searchKeyword, setSearchKeyword] = useState('')
+  const [statusFilter, setStatusFilter] = useState<string>('all')
+  const [dateRange, setDateRange] = useState<string>('all')
+
+  useEffect(() => {
+    loadLogs()
+  }, [])
+
+  const loadLogs = () => {
+    // 强制重新加载mock数据以解决显示问题
+    localStorage.removeItem('smart_agriculture_login_logs')
+
+    const mockLogs: LoginLog[] = [
+        {
+          id: 'log-1',
+          userId: 'user-1',
+          username: 'admin',
+          loginTime: '2024-10-21T09:30:00',
+          ipAddress: '192.168.1.100',
+          device: 'Windows 11',
+          browser: 'Chrome 118',
+          os: 'Windows',
+          location: '北京市海淀区',
+          status: 'success',
+          sessionId: 'sess-001',
+        },
+        {
+          id: 'log-2',
+          userId: 'user-2',
+          username: 'zhangsan',
+          loginTime: '2024-10-21T10:15:00',
+          ipAddress: '192.168.1.101',
+          device: 'macOS 14',
+          browser: 'Safari 17',
+          os: 'macOS',
+          location: '上海市浦东新区',
+          status: 'success',
+          sessionId: 'sess-002',
+        },
+        {
+          id: 'log-3',
+          userId: 'user-3',
+          username: 'lisi',
+          loginTime: '2024-10-21T11:20:00',
+          ipAddress: '192.168.1.102',
+          device: 'Android 13',
+          browser: 'Chrome Mobile 118',
+          os: 'Android',
+          location: '广州市天河区',
+          status: 'failed',
+          failReason: '密码错误',
+        },
+        {
+          id: 'log-4',
+          userId: 'user-1',
+          username: 'admin',
+          loginTime: '2024-10-21T14:45:00',
+          ipAddress: '192.168.1.100',
+          device: 'Windows 11',
+          browser: 'Chrome 118',
+          os: 'Windows',
+          location: '北京市海淀区',
+          status: 'success',
+          sessionId: 'sess-003',
+        },
+        {
+          id: 'log-5',
+          userId: 'user-4',
+          username: 'wangwu',
+          loginTime: '2024-10-21T15:30:00',
+          ipAddress: '192.168.1.103',
+          device: 'iOS 17',
+          browser: 'Safari 17',
+          os: 'iOS',
+          location: '深圳市南山区',
+          status: 'failed',
+          failReason: '账号被锁定',
+        },
+        {
+          id: 'log-6',
+          userId: 'user-5',
+          username: 'zhaoliu',
+          loginTime: '2024-10-21T16:20:00',
+          ipAddress: '192.168.1.104',
+          device: 'Windows 10',
+          browser: 'Edge 118',
+          os: 'Windows',
+          location: '杭州市西湖区',
+          status: 'success',
+          sessionId: 'sess-004',
+        },
+        {
+          id: 'log-7',
+          userId: 'user-6',
+          username: 'chenqi',
+          loginTime: '2024-10-21T17:10:00',
+          ipAddress: '192.168.1.105',
+          device: 'Ubuntu 22.04',
+          browser: 'Firefox 119',
+          os: 'Linux',
+          location: '成都市武侯区',
+          status: 'success',
+          sessionId: 'sess-005',
+        },
+      ]
+      localStorage.setItem('smart_agriculture_login_logs', JSON.stringify(mockLogs))
+      setLogs(mockLogs)
+  }
+
+  const filteredLogs = logs.filter(log => {
+    const matchKeyword = !searchKeyword ||
+      log.username.includes(searchKeyword) ||
+      log.ipAddress.includes(searchKeyword) ||
+      (log.location && log.location.includes(searchKeyword))
+
+    const matchStatus = statusFilter === 'all' || log.status === statusFilter
+
+    let matchDate = true
+    if (dateRange !== 'all') {
+      const logDate = new Date(log.loginTime)
+      const now = new Date()
+      const diffDays = Math.floor((now.getTime() - logDate.getTime()) / (1000 * 60 * 60 * 24))
+
+      switch (dateRange) {
+        case 'today':
+          matchDate = diffDays === 0
+          break
+        case 'week':
+          matchDate = diffDays <= 7
+          break
+        case 'month':
+          matchDate = diffDays <= 30
+          break
+      }
+    }
+
+    return matchKeyword && matchStatus && matchDate
+  })
+
+  const handleExport = () => {
+    const dataStr = JSON.stringify(filteredLogs, null, 2)
+    const dataBlob = new Blob([dataStr], { type: 'application/json' })
+    const url = URL.createObjectURL(dataBlob)
+    const link = document.createElement('a')
+    link.href = url
+    link.download = `login_logs_${new Date().getTime()}.json`
+    link.click()
+    toast.success('导出成功')
+  }
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-green-800">登录日志</h2>
+          <p className="text-muted-foreground">全面记录所有用户的登录行为</p>
+        </div>
+        <Button onClick={handleExport}>
+          <Download className="w-4 h-4 mr-2" />
+          导出日志
+        </Button>
+      </div>
+
+      {/* 统计卡片 */}
+      <LoginLogStats logs={logs} />
+
+      {/* 搜索和筛选 */}
+      <LoginLogFilters
+        searchKeyword={searchKeyword}
+        onSearchChange={setSearchKeyword}
+        statusFilter={statusFilter}
+        onStatusFilterChange={setStatusFilter}
+        dateRange={dateRange}
+        onDateRangeChange={setDateRange}
+      />
+
+      {/* 日志列表 */}
+      <LoginLogTable logs={filteredLogs} />
+
+      {/* 使用说明 */}
+      <LoginLogInfo />
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogDetailDialog.tsx b/crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogDetailDialog.tsx
new file mode 100644
index 0000000..fb60f24
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogDetailDialog.tsx
@@ -0,0 +1,191 @@
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog'
+import { NetworkLog } from '@/types/monitor'
+import { Globe } from 'lucide-react'
+
+interface NetworkLogDetailDialogProps {
+  log: NetworkLog | null
+  isOpen: boolean
+  onClose: () => void
+  isLoading?: boolean
+}
+
+export function NetworkLogDetailDialog({
+  log,
+  isOpen,
+  onClose,
+  isLoading = false
+}: NetworkLogDetailDialogProps) {
+  const getMethodBadge = (method: string) => {
+    const colors: Record<string, string> = {
+      GET: 'bg-blue-100 text-blue-700',
+      POST: 'bg-green-100 text-green-700',
+      PUT: 'bg-yellow-100 text-yellow-700',
+      DELETE: 'bg-red-100 text-red-700',
+      PATCH: 'bg-purple-100 text-purple-700',
+    }
+    return colors[method] || 'bg-gray-100 text-gray-700'
+  }
+
+  const getStatusBadge = (status: number) => {
+    if (status >= 200 && status < 300) {
+      return 'bg-green-100 text-green-700'
+    } else if (status >= 400 && status < 500) {
+      return 'bg-yellow-100 text-yellow-700'
+    } else if (status >= 500) {
+      return 'bg-red-100 text-red-700'
+    }
+    return 'bg-gray-100 text-gray-700'
+  }
+
+  const formatBytes = (bytes: number) => {
+    if (bytes < 1024) return `${bytes} B`
+    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(2)} KB`
+    return `${(bytes / (1024 * 1024)).toFixed(2)} MB`
+  }
+
+  return (
+    <Dialog open={isOpen} onOpenChange={onClose}>
+      <DialogContent className="max-w-3xl max-h-[80vh] overflow-y-auto">
+        <DialogHeader>
+          <DialogTitle>
+            <div className="flex items-center gap-2">
+              <Globe className="w-5 h-5 text-green-600" />
+              网络请求详情
+            </div>
+          </DialogTitle>
+        </DialogHeader>
+
+        {isLoading ? (
+          <div className="space-y-4">
+            {Array.from({ length: 8 }).map((_, index) => (
+              <div key={index} className="animate-pulse">
+                <div className="bg-gray-200 h-4 w-24 rounded mb-2"></div>
+                <div className="bg-gray-200 h-6 w-40 rounded"></div>
+              </div>
+            ))}
+          </div>
+        ) : log ? (
+          <div className="space-y-4">
+            <div className="grid grid-cols-2 gap-4">
+              <div>
+                <p className="text-sm text-muted-foreground">请求时间</p>
+                <p className="mt-1">{new Date(log.timestamp).toLocaleString('zh-CN')}</p>
+              </div>
+              <div>
+                <p className="text-sm text-muted-foreground">请求方法</p>
+                <p className="mt-1">
+                  <Badge className={getMethodBadge(log.method)}>
+                    {log.method}
+                  </Badge>
+                </p>
+              </div>
+              <div className="col-span-2">
+                <p className="text-sm text-muted-foreground">请求URL</p>
+                <p className="mt-1">
+                  <code className="text-xs bg-gray-100 px-2 py-1 rounded block break-all">
+                    {log.url}
+                  </code>
+                </p>
+              </div>
+              <div>
+                <p className="text-sm text-muted-foreground">客户端IP</p>
+                <p className="mt-1">
+                  <code className="text-xs bg-gray-100 px-2 py-1 rounded">
+                    {log.clientIp}
+                  </code>
+                </p>
+              </div>
+              <div>
+                <p className="text-sm text-muted-foreground">用户</p>
+                <p className="mt-1">{log.username || '未登录'}</p>
+              </div>
+              <div>
+                <p className="text-sm text-muted-foreground">响应状态</p>
+                <p className="mt-1">
+                  <Badge className={getStatusBadge(log.responseStatus)}>
+                    {log.responseStatus}
+                  </Badge>
+                </p>
+              </div>
+              <div>
+                <p className="text-sm text-muted-foreground">响应时间</p>
+                <p className="mt-1">{log.responseTime}ms</p>
+              </div>
+              {log.responseSize && (
+                <div>
+                  <p className="text-sm text-muted-foreground">响应大小</p>
+                  <p className="mt-1">{formatBytes(log.responseSize)}</p>
+                </div>
+              )}
+            </div>
+
+            {log.requestParams && (
+              <div>
+                <p className="text-sm text-muted-foreground">请求参数</p>
+                <pre className="mt-1 p-3 bg-gray-50 rounded text-xs overflow-x-auto">
+                  {log.requestParams}
+                </pre>
+              </div>
+            )}
+
+            {log.requestHeaders && (
+              <div>
+                <p className="text-sm text-muted-foreground">请求头</p>
+                <pre className="mt-1 p-3 bg-gray-50 rounded text-xs overflow-x-auto">
+                  {(() => {
+                    try {
+                      return JSON.stringify(JSON.parse(log.requestHeaders), null, 2)
+                    } catch {
+                      return log.requestHeaders
+                    }
+                  })()}
+                </pre>
+              </div>
+            )}
+
+            {log.requestBody && (
+              <div>
+                <p className="text-sm text-muted-foreground">请求体</p>
+                <pre className="mt-1 p-3 bg-gray-50 rounded text-xs overflow-x-auto">
+                  {log.requestBody}
+                </pre>
+              </div>
+            )}
+
+            {log.responseBody && (
+              <div>
+                <p className="text-sm text-muted-foreground">响应体</p>
+                <pre className="mt-1 p-3 bg-gray-50 rounded text-xs overflow-x-auto max-h-40 overflow-y-auto">
+                  {(() => {
+                    try {
+                      return JSON.stringify(JSON.parse(log.responseBody), null, 2)
+                    } catch {
+                      return log.responseBody
+                    }
+                  })()}
+                </pre>
+              </div>
+            )}
+
+            {log.userAgent && (
+              <div>
+                <p className="text-sm text-muted-foreground">User Agent</p>
+                <p className="mt-1 text-xs text-muted-foreground break-all">
+                  {log.userAgent}
+                </p>
+              </div>
+            )}
+          </div>
+        ) : null}
+
+        <DialogFooter>
+          <Button variant="outline" onClick={onClose}>
+            关闭
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogFilters.tsx b/crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogFilters.tsx
new file mode 100644
index 0000000..5037b61
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogFilters.tsx
@@ -0,0 +1,62 @@
+import { Card } from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
+import { Search } from 'lucide-react'
+
+interface NetworkLogFiltersProps {
+  searchKeyword: string
+  onSearchChange: (value: string) => void
+  methodFilter: string
+  onMethodFilterChange: (value: string) => void
+  statusFilter: string
+  onStatusFilterChange: (value: string) => void
+}
+
+export function NetworkLogFilters({
+  searchKeyword,
+  onSearchChange,
+  methodFilter,
+  onMethodFilterChange,
+  statusFilter,
+  onStatusFilterChange
+}: NetworkLogFiltersProps) {
+  return (
+    <Card className="p-4">
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+        <div className="relative">
+          <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-muted-foreground" />
+          <Input
+            placeholder="搜索URL、用户名..."
+            value={searchKeyword}
+            onChange={(e) => onSearchChange(e.target.value)}
+            className="pl-10"
+          />
+        </div>
+        <Select value={methodFilter} onValueChange={onMethodFilterChange}>
+          <SelectTrigger>
+            <SelectValue placeholder="请求方法" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">全部方法</SelectItem>
+            <SelectItem value="GET">GET</SelectItem>
+            <SelectItem value="POST">POST</SelectItem>
+            <SelectItem value="PUT">PUT</SelectItem>
+            <SelectItem value="DELETE">DELETE</SelectItem>
+            <SelectItem value="PATCH">PATCH</SelectItem>
+          </SelectContent>
+        </Select>
+        <Select value={statusFilter} onValueChange={onStatusFilterChange}>
+          <SelectTrigger>
+            <SelectValue placeholder="响应状态" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">全部状态</SelectItem>
+            <SelectItem value="2xx">2xx 成功</SelectItem>
+            <SelectItem value="4xx">4xx 客户端错误</SelectItem>
+            <SelectItem value="5xx">5xx 服务器错误</SelectItem>
+          </SelectContent>
+        </Select>
+      </div>
+    </Card>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogInfo.tsx b/crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogInfo.tsx
new file mode 100644
index 0000000..9c1fc2d
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogInfo.tsx
@@ -0,0 +1,20 @@
+import { Card } from '@/components/ui/card'
+import { Globe } from 'lucide-react'
+
+export function NetworkLogInfo() {
+  return (
+    <Card className="p-4 bg-blue-50 border-blue-200">
+      <h4 className="text-blue-900 mb-2">
+        <Globe className="w-4 h-4 inline mr-2" />
+        网络日志说明
+      </h4>
+      <ul className="space-y-1 text-sm text-blue-800">
+        <li>• 记录所有HTTP请求的详细信息，包括请求地址、参数、响应状态等</li>
+        <li>• 响应时间超过1秒的请求需要关注，可能存在性能问题</li>
+        <li>• 4xx状态码通常表示客户端错误，5xx表示服务器错误</li>
+        <li>• 可用于接口调试、性能分析和异常排查</li>
+        <li>• 建议定期清理历史日志，避免占用过多存储空间</li>
+      </ul>
+    </Card>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogService.ts b/crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogService.ts
new file mode 100644
index 0000000..11f191e
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogService.ts
@@ -0,0 +1,338 @@
+import { NetworkLog } from '@/types/monitor'
+import { ApiResponse, PaginatedResponse, PaginationParams } from '@/types'
+
+export interface NetworkLogFilters {
+  searchKeyword?: string
+  method?: string
+  status?: string
+  startDate?: string
+  endDate?: string
+  minResponseTime?: number
+  maxResponseTime?: number
+}
+
+export interface NetworkLogListParams extends PaginationParams {
+  filters?: NetworkLogFilters
+}
+
+export class NetworkLogService {
+  private static baseUrl = '/api/monitor/network-logs'
+
+  /**
+   * 获取网络日志列表
+   */
+  static async getNetworkLogs(params: NetworkLogListParams = {}): Promise<PaginatedResponse<NetworkLog>> {
+    try {
+      const queryParams = new URLSearchParams()
+
+      // 添加分页参数
+      if (params.page) queryParams.append('page', params.page.toString())
+      if (params.pageSize) queryParams.append('pageSize', params.pageSize.toString())
+
+      // 添加筛选参数
+      if (params.filters) {
+        if (params.filters.searchKeyword) queryParams.append('searchKeyword', params.filters.searchKeyword)
+        if (params.filters.method && params.filters.method !== 'all') queryParams.append('method', params.filters.method)
+        if (params.filters.status && params.filters.status !== 'all') queryParams.append('status', params.filters.status)
+        if (params.filters.startDate) queryParams.append('startDate', params.filters.startDate)
+        if (params.filters.endDate) queryParams.append('endDate', params.filters.endDate)
+        if (params.filters.minResponseTime) queryParams.append('minResponseTime', params.filters.minResponseTime.toString())
+        if (params.filters.maxResponseTime) queryParams.append('maxResponseTime', params.filters.maxResponseTime.toString())
+      }
+
+      const response = await fetch(`${this.baseUrl}?${queryParams}`)
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`)
+      }
+
+      const data = await response.json()
+      return data
+    } catch (error) {
+      console.error('Failed to fetch network logs:', error)
+      // 降级处理：返回mock数据
+      return this.getMockData(params)
+    }
+  }
+
+  /**
+   * 获取网络日志详情
+   */
+  static async getNetworkLogDetail(id: string): Promise<ApiResponse<NetworkLog>> {
+    try {
+      const response = await fetch(`${this.baseUrl}/${id}`)
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`)
+      }
+
+      const data = await response.json()
+      return data
+    } catch (error) {
+      console.error('Failed to fetch network log detail:', error)
+      throw error
+    }
+  }
+
+  /**
+   * 导出网络日志
+   */
+  static async exportNetworkLogs(filters?: NetworkLogFilters): Promise<Blob> {
+    try {
+      const queryParams = new URLSearchParams()
+
+      if (filters) {
+        if (filters.searchKeyword) queryParams.append('searchKeyword', filters.searchKeyword)
+        if (filters.method && filters.method !== 'all') queryParams.append('method', filters.method)
+        if (filters.status && filters.status !== 'all') queryParams.append('status', filters.status)
+        if (filters.startDate) queryParams.append('startDate', filters.startDate)
+        if (filters.endDate) queryParams.append('endDate', filters.endDate)
+        if (filters.minResponseTime) queryParams.append('minResponseTime', filters.minResponseTime.toString())
+        if (filters.maxResponseTime) queryParams.append('maxResponseTime', filters.maxResponseTime.toString())
+      }
+
+      const response = await fetch(`${this.baseUrl}/export?${queryParams}`)
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`)
+      }
+
+      return response.blob()
+    } catch (error) {
+      console.error('Failed to export network logs:', error)
+      throw error
+    }
+  }
+
+  /**
+   * 获取网络日志统计信息
+   */
+  static async getNetworkLogStats(filters?: NetworkLogFilters): Promise<ApiResponse<{
+    total: number
+    success: number
+    clientError: number
+    serverError: number
+    averageResponseTime: number
+    totalResponseSize: number
+    methodStats: Array<{ method: string, count: number }>
+    statusStats: Array<{ status: number, count: number }>
+    topSlowRequests: Array<{ url: string, responseTime: number, count: number }>
+  }>> {
+    try {
+      const queryParams = new URLSearchParams()
+
+      if (filters) {
+        if (filters.method && filters.method !== 'all') queryParams.append('method', filters.method)
+        if (filters.status && filters.status !== 'all') queryParams.append('status', filters.status)
+        if (filters.startDate) queryParams.append('startDate', filters.startDate)
+        if (filters.endDate) queryParams.append('endDate', filters.endDate)
+      }
+
+      const response = await fetch(`${this.baseUrl}/stats?${queryParams}`)
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`)
+      }
+
+      const data = await response.json()
+      return data
+    } catch (error) {
+      console.error('Failed to fetch network log stats:', error)
+      // 降级处理：返回mock统计数据
+      return this.getMockStats()
+    }
+  }
+
+  
+  /**
+   * Mock数据 - 用于降级处理
+   */
+  private static getMockData(params: NetworkLogListParams): PaginatedResponse<NetworkLog> {
+    const mockLogs: NetworkLog[] = [
+      {
+        id: 'net-1',
+        timestamp: '2024-10-21T09:35:00',
+        method: 'POST',
+        url: '/api/users',
+        requestParams: 'username=zhangsan&name=张三',
+        responseStatus: 200,
+        responseTime: 150,
+        responseSize: 256,
+        clientIp: '192.168.1.100',
+        userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) Chrome/118.0.0.0',
+        userId: 'user-1',
+        username: 'admin',
+      },
+      {
+        id: 'net-2',
+        timestamp: '2024-10-21T10:20:00',
+        method: 'GET',
+        url: '/api/machinery/list',
+        requestParams: 'page=1&size=10',
+        responseStatus: 200,
+        responseTime: 89,
+        responseSize: 4096,
+        clientIp: '192.168.1.101',
+        userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) Safari/17.0',
+        userId: 'user-2',
+        username: 'zhangsan',
+      },
+      {
+        id: 'net-3',
+        timestamp: '2024-10-21T11:25:00',
+        method: 'DELETE',
+        url: '/api/roles/456',
+        responseStatus: 400,
+        responseTime: 120,
+        responseSize: 128,
+        clientIp: '192.168.1.102',
+        userAgent: 'Mozilla/5.0 (X11; Linux x86_64) Chrome/118.0.0.0',
+        userId: 'user-3',
+        username: 'lisi',
+      },
+      {
+        id: 'net-4',
+        timestamp: '2024-10-21T14:50:00',
+        method: 'PUT',
+        url: '/api/system/settings',
+        requestParams: 'sessionTimeout=30',
+        responseStatus: 200,
+        responseTime: 95,
+        responseSize: 512,
+        clientIp: '192.168.1.100',
+        userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) Chrome/118.0.0.0',
+        userId: 'user-1',
+        username: 'admin',
+      },
+      {
+        id: 'net-5',
+        timestamp: '2024-10-21T15:35:00',
+        method: 'POST',
+        url: '/api/tasks',
+        responseStatus: 201,
+        responseTime: 180,
+        responseSize: 1024,
+        clientIp: '192.168.1.101',
+        userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) Safari/17.0',
+        userId: 'user-2',
+        username: 'zhangsan',
+      },
+      {
+        id: 'net-6',
+        timestamp: '2024-10-21T16:15:00',
+        method: 'GET',
+        url: '/api/users/export',
+        requestParams: 'format=excel',
+        responseStatus: 200,
+        responseTime: 1250,
+        responseSize: 102400,
+        clientIp: '192.168.1.100',
+        userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) Chrome/118.0.0.0',
+        userId: 'user-1',
+        username: 'admin',
+      },
+    ]
+
+    // 应用筛选器
+    let filteredLogs = mockLogs.filter(log => {
+      if (params.filters?.searchKeyword) {
+        const keyword = params.filters.searchKeyword.toLowerCase()
+        if (!log.url.toLowerCase().includes(keyword) &&
+            !(log.username && log.username.toLowerCase().includes(keyword))) {
+          return false
+        }
+      }
+
+      if (params.filters?.method && params.filters.method !== 'all') {
+        if (log.method !== params.filters.method) return false
+      }
+
+      if (params.filters?.status && params.filters.status !== 'all') {
+        const status = log.responseStatus
+        switch (params.filters.status) {
+          case '2xx':
+            if (status < 200 || status >= 300) return false
+            break
+          case '4xx':
+            if (status < 400 || status >= 500) return false
+            break
+          case '5xx':
+            if (status < 500) return false
+            break
+        }
+      }
+
+      if (params.filters?.minResponseTime && log.responseTime < params.filters.minResponseTime) {
+        return false
+      }
+
+      if (params.filters?.maxResponseTime && log.responseTime > params.filters.maxResponseTime) {
+        return false
+      }
+
+      return true
+    })
+
+    // 应用分页
+    const page = params.page || 1
+    const pageSize = params.pageSize || 10
+    const startIndex = (page - 1) * pageSize
+    const endIndex = startIndex + pageSize
+    const paginatedLogs = filteredLogs.slice(startIndex, endIndex)
+
+    return {
+      code: 200,
+      message: 'success',
+      success: true,
+      data: paginatedLogs,
+      pagination: {
+        page,
+        pageSize,
+        total: filteredLogs.length,
+        totalPages: Math.ceil(filteredLogs.length / pageSize)
+      }
+    }
+  }
+
+  private static getMockStats(): ApiResponse<{
+    total: number
+    success: number
+    clientError: number
+    serverError: number
+    averageResponseTime: number
+    totalResponseSize: number
+    methodStats: Array<{ method: string, count: number }>
+    statusStats: Array<{ status: number, count: number }>
+    topSlowRequests: Array<{ url: string, responseTime: number, count: number }>
+  }> {
+    return {
+      code: 200,
+      message: 'success',
+      success: true,
+      data: {
+        total: 6,
+        success: 4,
+        clientError: 1,
+        serverError: 1,
+        averageResponseTime: 314,
+        totalResponseSize: 108416,
+        methodStats: [
+          { method: 'GET', count: 2 },
+          { method: 'POST', count: 2 },
+          { method: 'PUT', count: 1 },
+          { method: 'DELETE', count: 1 }
+        ],
+        statusStats: [
+          { status: 200, count: 3 },
+          { status: 201, count: 1 },
+          { status: 400, count: 1 },
+          { status: 500, count: 1 }
+        ],
+        topSlowRequests: [
+          { url: '/api/users/export', responseTime: 1250, count: 1 },
+          { url: '/api/tasks', responseTime: 180, count: 1 }
+        ]
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogStats.tsx b/crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogStats.tsx
new file mode 100644
index 0000000..900f2ab
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogStats.tsx
@@ -0,0 +1,51 @@
+import { Card } from '@/components/ui/card'
+import { NetworkLog } from '@/types/monitor'
+
+interface NetworkLogStatsProps {
+  logs: NetworkLog[]
+  isLoading?: boolean
+}
+
+export function NetworkLogStats({ logs, isLoading = false }: NetworkLogStatsProps) {
+  const stats = [
+    {
+      label: '总请求数',
+      value: logs.length,
+      color: 'text-blue-600',
+    },
+    {
+      label: '成功请求',
+      value: logs.filter(l => l.responseStatus >= 200 && l.responseStatus < 300).length,
+      color: 'text-green-600',
+    },
+    {
+      label: '失败请求',
+      value: logs.filter(l => l.responseStatus >= 400).length,
+      color: 'text-red-600',
+    },
+    {
+      label: '平均响应时间',
+      value: logs.length > 0
+        ? Math.round(logs.reduce((sum, l) => sum + l.responseTime, 0) / logs.length) + 'ms'
+        : '0ms',
+      color: 'text-purple-600',
+    },
+  ]
+
+  return (
+    <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+      {stats.map((stat, index) => (
+        <Card key={index} className="p-4">
+          <div className="text-sm text-muted-foreground">{stat.label}</div>
+          <div className={`mt-2 text-2xl font-semibold ${stat.color}`}>
+            {isLoading ? (
+              <div className="animate-pulse bg-gray-200 h-8 w-16 rounded"></div>
+            ) : (
+              stat.value
+            )}
+          </div>
+        </Card>
+      ))}
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogTable.tsx b/crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogTable.tsx
new file mode 100644
index 0000000..ac98842
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/network-log/components/NetworkLogTable.tsx
@@ -0,0 +1,133 @@
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'
+import { Card } from '@/components/ui/card'
+import { NetworkLog } from '@/types/monitor'
+import { Eye, Clock } from 'lucide-react'
+
+interface NetworkLogTableProps {
+  logs: NetworkLog[]
+  isLoading?: boolean
+  onViewDetail: (log: NetworkLog) => void
+}
+
+export function NetworkLogTable({ logs, isLoading = false, onViewDetail }: NetworkLogTableProps) {
+  const getMethodBadge = (method: string) => {
+    const colors: Record<string, string> = {
+      GET: 'bg-blue-100 text-blue-700',
+      POST: 'bg-green-100 text-green-700',
+      PUT: 'bg-yellow-100 text-yellow-700',
+      DELETE: 'bg-red-100 text-red-700',
+      PATCH: 'bg-purple-100 text-purple-700',
+    }
+    return colors[method] || 'bg-gray-100 text-gray-700'
+  }
+
+  const getStatusBadge = (status: number) => {
+    if (status >= 200 && status < 300) {
+      return 'bg-green-100 text-green-700'
+    } else if (status >= 400 && status < 500) {
+      return 'bg-yellow-100 text-yellow-700'
+    } else if (status >= 500) {
+      return 'bg-red-100 text-red-700'
+    }
+    return 'bg-gray-100 text-gray-700'
+  }
+
+  const formatBytes = (bytes: number) => {
+    if (bytes < 1024) return `${bytes} B`
+    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(2)} KB`
+    return `${(bytes / (1024 * 1024)).toFixed(2)} MB`
+  }
+
+  if (isLoading) {
+    return (
+      <Card>
+        <div className="p-8 space-y-4">
+          {Array.from({ length: 5 }).map((_, index) => (
+            <div key={index} className="animate-pulse">
+              <div className="flex space-x-4">
+                <div className="bg-gray-200 h-4 w-20 rounded"></div>
+                <div className="bg-gray-200 h-4 w-16 rounded"></div>
+                <div className="bg-gray-200 h-4 w-32 rounded"></div>
+                <div className="bg-gray-200 h-4 w-20 rounded"></div>
+                <div className="bg-gray-200 h-4 w-16 rounded"></div>
+                <div className="bg-gray-200 h-4 w-20 rounded"></div>
+                <div className="bg-gray-200 h-4 w-16 rounded"></div>
+                <div className="bg-gray-200 h-8 w-8 rounded"></div>
+              </div>
+            </div>
+          ))}
+        </div>
+      </Card>
+    )
+  }
+
+  return (
+    <Card>
+      <Table>
+        <TableHeader>
+          <TableRow>
+            <TableHead>时间</TableHead>
+            <TableHead>方法</TableHead>
+            <TableHead>URL</TableHead>
+            <TableHead>用户</TableHead>
+            <TableHead>状态</TableHead>
+            <TableHead>耗时</TableHead>
+            <TableHead>大小</TableHead>
+            <TableHead>操作</TableHead>
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {logs.length === 0 ? (
+            <TableRow>
+              <TableCell colSpan={8} className="text-center text-muted-foreground py-8">
+                暂无网络日志
+              </TableCell>
+            </TableRow>
+          ) : (
+            logs.map((log) => (
+              <TableRow key={log.id}>
+                <TableCell className="text-sm text-muted-foreground">
+                  {new Date(log.timestamp).toLocaleTimeString('zh-CN')}
+                </TableCell>
+                <TableCell>
+                  <Badge className={getMethodBadge(log.method)}>
+                    {log.method}
+                  </Badge>
+                </TableCell>
+                <TableCell className="max-w-xs truncate text-sm" title={log.url}>
+                  {log.url}
+                </TableCell>
+                <TableCell className="text-sm">{log.username || '-'}</TableCell>
+                <TableCell>
+                  <Badge className={getStatusBadge(log.responseStatus)}>
+                    {log.responseStatus}
+                  </Badge>
+                </TableCell>
+                <TableCell className="text-sm">
+                  <div className="flex items-center gap-1">
+                    <Clock className="w-3 h-3 text-gray-400" />
+                    {log.responseTime}ms
+                  </div>
+                </TableCell>
+                <TableCell className="text-sm">
+                  {log.responseSize ? formatBytes(log.responseSize) : '-'}
+                </TableCell>
+                <TableCell>
+                  <Button
+                    variant="ghost"
+                    size="sm"
+                    onClick={() => onViewDetail(log)}
+                  >
+                    <Eye className="w-4 h-4" />
+                  </Button>
+                </TableCell>
+              </TableRow>
+            ))
+          )}
+        </TableBody>
+      </Table>
+    </Card>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/network-log/components/index.ts b/crop-x/src/app/(app)/central-config/monitor/network-log/components/index.ts
new file mode 100644
index 0000000..5fa3787
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/network-log/components/index.ts
@@ -0,0 +1,8 @@
+export { NetworkLogService } from './NetworkLogService'
+export { NetworkLogStats } from './NetworkLogStats'
+export { NetworkLogFilters } from './NetworkLogFilters'
+export { NetworkLogTable } from './NetworkLogTable'
+export { NetworkLogDetailDialog } from './NetworkLogDetailDialog'
+export { NetworkLogInfo } from './NetworkLogInfo'
+
+export type { NetworkLogFilters as NetworkLogFiltersType, NetworkLogListParams } from './NetworkLogService'
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/network-log/page.tsx b/crop-x/src/app/(app)/central-config/monitor/network-log/page.tsx
new file mode 100644
index 0000000..ccd2c1c
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/network-log/page.tsx
@@ -0,0 +1,139 @@
+'use client'
+
+import { useState, useEffect } from 'react'
+import { Button } from '@/components/ui/button'
+import { NetworkLog } from '@/types/monitor'
+import { Download } from 'lucide-react'
+import { toast } from 'sonner'
+
+// Import modular components
+import {
+  NetworkLogService,
+  NetworkLogStats,
+  NetworkLogFilters,
+  NetworkLogTable,
+  NetworkLogDetailDialog,
+  NetworkLogInfo
+} from './components'
+
+export default function NetworkLogPage() {
+  const [logs, setLogs] = useState<NetworkLog[]>([])
+  const [isLoading, setIsLoading] = useState(false)
+  const [searchKeyword, setSearchKeyword] = useState('')
+  const [methodFilter, setMethodFilter] = useState<string>('all')
+  const [statusFilter, setStatusFilter] = useState<string>('all')
+  const [showDetailDialog, setShowDetailDialog] = useState(false)
+  const [selectedLog, setSelectedLog] = useState<NetworkLog | null>(null)
+  const [isDetailLoading, setIsDetailLoading] = useState(false)
+
+  useEffect(() => {
+    loadLogs()
+  }, [searchKeyword, methodFilter, statusFilter])
+
+  const loadLogs = async () => {
+    setIsLoading(true)
+    try {
+      const response = await NetworkLogService.getNetworkLogs({
+        page: 1,
+        pageSize: 100,
+        filters: {
+          searchKeyword,
+          method: methodFilter,
+          status: statusFilter
+        }
+      })
+
+      if (response.success) {
+        setLogs(response.data)
+      } else {
+        throw new Error(response.message || '加载网络日志失败')
+      }
+    } catch (error) {
+      console.error('Failed to load network logs:', error)
+      toast.error('加载网络日志失败，请稍后重试')
+    } finally {
+      setIsLoading(false)
+    }
+  }
+
+  const handleViewDetail = async (log: NetworkLog) => {
+    setSelectedLog(log)
+    setShowDetailDialog(true)
+
+    setIsDetailLoading(true)
+    try {
+      const response = await NetworkLogService.getNetworkLogDetail(log.id)
+      if (response.success) {
+        setSelectedLog(response.data)
+      }
+    } catch (error) {
+      console.error('Failed to fetch log detail:', error)
+    } finally {
+      setIsDetailLoading(false)
+    }
+  }
+
+  const handleExport = async () => {
+    try {
+      const blob = await NetworkLogService.exportNetworkLogs({
+        searchKeyword,
+        method: methodFilter,
+        status: statusFilter
+      })
+
+      const url = URL.createObjectURL(blob)
+      const link = document.createElement('a')
+      link.href = url
+      link.download = `network_logs_${new Date().getTime()}.json`
+      link.click()
+      URL.revokeObjectURL(url)
+
+      toast.success('导出成功')
+    } catch (error) {
+      console.error('Failed to export logs:', error)
+      toast.error('导出失败，请稍后重试')
+    }
+  }
+
+  
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-green-800">网络日志</h2>
+          <p className="text-muted-foreground">记录系统接收与发送的所有网络请求信息</p>
+        </div>
+        <Button onClick={handleExport} disabled={isLoading || logs.length === 0}>
+          <Download className="w-4 h-4 mr-2" />
+          导出日志
+        </Button>
+      </div>
+
+      <NetworkLogStats logs={logs} isLoading={isLoading} />
+
+      <NetworkLogFilters
+        searchKeyword={searchKeyword}
+        onSearchChange={setSearchKeyword}
+        methodFilter={methodFilter}
+        onMethodFilterChange={setMethodFilter}
+        statusFilter={statusFilter}
+        onStatusFilterChange={setStatusFilter}
+      />
+
+      <NetworkLogTable
+        logs={logs}
+        isLoading={isLoading}
+        onViewDetail={handleViewDetail}
+      />
+
+      <NetworkLogDetailDialog
+        log={selectedLog}
+        isOpen={showDetailDialog}
+        onClose={() => setShowDetailDialog(false)}
+        isLoading={isDetailLoading}
+      />
+
+      <NetworkLogInfo />
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogDetailDialog.tsx b/crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogDetailDialog.tsx
new file mode 100644
index 0000000..e3292ae
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogDetailDialog.tsx
@@ -0,0 +1,183 @@
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog'
+import { OperationLog } from '@/types/monitor'
+import { FileText } from 'lucide-react'
+
+interface OperationLogDetailDialogProps {
+  log: OperationLog | null
+  isOpen: boolean
+  onClose: () => void
+  isLoading?: boolean
+}
+
+export function OperationLogDetailDialog({
+  log,
+  isOpen,
+  onClose,
+  isLoading = false
+}: OperationLogDetailDialogProps) {
+  const getModuleLabel = (module: string) => {
+    const labels: Record<string, string> = {
+      user: '用户管理',
+      role: '角色管理',
+      permission: '权限管理',
+      machinery: '农机管理',
+      driver: '驾驶员管理',
+      task: '任务管理',
+      system: '系统配置',
+      other: '其他',
+    }
+    return labels[module] || module
+  }
+
+  const getActionLabel = (action: string) => {
+    const labels: Record<string, string> = {
+      create: '新增',
+      update: '修改',
+      delete: '删除',
+      view: '查看',
+      export: '导出',
+      import: '导入',
+      login: '登录',
+      logout: '登出',
+    }
+    return labels[action] || action
+  }
+
+  const getActionBadge = (action: string) => {
+    const colors: Record<string, string> = {
+      create: 'bg-green-100 text-green-700',
+      update: 'bg-blue-100 text-blue-700',
+      delete: 'bg-red-100 text-red-700',
+      view: 'bg-gray-100 text-gray-700',
+      export: 'bg-purple-100 text-purple-700',
+      import: 'bg-yellow-100 text-yellow-700',
+    }
+    return colors[action] || 'bg-gray-100 text-gray-700'
+  }
+
+  return (
+    <Dialog open={isOpen} onOpenChange={onClose}>
+      <DialogContent className="max-w-3xl max-h-[80vh] overflow-y-auto">
+        <DialogHeader>
+          <DialogTitle>
+            <div className="flex items-center gap-2">
+              <FileText className="w-5 h-5 text-green-600" />
+              操作日志详情
+            </div>
+          </DialogTitle>
+        </DialogHeader>
+
+        {isLoading ? (
+          <div className="space-y-4">
+            {Array.from({ length: 6 }).map((_, index) => (
+              <div key={index} className="animate-pulse">
+                <div className="bg-gray-200 h-4 w-24 rounded mb-2"></div>
+                <div className="bg-gray-200 h-6 w-40 rounded"></div>
+              </div>
+            ))}
+          </div>
+        ) : log ? (
+          <div className="space-y-4">
+            <div className="grid grid-cols-2 gap-4">
+              <div>
+                <p className="text-sm text-muted-foreground">操作人</p>
+                <p className="mt-1 font-medium">{log.username}</p>
+              </div>
+              <div>
+                <p className="text-sm text-muted-foreground">操作时间</p>
+                <p className="mt-1">{new Date(log.operationTime).toLocaleString('zh-CN')}</p>
+              </div>
+              <div>
+                <p className="text-sm text-muted-foreground">操作模块</p>
+                <p className="mt-1">
+                  <Badge variant="outline">{getModuleLabel(log.module)}</Badge>
+                </p>
+              </div>
+              <div>
+                <p className="text-sm text-muted-foreground">操作类型</p>
+                <p className="mt-1">
+                  <Badge className={getActionBadge(log.action)}>
+                    {getActionLabel(log.action)}
+                  </Badge>
+                </p>
+              </div>
+              <div>
+                <p className="text-sm text-muted-foreground">IP地址</p>
+                <p className="mt-1">
+                  <code className="text-xs bg-gray-100 px-2 py-1 rounded">
+                    {log.ipAddress}
+                  </code>
+                </p>
+              </div>
+              <div>
+                <p className="text-sm text-muted-foreground">耗时</p>
+                <p className="mt-1">{log.duration ? `${log.duration}ms` : '-'}</p>
+              </div>
+            </div>
+
+            <div>
+              <p className="text-sm text-muted-foreground">操作描述</p>
+              <p className="mt-1">{log.description}</p>
+            </div>
+
+            {log.requestUrl && (
+              <div>
+                <p className="text-sm text-muted-foreground">请求URL</p>
+                <p className="mt-1">
+                  <code className="text-xs bg-gray-100 px-2 py-1 rounded">
+                    {log.requestMethod} {log.requestUrl}
+                  </code>
+                </p>
+              </div>
+            )}
+
+            {log.requestParams && (
+              <div>
+                <p className="text-sm text-muted-foreground">请求参数</p>
+                <pre className="mt-1 p-3 bg-gray-50 rounded text-xs overflow-x-auto">
+                  {(() => {
+                    try {
+                      return JSON.stringify(JSON.parse(log.requestParams), null, 2)
+                    } catch {
+                      return log.requestParams
+                    }
+                  })()}
+                </pre>
+              </div>
+            )}
+
+            {log.responseData && (
+              <div>
+                <p className="text-sm text-muted-foreground">响应数据</p>
+                <pre className="mt-1 p-3 bg-gray-50 rounded text-xs overflow-x-auto">
+                  {(() => {
+                    try {
+                      return JSON.stringify(JSON.parse(log.responseData), null, 2)
+                    } catch {
+                      return log.responseData
+                    }
+                  })()}
+                </pre>
+              </div>
+            )}
+
+            {log.errorMessage && (
+              <div>
+                <p className="text-sm text-muted-foreground">错误信息</p>
+                <p className="mt-1 text-red-600 bg-red-50 p-3 rounded">{log.errorMessage}</p>
+              </div>
+            )}
+          </div>
+        ) : null}
+
+        <DialogFooter>
+          <Button variant="outline" onClick={onClose}>
+            关闭
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogFilters.tsx b/crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogFilters.tsx
new file mode 100644
index 0000000..59610bd
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogFilters.tsx
@@ -0,0 +1,81 @@
+import { Card } from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
+import { Search } from 'lucide-react'
+
+interface OperationLogFiltersProps {
+  searchKeyword: string
+  onSearchChange: (value: string) => void
+  moduleFilter: string
+  onModuleFilterChange: (value: string) => void
+  actionFilter: string
+  onActionFilterChange: (value: string) => void
+  statusFilter: string
+  onStatusFilterChange: (value: string) => void
+}
+
+export function OperationLogFilters({
+  searchKeyword,
+  onSearchChange,
+  moduleFilter,
+  onModuleFilterChange,
+  actionFilter,
+  onActionFilterChange,
+  statusFilter,
+  onStatusFilterChange
+}: OperationLogFiltersProps) {
+  return (
+    <Card className="p-4">
+      <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+        <div className="relative">
+          <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-muted-foreground" />
+          <Input
+            placeholder="搜索用户名、操作描述..."
+            value={searchKeyword}
+            onChange={(e) => onSearchChange(e.target.value)}
+            className="pl-10"
+          />
+        </div>
+        <Select value={moduleFilter} onValueChange={onModuleFilterChange}>
+          <SelectTrigger>
+            <SelectValue placeholder="操作模块" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">全部模块</SelectItem>
+            <SelectItem value="user">用户管理</SelectItem>
+            <SelectItem value="role">角色管理</SelectItem>
+            <SelectItem value="permission">权限管理</SelectItem>
+            <SelectItem value="machinery">农机管理</SelectItem>
+            <SelectItem value="driver">驾驶员管理</SelectItem>
+            <SelectItem value="task">任务管理</SelectItem>
+            <SelectItem value="system">系统配置</SelectItem>
+          </SelectContent>
+        </Select>
+        <Select value={actionFilter} onValueChange={onActionFilterChange}>
+          <SelectTrigger>
+            <SelectValue placeholder="操作类型" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">全部类型</SelectItem>
+            <SelectItem value="create">新增</SelectItem>
+            <SelectItem value="update">修改</SelectItem>
+            <SelectItem value="delete">删除</SelectItem>
+            <SelectItem value="view">查看</SelectItem>
+            <SelectItem value="export">导出</SelectItem>
+            <SelectItem value="import">导入</SelectItem>
+          </SelectContent>
+        </Select>
+        <Select value={statusFilter} onValueChange={onStatusFilterChange}>
+          <SelectTrigger>
+            <SelectValue placeholder="操作状态" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">全部状态</SelectItem>
+            <SelectItem value="success">成功</SelectItem>
+            <SelectItem value="failed">失败</SelectItem>
+          </SelectContent>
+        </Select>
+      </div>
+    </Card>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogInfo.tsx b/crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogInfo.tsx
new file mode 100644
index 0000000..34f0a24
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogInfo.tsx
@@ -0,0 +1,20 @@
+import { Card } from '@/components/ui/card'
+import { Activity } from 'lucide-react'
+
+export function OperationLogInfo() {
+  return (
+    <Card className="p-4 bg-blue-50 border-blue-200">
+      <h4 className="text-blue-900 mb-2">
+        <Activity className="w-4 h-4 inline mr-2" />
+        操作日志说明
+      </h4>
+      <ul className="space-y-1 text-sm text-blue-800">
+        <li>• 记录用户在系统中的所有关键操作，包括数据修改、流程触发、配置变更等</li>
+        <li>• 详细记录操作人、时间、模块、动作及请求详情</li>
+        <li>• 支持按多个维度进行复杂条件搜索和过滤</li>
+        <li>• 可查看原始请求信息，满足运维审计需求</li>
+        <li>• 失败操作会记录错误信息，便于事故追溯</li>
+      </ul>
+    </Card>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogService.ts b/crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogService.ts
new file mode 100644
index 0000000..7de95bc
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogService.ts
@@ -0,0 +1,314 @@
+import { OperationLog } from '@/types/monitor'
+import { ApiResponse, PaginatedResponse, PaginationParams } from '@/types'
+
+export interface OperationLogFilters {
+  searchKeyword?: string
+  module?: string
+  action?: string
+  status?: string
+  startDate?: string
+  endDate?: string
+}
+
+export interface OperationLogListParams extends PaginationParams {
+  filters?: OperationLogFilters
+}
+
+export class OperationLogService {
+  private static baseUrl = '/api/monitor/operation-logs'
+
+  /**
+   * 获取操作日志列表
+   */
+  static async getOperationLogs(params: OperationLogListParams = {}): Promise<PaginatedResponse<OperationLog>> {
+    try {
+      const queryParams = new URLSearchParams()
+
+      // 添加分页参数
+      if (params.page) queryParams.append('page', params.page.toString())
+      if (params.pageSize) queryParams.append('pageSize', params.pageSize.toString())
+
+      // 添加筛选参数
+      if (params.filters) {
+        if (params.filters.searchKeyword) queryParams.append('searchKeyword', params.filters.searchKeyword)
+        if (params.filters.module && params.filters.module !== 'all') queryParams.append('module', params.filters.module)
+        if (params.filters.action && params.filters.action !== 'all') queryParams.append('action', params.filters.action)
+        if (params.filters.status && params.filters.status !== 'all') queryParams.append('status', params.filters.status)
+        if (params.filters.startDate) queryParams.append('startDate', params.filters.startDate)
+        if (params.filters.endDate) queryParams.append('endDate', params.filters.endDate)
+      }
+
+      const response = await fetch(`${this.baseUrl}?${queryParams}`)
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`)
+      }
+
+      const data = await response.json()
+      return data
+    } catch (error) {
+      console.error('Failed to fetch operation logs:', error)
+      // 降级处理：返回mock数据
+      return this.getMockData(params)
+    }
+  }
+
+  /**
+   * 获取操作日志详情
+   */
+  static async getOperationLogDetail(id: string): Promise<ApiResponse<OperationLog>> {
+    try {
+      const response = await fetch(`${this.baseUrl}/${id}`)
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`)
+      }
+
+      const data = await response.json()
+      return data
+    } catch (error) {
+      console.error('Failed to fetch operation log detail:', error)
+      throw error
+    }
+  }
+
+  /**
+   * 导出操作日志
+   */
+  static async exportOperationLogs(filters?: OperationLogFilters): Promise<Blob> {
+    try {
+      const queryParams = new URLSearchParams()
+
+      if (filters) {
+        if (filters.searchKeyword) queryParams.append('searchKeyword', filters.searchKeyword)
+        if (filters.module && filters.module !== 'all') queryParams.append('module', filters.module)
+        if (filters.action && filters.action !== 'all') queryParams.append('action', filters.action)
+        if (filters.status && filters.status !== 'all') queryParams.append('status', filters.status)
+        if (filters.startDate) queryParams.append('startDate', filters.startDate)
+        if (filters.endDate) queryParams.append('endDate', filters.endDate)
+      }
+
+      const response = await fetch(`${this.baseUrl}/export?${queryParams}`)
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`)
+      }
+
+      return response.blob()
+    } catch (error) {
+      console.error('Failed to export operation logs:', error)
+      throw error
+    }
+  }
+
+  /**
+   * 获取操作日志统计信息
+   */
+  static async getOperationLogStats(filters?: OperationLogFilters): Promise<ApiResponse<{
+    total: number
+    success: number
+    failed: number
+    averageDuration: number
+    moduleStats: Array<{ module: string, count: number }>
+    actionStats: Array<{ action: string, count: number }>
+  }>> {
+    try {
+      const queryParams = new URLSearchParams()
+
+      if (filters) {
+        if (filters.module && filters.module !== 'all') queryParams.append('module', filters.module)
+        if (filters.action && filters.action !== 'all') queryParams.append('action', filters.action)
+        if (filters.status && filters.status !== 'all') queryParams.append('status', filters.status)
+        if (filters.startDate) queryParams.append('startDate', filters.startDate)
+        if (filters.endDate) queryParams.append('endDate', filters.endDate)
+      }
+
+      const response = await fetch(`${this.baseUrl}/stats?${queryParams}`)
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`)
+      }
+
+      const data = await response.json()
+      return data
+    } catch (error) {
+      console.error('Failed to fetch operation log stats:', error)
+      // 降级处理：返回mock统计数据
+      return this.getMockStats()
+    }
+  }
+
+  /**
+   * Mock数据 - 用于降级处理
+   */
+  private static getMockData(params: OperationLogListParams): PaginatedResponse<OperationLog> {
+    const mockLogs: OperationLog[] = [
+      {
+        id: 'op-1',
+        userId: 'user-1',
+        username: 'admin',
+        operationTime: '2024-10-21T09:35:00',
+        module: 'user',
+        action: 'create',
+        description: '创建用户账号: zhangsan',
+        ipAddress: '192.168.1.100',
+        requestUrl: '/api/users',
+        requestMethod: 'POST',
+        requestParams: JSON.stringify({ username: 'zhangsan', name: '张三' }),
+        duration: 150,
+        status: 'success',
+      },
+      {
+        id: 'op-2',
+        userId: 'user-2',
+        username: 'zhangsan',
+        operationTime: '2024-10-21T10:20:00',
+        module: 'machinery',
+        action: 'update',
+        description: '更新农机信息: 约翰迪尔拖拉机',
+        ipAddress: '192.168.1.101',
+        requestUrl: '/api/machinery/123',
+        requestMethod: 'PUT',
+        duration: 89,
+        status: 'success',
+      },
+      {
+        id: 'op-3',
+        userId: 'user-3',
+        username: 'lisi',
+        operationTime: '2024-10-21T11:25:00',
+        module: 'role',
+        action: 'delete',
+        description: '删除角色: 临时操作员',
+        ipAddress: '192.168.1.102',
+        requestUrl: '/api/roles/456',
+        requestMethod: 'DELETE',
+        duration: 120,
+        status: 'failed',
+        errorMessage: '该角色下仍有关联用户，无法删除',
+      },
+      {
+        id: 'op-4',
+        userId: 'user-1',
+        username: 'admin',
+        operationTime: '2024-10-21T14:50:00',
+        module: 'system',
+        action: 'update',
+        description: '修改系统配置: 会话超时时间',
+        ipAddress: '192.168.1.100',
+        requestUrl: '/api/system/settings',
+        requestMethod: 'PUT',
+        duration: 95,
+        status: 'success',
+      },
+      {
+        id: 'op-5',
+        userId: 'user-2',
+        username: 'zhangsan',
+        operationTime: '2024-10-21T15:35:00',
+        module: 'task',
+        action: 'create',
+        description: '创建作业任务: 小麦播种作业',
+        ipAddress: '192.168.1.101',
+        requestUrl: '/api/tasks',
+        requestMethod: 'POST',
+        duration: 180,
+        status: 'success',
+      },
+      {
+        id: 'op-6',
+        userId: 'user-1',
+        username: 'admin',
+        operationTime: '2024-10-21T16:15:00',
+        module: 'user',
+        action: 'export',
+        description: '导出用户列表数据',
+        ipAddress: '192.168.1.100',
+        requestUrl: '/api/users/export',
+        requestMethod: 'GET',
+        duration: 1250,
+        status: 'success',
+      },
+    ]
+
+    // 应用筛选器
+    let filteredLogs = mockLogs.filter(log => {
+      if (params.filters?.searchKeyword) {
+        const keyword = params.filters.searchKeyword.toLowerCase()
+        if (!log.username.toLowerCase().includes(keyword) &&
+            !log.description.toLowerCase().includes(keyword) &&
+            !log.module.toLowerCase().includes(keyword)) {
+          return false
+        }
+      }
+
+      if (params.filters?.module && params.filters.module !== 'all') {
+        if (log.module !== params.filters.module) return false
+      }
+
+      if (params.filters?.action && params.filters.action !== 'all') {
+        if (log.action !== params.filters.action) return false
+      }
+
+      if (params.filters?.status && params.filters.status !== 'all') {
+        if (log.status !== params.filters.status) return false
+      }
+
+      return true
+    })
+
+    // 应用分页
+    const page = params.page || 1
+    const pageSize = params.pageSize || 10
+    const startIndex = (page - 1) * pageSize
+    const endIndex = startIndex + pageSize
+    const paginatedLogs = filteredLogs.slice(startIndex, endIndex)
+
+    return {
+      code: 200,
+      message: 'success',
+      success: true,
+      data: paginatedLogs,
+      pagination: {
+        page,
+        pageSize,
+        total: filteredLogs.length,
+        totalPages: Math.ceil(filteredLogs.length / pageSize)
+      }
+    }
+  }
+
+  private static getMockStats(): ApiResponse<{
+    total: number
+    success: number
+    failed: number
+    averageDuration: number
+    moduleStats: Array<{ module: string, count: number }>
+    actionStats: Array<{ action: string, count: number }>
+  }> {
+    return {
+      code: 200,
+      message: 'success',
+      success: true,
+      data: {
+        total: 6,
+        success: 5,
+        failed: 1,
+        averageDuration: 314,
+        moduleStats: [
+          { module: 'user', count: 2 },
+          { module: 'machinery', count: 1 },
+          { module: 'role', count: 1 },
+          { module: 'system', count: 1 },
+          { module: 'task', count: 1 }
+        ],
+        actionStats: [
+          { action: 'create', count: 2 },
+          { action: 'update', count: 2 },
+          { action: 'delete', count: 1 },
+          { action: 'export', count: 1 }
+        ]
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogStats.tsx b/crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogStats.tsx
new file mode 100644
index 0000000..e075d35
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogStats.tsx
@@ -0,0 +1,51 @@
+import { Card } from '@/components/ui/card'
+import { OperationLog } from '@/types/monitor'
+
+interface OperationLogStatsProps {
+  logs: OperationLog[]
+  isLoading?: boolean
+}
+
+export function OperationLogStats({ logs, isLoading = false }: OperationLogStatsProps) {
+  const stats = [
+    {
+      label: '总操作数',
+      value: logs.length,
+      color: 'text-blue-600',
+    },
+    {
+      label: '成功操作',
+      value: logs.filter(l => l.status === 'success').length,
+      color: 'text-green-600',
+    },
+    {
+      label: '失败操作',
+      value: logs.filter(l => l.status === 'failed').length,
+      color: 'text-red-600',
+    },
+    {
+      label: '平均耗时',
+      value: logs.length > 0
+        ? Math.round(logs.reduce((sum, l) => sum + (l.duration || 0), 0) / logs.length) + 'ms'
+        : '0ms',
+      color: 'text-purple-600',
+    },
+  ]
+
+  return (
+    <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+      {stats.map((stat, index) => (
+        <Card key={index} className="p-4">
+          <div className="text-sm text-muted-foreground">{stat.label}</div>
+          <div className={`mt-2 text-2xl font-semibold ${stat.color}`}>
+            {isLoading ? (
+              <div className="animate-pulse bg-gray-200 h-8 w-16 rounded"></div>
+            ) : (
+              stat.value
+            )}
+          </div>
+        </Card>
+      ))}
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogTable.tsx b/crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogTable.tsx
new file mode 100644
index 0000000..336be68
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/operation-log/components/OperationLogTable.tsx
@@ -0,0 +1,144 @@
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'
+import { Card } from '@/components/ui/card'
+import { OperationLog } from '@/types/monitor'
+import { Eye } from 'lucide-react'
+
+interface OperationLogTableProps {
+  logs: OperationLog[]
+  isLoading?: boolean
+  onViewDetail: (log: OperationLog) => void
+}
+
+export function OperationLogTable({ logs, isLoading = false, onViewDetail }: OperationLogTableProps) {
+  const getModuleLabel = (module: string) => {
+    const labels: Record<string, string> = {
+      user: '用户管理',
+      role: '角色管理',
+      permission: '权限管理',
+      machinery: '农机管理',
+      driver: '驾驶员管理',
+      task: '任务管理',
+      system: '系统配置',
+      other: '其他',
+    }
+    return labels[module] || module
+  }
+
+  const getActionLabel = (action: string) => {
+    const labels: Record<string, string> = {
+      create: '新增',
+      update: '修改',
+      delete: '删除',
+      view: '查看',
+      export: '导出',
+      import: '导入',
+      login: '登录',
+      logout: '登出',
+    }
+    return labels[action] || action
+  }
+
+  const getActionBadge = (action: string) => {
+    const colors: Record<string, string> = {
+      create: 'bg-green-100 text-green-700',
+      update: 'bg-blue-100 text-blue-700',
+      delete: 'bg-red-100 text-red-700',
+      view: 'bg-gray-100 text-gray-700',
+      export: 'bg-purple-100 text-purple-700',
+      import: 'bg-yellow-100 text-yellow-700',
+    }
+    return colors[action] || 'bg-gray-100 text-gray-700'
+  }
+
+  if (isLoading) {
+    return (
+      <Card>
+        <div className="p-8 space-y-4">
+          {Array.from({ length: 5 }).map((_, index) => (
+            <div key={index} className="animate-pulse">
+              <div className="flex space-x-4">
+                <div className="bg-gray-200 h-4 w-20 rounded"></div>
+                <div className="bg-gray-200 h-4 w-32 rounded"></div>
+                <div className="bg-gray-200 h-4 w-16 rounded"></div>
+                <div className="bg-gray-200 h-4 w-24 rounded"></div>
+                <div className="bg-gray-200 h-4 w-40 rounded"></div>
+                <div className="bg-gray-200 h-4 w-16 rounded"></div>
+                <div className="bg-gray-200 h-4 w-16 rounded"></div>
+                <div className="bg-gray-200 h-8 w-8 rounded"></div>
+              </div>
+            </div>
+          ))}
+        </div>
+      </Card>
+    )
+  }
+
+  return (
+    <Card>
+      <Table>
+        <TableHeader>
+          <TableRow>
+            <TableHead>操作人</TableHead>
+            <TableHead>操作时间</TableHead>
+            <TableHead>模块</TableHead>
+            <TableHead>操作</TableHead>
+            <TableHead>描述</TableHead>
+            <TableHead>耗时</TableHead>
+            <TableHead>状态</TableHead>
+            <TableHead>操作</TableHead>
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {logs.length === 0 ? (
+            <TableRow>
+              <TableCell colSpan={8} className="text-center text-muted-foreground py-8">
+                暂无操作日志
+              </TableCell>
+            </TableRow>
+          ) : (
+            logs.map((log) => (
+              <TableRow key={log.id}>
+                <TableCell>{log.username}</TableCell>
+                <TableCell className="text-muted-foreground text-sm">
+                  {new Date(log.operationTime).toLocaleString('zh-CN')}
+                </TableCell>
+                <TableCell>
+                  <Badge variant="outline">{getModuleLabel(log.module)}</Badge>
+                </TableCell>
+                <TableCell>
+                  <Badge className={getActionBadge(log.action)}>
+                    {getActionLabel(log.action)}
+                  </Badge>
+                </TableCell>
+                <TableCell className="max-w-xs truncate" title={log.description}>
+                  {log.description}
+                </TableCell>
+                <TableCell className="text-sm">
+                  {log.duration ? `${log.duration}ms` : '-'}
+                </TableCell>
+                <TableCell>
+                  {log.status === 'success' ? (
+                    <Badge className="bg-green-100 text-green-700">成功</Badge>
+                  ) : (
+                    <Badge className="bg-red-100 text-red-700">失败</Badge>
+                  )}
+                </TableCell>
+                <TableCell>
+                  <Button
+                    variant="ghost"
+                    size="sm"
+                    onClick={() => onViewDetail(log)}
+                  >
+                    <Eye className="w-4 h-4" />
+                  </Button>
+                </TableCell>
+              </TableRow>
+            ))
+          )}
+        </TableBody>
+      </Table>
+    </Card>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/operation-log/components/index.ts b/crop-x/src/app/(app)/central-config/monitor/operation-log/components/index.ts
new file mode 100644
index 0000000..774cae1
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/operation-log/components/index.ts
@@ -0,0 +1,9 @@
+export { OperationLogService } from './OperationLogService'
+export { OperationLogStats } from './OperationLogStats'
+export { OperationLogFilters } from './OperationLogFilters'
+export { OperationLogTable } from './OperationLogTable'
+export { OperationLogDetailDialog } from './OperationLogDetailDialog'
+export { OperationLogInfo } from './OperationLogInfo'
+
+export type { OperationLogListParams } from './OperationLogService'
+export type { OperationLogFilters as OperationLogFiltersType } from './OperationLogService'
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/operation-log/page.tsx b/crop-x/src/app/(app)/central-config/monitor/operation-log/page.tsx
new file mode 100644
index 0000000..196752e
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/operation-log/page.tsx
@@ -0,0 +1,152 @@
+'use client'
+
+import { useState, useEffect } from 'react'
+import { Button } from '@/components/ui/button'
+import { OperationLog } from '@/types/monitor'
+import { Download } from 'lucide-react'
+import { toast } from 'sonner'
+
+// Import modular components
+import {
+  OperationLogService,
+  OperationLogStats,
+  OperationLogFilters,
+  OperationLogTable,
+  OperationLogDetailDialog,
+  OperationLogInfo
+} from './components'
+
+export default function OperationLogPage() {
+  const [logs, setLogs] = useState<OperationLog[]>([])
+  const [isLoading, setIsLoading] = useState(false)
+  const [searchKeyword, setSearchKeyword] = useState('')
+  const [moduleFilter, setModuleFilter] = useState<string>('all')
+  const [actionFilter, setActionFilter] = useState<string>('all')
+  const [statusFilter, setStatusFilter] = useState<string>('all')
+  const [showDetailDialog, setShowDetailDialog] = useState(false)
+  const [selectedLog, setSelectedLog] = useState<OperationLog | null>(null)
+  const [isDetailLoading, setIsDetailLoading] = useState(false)
+
+  useEffect(() => {
+    loadLogs()
+  }, [searchKeyword, moduleFilter, actionFilter, statusFilter])
+
+  const loadLogs = async () => {
+    setIsLoading(true)
+    try {
+      const response = await OperationLogService.getOperationLogs({
+        page: 1,
+        pageSize: 100,
+        filters: {
+          searchKeyword,
+          module: moduleFilter,
+          action: actionFilter,
+          status: statusFilter
+        }
+      })
+
+      if (response.success) {
+        setLogs(response.data)
+      } else {
+        throw new Error(response.message || '加载操作日志失败')
+      }
+    } catch (error) {
+      console.error('Failed to load operation logs:', error)
+      toast.error('加载操作日志失败，请稍后重试')
+    } finally {
+      setIsLoading(false)
+    }
+  }
+
+  const handleViewDetail = async (log: OperationLog) => {
+    setSelectedLog(log)
+    setShowDetailDialog(true)
+
+    setIsDetailLoading(true)
+    try {
+      const response = await OperationLogService.getOperationLogDetail(log.id)
+      if (response.success) {
+        setSelectedLog(response.data)
+      }
+    } catch (error) {
+      console.error('Failed to fetch log detail:', error)
+    } finally {
+      setIsDetailLoading(false)
+    }
+  }
+
+  const handleExport = async () => {
+    try {
+      const blob = await OperationLogService.exportOperationLogs({
+        searchKeyword,
+        module: moduleFilter,
+        action: actionFilter,
+        status: statusFilter
+      })
+
+      const url = URL.createObjectURL(blob)
+      const link = document.createElement('a')
+      link.href = url
+      link.download = `operation_logs_${new Date().getTime()}.json`
+      link.click()
+      URL.revokeObjectURL(url)
+
+      toast.success('导出成功')
+    } catch (error) {
+      console.error('Failed to export logs:', error)
+      toast.error('导出失败，请稍后重试')
+    }
+  }
+
+  const handleRefresh = () => {
+    loadLogs()
+  }
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-green-800">操作日志</h2>
+          <p className="text-muted-foreground">详细追踪用户在系统中的关键操作行为</p>
+        </div>
+        <div className="flex gap-2">
+          <Button variant="outline" onClick={handleRefresh} disabled={isLoading}>
+            刷新
+          </Button>
+          <Button onClick={handleExport} disabled={isLoading || logs.length === 0}>
+            <Download className="w-4 h-4 mr-2" />
+            导出日志
+          </Button>
+        </div>
+      </div>
+
+      <OperationLogStats logs={logs} isLoading={isLoading} />
+
+      <OperationLogFilters
+        searchKeyword={searchKeyword}
+        onSearchChange={setSearchKeyword}
+        moduleFilter={moduleFilter}
+        onModuleFilterChange={setModuleFilter}
+        actionFilter={actionFilter}
+        onActionFilterChange={setActionFilter}
+        statusFilter={statusFilter}
+        onStatusFilterChange={setStatusFilter}
+      />
+
+      <OperationLogTable
+        logs={logs}
+        isLoading={isLoading}
+        onViewDetail={handleViewDetail}
+      />
+
+      <OperationLogDetailDialog
+        log={selectedLog}
+        isOpen={showDetailDialog}
+        onClose={() => setShowDetailDialog(false)}
+        isLoading={isDetailLoading}
+      />
+
+      <OperationLogInfo />
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/page.tsx b/crop-x/src/app/(app)/central-config/monitor/page.tsx
new file mode 100644
index 0000000..ec2e614
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/page.tsx
@@ -0,0 +1,30 @@
+'use client';
+
+import React from 'react';
+import Link from 'next/link';
+
+export default function MonitorPage() {
+  return (
+    <div className="p-6">
+      <h1 className="text-2xl font-bold mb-4">系统监控</h1>
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+        <Link href="/central-config/monitor/login-log" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
+          <h3 className="text-lg font-semibold mb-2">登录日志</h3>
+          <p className="text-gray-600 text-sm">查看用户登录记录</p>
+        </Link>
+        <Link href="/central-config/monitor/operation-log" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
+          <h3 className="text-lg font-semibold mb-2">操作日志</h3>
+          <p className="text-gray-600 text-sm">查看系统操作记录</p>
+        </Link>
+        <Link href="/central-config/monitor/performance" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
+          <h3 className="text-lg font-semibold mb-2">性能监控</h3>
+          <p className="text-gray-600 text-sm">监控系统性能</p>
+        </Link>
+        <Link href="/central-config/monitor/network-log" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
+          <h3 className="text-lg font-semibold mb-2">网络日志</h3>
+          <p className="text-gray-600 text-sm">查看网络访问日志</p>
+        </Link>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/performance/components/CpuMetricCard.tsx b/crop-x/src/app/(app)/central-config/monitor/performance/components/CpuMetricCard.tsx
new file mode 100644
index 0000000..cbcff16
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/performance/components/CpuMetricCard.tsx
@@ -0,0 +1,40 @@
+import { Card } from '@/components/ui/card';
+import { Progress } from '@/components/ui/progress';
+import { Badge } from '@/components/ui/badge';
+import { Cpu } from 'lucide-react';
+import { SystemPerformance } from '@/types/monitor';
+
+interface CpuMetricCardProps {
+  performance: SystemPerformance;
+  getUsageColor: (usage: number) => string;
+  getUsageStatus: (usage: number) => string;
+}
+
+export function CpuMetricCard({ performance, getUsageColor, getUsageStatus }: CpuMetricCardProps) {
+  return (
+    <Card className="p-6">
+      <div className="flex items-center justify-between mb-4">
+        <div className="flex items-center gap-2">
+          <Cpu className="w-5 h-5 text-blue-600" />
+          <h3>CPU使用率</h3>
+        </div>
+        <Badge className={getUsageColor(performance.cpu.usage)}>
+          {getUsageStatus(performance.cpu.usage)}
+        </Badge>
+      </div>
+      <div className="space-y-3">
+        <div className="flex items-center justify-between">
+          <span className="text-sm text-muted-foreground">使用率</span>
+          <span className={`${getUsageColor(performance.cpu.usage)}`}>
+            {performance.cpu.usage.toFixed(1)}%
+          </span>
+        </div>
+        <Progress value={performance.cpu.usage} className="h-2" />
+        <div className="flex items-center justify-between text-sm">
+          <span className="text-muted-foreground">核心数</span>
+          <span>{performance.cpu.cores} 核</span>
+        </div>
+      </div>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/performance/components/DiskMetricCard.tsx b/crop-x/src/app/(app)/central-config/monitor/performance/components/DiskMetricCard.tsx
new file mode 100644
index 0000000..aae8942
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/performance/components/DiskMetricCard.tsx
@@ -0,0 +1,51 @@
+import { Card } from '@/components/ui/card';
+import { Progress } from '@/components/ui/progress';
+import { Badge } from '@/components/ui/badge';
+import { HardDrive } from 'lucide-react';
+import { SystemPerformance } from '@/types/monitor';
+
+interface DiskMetricCardProps {
+  performance: SystemPerformance;
+  getUsageColor: (usage: number) => string;
+  getUsageStatus: (usage: number) => string;
+  formatBytes: (bytes: number) => string;
+}
+
+export function DiskMetricCard({ performance, getUsageColor, getUsageStatus, formatBytes }: DiskMetricCardProps) {
+  return (
+    <Card className="p-6">
+      <div className="flex items-center justify-between mb-4">
+        <div className="flex items-center gap-2">
+          <HardDrive className="w-5 h-5 text-purple-600" />
+          <h3>磁盘使用率</h3>
+        </div>
+        <Badge className={getUsageColor(performance.disk.usage)}>
+          {getUsageStatus(performance.disk.usage)}
+        </Badge>
+      </div>
+      <div className="space-y-3">
+        <div className="flex items-center justify-between">
+          <span className="text-sm text-muted-foreground">使用率</span>
+          <span className={getUsageColor(performance.disk.usage)}>
+            {performance.disk.usage.toFixed(1)}%
+          </span>
+        </div>
+        <Progress value={performance.disk.usage} className="h-2" />
+        <div className="grid grid-cols-3 gap-4 text-sm">
+          <div>
+            <span className="text-muted-foreground">已用</span>
+            <p>{formatBytes(performance.disk.used)}</p>
+          </div>
+          <div>
+            <span className="text-muted-foreground">可用</span>
+            <p>{formatBytes(performance.disk.free)}</p>
+          </div>
+          <div>
+            <span className="text-muted-foreground">总量</span>
+            <p>{formatBytes(performance.disk.total)}</p>
+          </div>
+        </div>
+      </div>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/performance/components/JvmInfoCard.tsx b/crop-x/src/app/(app)/central-config/monitor/performance/components/JvmInfoCard.tsx
new file mode 100644
index 0000000..f5c9273
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/performance/components/JvmInfoCard.tsx
@@ -0,0 +1,53 @@
+import { Card } from '@/components/ui/card';
+import { Progress } from '@/components/ui/progress';
+import { Server } from 'lucide-react';
+import { SystemPerformance } from '@/types/monitor';
+
+interface JvmInfoCardProps {
+  performance: SystemPerformance;
+  formatBytes: (bytes: number) => string;
+}
+
+export function JvmInfoCard({ performance, formatBytes }: JvmInfoCardProps) {
+  if (!performance.jvm) {
+    return null;
+  }
+
+  return (
+    <Card className="p-6">
+      <div className="flex items-center gap-2 mb-4">
+        <Server className="w-5 h-5 text-orange-600" />
+        <h3>JVM信息</h3>
+      </div>
+      <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
+        <div>
+          <p className="text-sm text-muted-foreground">堆内存使用</p>
+          <p className="mt-1">{performance.jvm.heapUsage.toFixed(1)}%</p>
+          <Progress value={performance.jvm.heapUsage} className="h-1 mt-2" />
+        </div>
+        <div>
+          <p className="text-sm text-muted-foreground">堆内存</p>
+          <p className="mt-1">
+            {formatBytes(performance.jvm.heapUsed)} / {formatBytes(performance.jvm.heapMax)}
+          </p>
+        </div>
+        <div>
+          <p className="text-sm text-muted-foreground">非堆内存</p>
+          <p className="mt-1">{formatBytes(performance.jvm.nonHeapUsed)}</p>
+        </div>
+        <div>
+          <p className="text-sm text-muted-foreground">线程数</p>
+          <p className="mt-1">{performance.jvm.threadCount}</p>
+        </div>
+        <div>
+          <p className="text-sm text-muted-foreground">GC次数</p>
+          <p className="mt-1">{performance.jvm.gcCount}</p>
+        </div>
+        <div>
+          <p className="text-sm text-muted-foreground">GC耗时</p>
+          <p className="mt-1">{performance.jvm.gcTime}ms</p>
+        </div>
+      </div>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/performance/components/MemoryMetricCard.tsx b/crop-x/src/app/(app)/central-config/monitor/performance/components/MemoryMetricCard.tsx
new file mode 100644
index 0000000..6224653
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/performance/components/MemoryMetricCard.tsx
@@ -0,0 +1,47 @@
+import { Card } from '@/components/ui/card';
+import { Progress } from '@/components/ui/progress';
+import { Badge } from '@/components/ui/badge';
+import { MemoryStick } from 'lucide-react';
+import { SystemPerformance } from '@/types/monitor';
+
+interface MemoryMetricCardProps {
+  performance: SystemPerformance;
+  getUsageColor: (usage: number) => string;
+  getUsageStatus: (usage: number) => string;
+  formatBytes: (bytes: number) => string;
+}
+
+export function MemoryMetricCard({ performance, getUsageColor, getUsageStatus, formatBytes }: MemoryMetricCardProps) {
+  return (
+    <Card className="p-6">
+      <div className="flex items-center justify-between mb-4">
+        <div className="flex items-center gap-2">
+          <MemoryStick className="w-5 h-5 text-green-600" />
+          <h3>内存使用率</h3>
+        </div>
+        <Badge className={getUsageColor(performance.memory.usage)}>
+          {getUsageStatus(performance.memory.usage)}
+        </Badge>
+      </div>
+      <div className="space-y-3">
+        <div className="flex items-center justify-between">
+          <span className="text-sm text-muted-foreground">使用率</span>
+          <span className={getUsageColor(performance.memory.usage)}>
+            {performance.memory.usage.toFixed(1)}%
+          </span>
+        </div>
+        <Progress value={performance.memory.usage} className="h-2" />
+        <div className="grid grid-cols-2 gap-2 text-sm">
+          <div>
+            <span className="text-muted-foreground">已用</span>
+            <p>{formatBytes(performance.memory.used)}</p>
+          </div>
+          <div>
+            <span className="text-muted-foreground">总量</span>
+            <p>{formatBytes(performance.memory.total)}</p>
+          </div>
+        </div>
+      </div>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/performance/components/PerformanceInstructions.tsx b/crop-x/src/app/(app)/central-config/monitor/performance/components/PerformanceInstructions.tsx
new file mode 100644
index 0000000..b98bc06
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/performance/components/PerformanceInstructions.tsx
@@ -0,0 +1,20 @@
+import { Card } from '@/components/ui/card';
+import { Activity } from 'lucide-react';
+
+export function PerformanceInstructions() {
+  return (
+    <Card className="p-4 bg-blue-50 border-blue-200">
+      <h4 className="text-blue-900 mb-2">
+        <Activity className="w-4 h-4 inline mr-2" />
+        性能监控说明
+      </h4>
+      <ul className="space-y-1 text-sm text-blue-800">
+        <li>• 系统每5秒自动刷新一次性能数据</li>
+        <li>• 使用率超过60%显示警告，超过80%显示危险</li>
+        <li>• 趋势图显示最近20次的性能数据变化</li>
+        <li>• 建议在性能使用率持续偏高时进行系统优化</li>
+        <li>• JVM和Tomcat信息仅在Java环境下可用</li>
+      </ul>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/performance/components/PerformanceTrendChart.tsx b/crop-x/src/app/(app)/central-config/monitor/performance/components/PerformanceTrendChart.tsx
new file mode 100644
index 0000000..f6d4a2f
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/performance/components/PerformanceTrendChart.tsx
@@ -0,0 +1,42 @@
+import { Card } from '@/components/ui/card';
+import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts';
+import { SystemPerformance } from '@/types/monitor';
+
+interface PerformanceTrendChartProps {
+  history: SystemPerformance[];
+}
+
+export function PerformanceTrendChart({ history }: PerformanceTrendChartProps) {
+  if (history.length <= 1) {
+    return null;
+  }
+
+  const chartData = history.map((item) => ({
+    time: new Date(item.timestamp).toLocaleTimeString('zh-CN', {
+      hour: '2-digit',
+      minute: '2-digit',
+      second: '2-digit'
+    }),
+    CPU: item.cpu.usage.toFixed(1),
+    内存: item.memory.usage.toFixed(1),
+    磁盘: item.disk.usage.toFixed(1),
+  }));
+
+  return (
+    <Card className="p-6">
+      <h3 className="mb-4">性能趋势</h3>
+      <ResponsiveContainer width="100%" height={300}>
+        <LineChart data={chartData}>
+          <CartesianGrid strokeDasharray="3 3" />
+          <XAxis dataKey="time" />
+          <YAxis />
+          <Tooltip />
+          <Legend />
+          <Line type="monotone" dataKey="CPU" stroke="#3b82f6" strokeWidth={2} />
+          <Line type="monotone" dataKey="内存" stroke="#10b981" strokeWidth={2} />
+          <Line type="monotone" dataKey="磁盘" stroke="#a855f7" strokeWidth={2} />
+        </LineChart>
+      </ResponsiveContainer>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/performance/components/TomcatInfoCard.tsx b/crop-x/src/app/(app)/central-config/monitor/performance/components/TomcatInfoCard.tsx
new file mode 100644
index 0000000..6de66ed
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/performance/components/TomcatInfoCard.tsx
@@ -0,0 +1,48 @@
+import { Card } from '@/components/ui/card';
+import { Activity } from 'lucide-react';
+import { SystemPerformance } from '@/types/monitor';
+
+interface TomcatInfoCardProps {
+  performance: SystemPerformance;
+}
+
+export function TomcatInfoCard({ performance }: TomcatInfoCardProps) {
+  if (!performance.tomcat) {
+    return null;
+  }
+
+  return (
+    <Card className="p-6">
+      <div className="flex items-center gap-2 mb-4">
+        <Activity className="w-5 h-5 text-red-600" />
+        <h3>Tomcat信息</h3>
+      </div>
+      <div className="grid grid-cols-2 md:grid-cols-5 gap-4">
+        <div>
+          <p className="text-sm text-muted-foreground">线程数</p>
+          <p className="mt-1">
+            {performance.tomcat.threadCount} / {performance.tomcat.maxThreads}
+          </p>
+        </div>
+        <div>
+          <p className="text-sm text-muted-foreground">连接数</p>
+          <p className="mt-1">{performance.tomcat.connectionCount}</p>
+        </div>
+        <div>
+          <p className="text-sm text-muted-foreground">请求数</p>
+          <p className="mt-1">{performance.tomcat.requestCount.toLocaleString()}</p>
+        </div>
+        <div>
+          <p className="text-sm text-muted-foreground">错误数</p>
+          <p className="mt-1 text-red-600">{performance.tomcat.errorCount}</p>
+        </div>
+        <div>
+          <p className="text-sm text-muted-foreground">错误率</p>
+          <p className="mt-1">
+            {((performance.tomcat.errorCount / performance.tomcat.requestCount) * 100).toFixed(2)}%
+          </p>
+        </div>
+      </div>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/performance/components/index.ts b/crop-x/src/app/(app)/central-config/monitor/performance/components/index.ts
new file mode 100644
index 0000000..f3523d8
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/performance/components/index.ts
@@ -0,0 +1,7 @@
+export { CpuMetricCard } from './CpuMetricCard';
+export { MemoryMetricCard } from './MemoryMetricCard';
+export { DiskMetricCard } from './DiskMetricCard';
+export { JvmInfoCard } from './JvmInfoCard';
+export { TomcatInfoCard } from './TomcatInfoCard';
+export { PerformanceTrendChart } from './PerformanceTrendChart';
+export { PerformanceInstructions } from './PerformanceInstructions';
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/monitor/performance/page.tsx b/crop-x/src/app/(app)/central-config/monitor/performance/page.tsx
new file mode 100644
index 0000000..1e719b1
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/monitor/performance/page.tsx
@@ -0,0 +1,274 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { RefreshCw } from 'lucide-react';
+import { SystemPerformance } from '@/types/monitor';
+import {
+  CpuMetricCard,
+  MemoryMetricCard,
+  DiskMetricCard,
+  JvmInfoCard,
+  TomcatInfoCard,
+  PerformanceTrendChart,
+  PerformanceInstructions
+} from './components';
+
+// API服务函数
+const performanceApi = {
+  // 获取当前性能数据
+  getCurrentPerformance: async (): Promise<SystemPerformance> => {
+    try {
+      const response = await fetch('/api/monitor/performance/current');
+      if (!response.ok) {
+        throw new Error('Failed to fetch performance data');
+      }
+      return await response.json();
+    } catch (error) {
+      console.warn('Failed to fetch performance data, using mock data:', error);
+      // 如果API调用失败，返回模拟数据
+      return getMockPerformanceData();
+    }
+  },
+
+  // 获取历史性能数据
+  getPerformanceHistory: async (limit: number = 20): Promise<SystemPerformance[]> => {
+    try {
+      const response = await fetch(`/api/monitor/performance/history?limit=${limit}`);
+      if (!response.ok) {
+        throw new Error('Failed to fetch performance history');
+      }
+      return await response.json();
+    } catch (error) {
+      console.warn('Failed to fetch performance history, using mock data:', error);
+      // 如果API调用失败，返回模拟历史数据
+      return Array.from({ length: Math.min(5, limit) }, (_, i) => {
+        const mockData = getMockPerformanceData();
+        mockData.timestamp = new Date(Date.now() - (4 - i) * 5000).toISOString();
+        return mockData;
+      });
+    }
+  }
+};
+
+// 模拟数据生成函数
+function getMockPerformanceData(): SystemPerformance {
+  const mockData: SystemPerformance = {
+    timestamp: new Date().toISOString(),
+    cpu: {
+      usage: Math.random() * 60 + 20, // 20-80%
+      cores: 8,
+    },
+    memory: {
+      total: 16384, // 16GB
+      used: Math.random() * 8192 + 4096, // 4-12GB
+      free: 0,
+      usage: 0,
+    },
+    disk: {
+      total: 512, // 512GB
+      used: Math.random() * 102 + 204, // 204-306GB
+      free: 0,
+      usage: 0,
+    },
+    jvm: {
+      heapUsed: Math.random() * 1024 + 512, // 512-1536MB
+      heapMax: 2048, // 2GB
+      heapUsage: 0,
+      nonHeapUsed: Math.random() * 100 + 50,
+      threadCount: Math.floor(Math.random() * 50 + 100),
+      gcCount: Math.floor(Math.random() * 10 + 50),
+      gcTime: Math.floor(Math.random() * 200 + 100),
+    },
+    tomcat: {
+      threadCount: Math.floor(Math.random() * 50 + 50),
+      maxThreads: 200,
+      connectionCount: Math.floor(Math.random() * 100 + 50),
+      requestCount: Math.floor(Math.random() * 10000 + 50000),
+      errorCount: Math.floor(Math.random() * 10),
+    },
+  };
+
+  // 计算百分比
+  mockData.memory.free = mockData.memory.total - mockData.memory.used;
+  mockData.memory.usage = (mockData.memory.used / mockData.memory.total) * 100;
+  mockData.disk.free = mockData.disk.total - mockData.disk.used;
+  mockData.disk.usage = (mockData.disk.used / mockData.disk.total) * 100;
+  if (mockData.jvm) {
+    mockData.jvm.heapUsage = (mockData.jvm.heapUsed / mockData.jvm.heapMax) * 100;
+  }
+
+  return mockData;
+}
+
+export default function PerformanceMonitorPage() {
+  const [performance, setPerformance] = useState<SystemPerformance | null>(null);
+  const [history, setHistory] = useState<SystemPerformance[]>([]);
+  const [autoRefresh, setAutoRefresh] = useState(true);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    loadPerformance();
+    const interval = setInterval(() => {
+      if (autoRefresh) {
+        loadPerformance();
+      }
+    }, 5000); // 每5秒刷新一次
+
+    return () => clearInterval(interval);
+  }, [autoRefresh]);
+
+  const loadPerformance = async () => {
+    try {
+      setError(null);
+      setLoading(true);
+
+      // 获取当前数据
+      const currentData = await performanceApi.getCurrentPerformance();
+
+      setPerformance(currentData);
+
+      // 保存历史数据（最多保留20条）
+      setHistory(prev => {
+        const newHistory = [...prev, currentData].slice(-20);
+        return newHistory;
+      });
+    } catch (err) {
+      setError(err instanceof Error ? err.message : '加载性能数据失败');
+      console.error('Failed to load performance data:', err);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const getUsageColor = (usage: number) => {
+    if (usage < 60) return 'text-green-600';
+    if (usage < 80) return 'text-yellow-600';
+    return 'text-red-600';
+  };
+
+  const getUsageStatus = (usage: number) => {
+    if (usage < 60) return '正常';
+    if (usage < 80) return '警告';
+    return '危险';
+  };
+
+  const formatBytes = (bytes: number) => {
+    if (bytes < 1024) return `${bytes.toFixed(2)} MB`;
+    return `${(bytes / 1024).toFixed(2)} GB`;
+  };
+
+  if (loading && !performance) {
+    return (
+      <div className="flex items-center justify-center h-64">
+        <div className="text-center">
+          <RefreshCw className="w-8 h-8 animate-spin text-green-600 mx-auto mb-2" />
+          <p className="text-muted-foreground">正在加载性能数据...</p>
+        </div>
+      </div>
+    );
+  }
+
+  if (error && !performance) {
+    return (
+      <div className="flex items-center justify-center h-64">
+        <div className="text-center">
+          <p className="text-red-600 mb-4">加载失败: {error}</p>
+          <Button onClick={loadPerformance} variant="outline">
+            <RefreshCw className="w-4 h-4 mr-2" />
+            重试
+          </Button>
+        </div>
+      </div>
+    );
+  }
+
+  if (!performance) {
+    return null;
+  }
+
+  return (
+    <div className="space-y-6">
+      {/* 页面标题和控制按钮 */}
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-green-800">性能监控</h2>
+          <p className="text-muted-foreground">实时监控系统运行健康状态</p>
+        </div>
+        <div className="flex items-center gap-2">
+          <Badge variant={autoRefresh ? 'default' : 'outline'}>
+            {autoRefresh ? '自动刷新' : '已暂停'}
+          </Badge>
+          <Button
+            variant="outline"
+            size="sm"
+            onClick={() => setAutoRefresh(!autoRefresh)}
+          >
+            {autoRefresh ? '暂停' : '启动'}
+          </Button>
+          <Button
+            variant="outline"
+            size="sm"
+            onClick={loadPerformance}
+            disabled={loading}
+          >
+            <RefreshCw className={`w-4 h-4 mr-2 ${loading ? 'animate-spin' : ''}`} />
+            刷新
+          </Button>
+        </div>
+      </div>
+
+      {error && (
+        <div className="p-4 border border-yellow-200 bg-yellow-50 rounded-md">
+          <p className="text-yellow-800 text-sm">
+            警告: {error} (当前显示为模拟数据)
+          </p>
+        </div>
+      )}
+
+      {/* CPU和内存卡片 */}
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <CpuMetricCard
+          performance={performance}
+          getUsageColor={getUsageColor}
+          getUsageStatus={getUsageStatus}
+        />
+        <MemoryMetricCard
+          performance={performance}
+          getUsageColor={getUsageColor}
+          getUsageStatus={getUsageStatus}
+          formatBytes={formatBytes}
+        />
+      </div>
+
+      {/* 磁盘卡片 */}
+      <DiskMetricCard
+        performance={performance}
+        getUsageColor={getUsageColor}
+        getUsageStatus={getUsageStatus}
+        formatBytes={formatBytes}
+      />
+
+      {/* JVM信息卡片 */}
+      <JvmInfoCard
+        performance={performance}
+        formatBytes={formatBytes}
+      />
+
+      {/* Tomcat信息卡片 */}
+      <TomcatInfoCard
+        performance={performance}
+      />
+
+      {/* 性能趋势图 */}
+      <PerformanceTrendChart
+        history={history}
+      />
+
+      {/* 使用说明 */}
+      <PerformanceInstructions />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system-monitor/layout.tsx b/crop-x/src/app/(app)/central-config/system-monitor/layout.tsx
deleted file mode 100644
index 50b8862..0000000
--- a/crop-x/src/app/(app)/central-config/system-monitor/layout.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-export default function SystemMonitorLayout({
-  children,
-}: {
-  children: React.ReactNode
-}) {
-  return (
-    <div className="system-monitor-layout">
-      {children}
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system-monitor/login-log/page.tsx b/crop-x/src/app/(app)/central-config/system-monitor/login-log/page.tsx
deleted file mode 100644
index c142349..0000000
--- a/crop-x/src/app/(app)/central-config/system-monitor/login-log/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function LoginLogPage() {
-  return (
-    <div className="p-6">
-      <h1 className="text-2xl font-bold mb-4">登录日志</h1>
-      <p>登录日志管理页面</p>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system-monitor/network-log/page.tsx b/crop-x/src/app/(app)/central-config/system-monitor/network-log/page.tsx
deleted file mode 100644
index 70451d6..0000000
--- a/crop-x/src/app/(app)/central-config/system-monitor/network-log/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function NetworkLogPage() {
-  return (
-    <div className="p-6">
-      <h1 className="text-2xl font-bold mb-4">网络日志</h1>
-      <p>网络日志管理页面</p>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system-monitor/operation-log/page.tsx b/crop-x/src/app/(app)/central-config/system-monitor/operation-log/page.tsx
deleted file mode 100644
index ec376b8..0000000
--- a/crop-x/src/app/(app)/central-config/system-monitor/operation-log/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function OperationLogPage() {
-  return (
-    <div className="p-6">
-      <h1 className="text-2xl font-bold mb-4">操作日志</h1>
-      <p>操作日志管理页面</p>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system-monitor/page.tsx b/crop-x/src/app/(app)/central-config/system-monitor/page.tsx
deleted file mode 100644
index f8e81a8..0000000
--- a/crop-x/src/app/(app)/central-config/system-monitor/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function SystemMonitorPage() {
-  return (
-    <div className="p-6">
-      <h1 className="text-2xl font-bold mb-4">系统监控</h1>
-      <p>系统监控主页面</p>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system-monitor/performance-monitor/page.tsx b/crop-x/src/app/(app)/central-config/system-monitor/performance-monitor/page.tsx
deleted file mode 100644
index 4c343b4..0000000
--- a/crop-x/src/app/(app)/central-config/system-monitor/performance-monitor/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function PerformanceMonitorPage() {
-  return (
-    <div className="p-6">
-      <h1 className="text-2xl font-bold mb-4">性能监控</h1>
-      <p>性能监控管理页面</p>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system-monitoring/exception-handling/page.tsx b/crop-x/src/app/(app)/central-config/system-monitoring/exception-handling/page.tsx
deleted file mode 100644
index 525fc27..0000000
--- a/crop-x/src/app/(app)/central-config/system-monitoring/exception-handling/page.tsx
+++ /dev/null
@@ -1,185 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system-monitoring/layout.tsx b/crop-x/src/app/(app)/central-config/system-monitoring/layout.tsx
deleted file mode 100644
index 2ba0403..0000000
--- a/crop-x/src/app/(app)/central-config/system-monitoring/layout.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system-monitoring/log-management/page.tsx b/crop-x/src/app/(app)/central-config/system-monitoring/log-management/page.tsx
deleted file mode 100644
index 2bfedb1..0000000
--- a/crop-x/src/app/(app)/central-config/system-monitoring/log-management/page.tsx
+++ /dev/null
@@ -1,160 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system-monitoring/page.tsx b/crop-x/src/app/(app)/central-config/system-monitoring/page.tsx
deleted file mode 100644
index e1cfb76..0000000
--- a/crop-x/src/app/(app)/central-config/system-monitoring/page.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system-monitoring/performance-monitoring/page.tsx b/crop-x/src/app/(app)/central-config/system-monitoring/performance-monitoring/page.tsx
deleted file mode 100644
index 3a7785d..0000000
--- a/crop-x/src/app/(app)/central-config/system-monitoring/performance-monitoring/page.tsx
+++ /dev/null
@@ -1,119 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system-parameters/basic-configuration/page.tsx b/crop-x/src/app/(app)/central-config/system-parameters/basic-configuration/page.tsx
deleted file mode 100644
index 3a429c0..0000000
--- a/crop-x/src/app/(app)/central-config/system-parameters/basic-configuration/page.tsx
+++ /dev/null
@@ -1,223 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system-parameters/business-rule-settings/page.tsx b/crop-x/src/app/(app)/central-config/system-parameters/business-rule-settings/page.tsx
deleted file mode 100644
index 34c0c1f..0000000
--- a/crop-x/src/app/(app)/central-config/system-parameters/business-rule-settings/page.tsx
+++ /dev/null
@@ -1,243 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system-parameters/category-dictionary/page.tsx b/crop-x/src/app/(app)/central-config/system-parameters/category-dictionary/page.tsx
deleted file mode 100644
index 8a5d19f..0000000
--- a/crop-x/src/app/(app)/central-config/system-parameters/category-dictionary/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function CategoryDictionaryPage() {
-  return (
-    <div className="p-6">
-      <h1 className="text-2xl font-bold mb-4">分类字典</h1>
-      <p>分类字典管理页面</p>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system-parameters/data-dictionary/page.tsx b/crop-x/src/app/(app)/central-config/system-parameters/data-dictionary/page.tsx
deleted file mode 100644
index ccea524..0000000
--- a/crop-x/src/app/(app)/central-config/system-parameters/data-dictionary/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function DataDictionaryPage() {
-  return (
-    <div className="p-6">
-      <h1 className="text-2xl font-bold mb-4">数据字典</h1>
-      <p>数据字典管理页面</p>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system-parameters/interface-configuration/page.tsx b/crop-x/src/app/(app)/central-config/system-parameters/interface-configuration/page.tsx
deleted file mode 100644
index b354b07..0000000
--- a/crop-x/src/app/(app)/central-config/system-parameters/interface-configuration/page.tsx
+++ /dev/null
@@ -1,299 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system-parameters/layout.tsx b/crop-x/src/app/(app)/central-config/system-parameters/layout.tsx
deleted file mode 100644
index 34fc79e..0000000
--- a/crop-x/src/app/(app)/central-config/system-parameters/layout.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system-parameters/page.tsx b/crop-x/src/app/(app)/central-config/system-parameters/page.tsx
deleted file mode 100644
index df3fc8b..0000000
--- a/crop-x/src/app/(app)/central-config/system-parameters/page.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system-parameters/system-settings/page.tsx b/crop-x/src/app/(app)/central-config/system-parameters/system-settings/page.tsx
deleted file mode 100644
index 893c4e0..0000000
--- a/crop-x/src/app/(app)/central-config/system-parameters/system-settings/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function SystemSettingsPage() {
-  return (
-    <div className="p-6">
-      <h1 className="text-2xl font-bold mb-4">系统设置</h1>
-      <p>系统设置管理页面</p>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system/category/page.tsx b/crop-x/src/app/(app)/central-config/system/category/page.tsx
new file mode 100644
index 0000000..69036a5
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/system/category/page.tsx
@@ -0,0 +1,14 @@
+'use client';
+
+import React from 'react';
+
+export default function CategoryDictionaryPage() {
+  return (
+    <div className="p-6">
+      <h1 className="text-2xl font-bold mb-4">分类字典</h1>
+      <div className="bg-white rounded-lg shadow p-4">
+        <p>分类字典页面 - 路径: /config/system/category</p>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system/dictionary/page.tsx b/crop-x/src/app/(app)/central-config/system/dictionary/page.tsx
new file mode 100644
index 0000000..6d82868
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/system/dictionary/page.tsx
@@ -0,0 +1,14 @@
+'use client';
+
+import React from 'react';
+
+export default function DataDictionaryPage() {
+  return (
+    <div className="p-6">
+      <h1 className="text-2xl font-bold mb-4">数据字典</h1>
+      <div className="bg-white rounded-lg shadow p-4">
+        <p>数据字典页面 - 路径: /config/system/dictionary</p>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system/page.tsx b/crop-x/src/app/(app)/central-config/system/page.tsx
new file mode 100644
index 0000000..a479e5f
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/system/page.tsx
@@ -0,0 +1,26 @@
+'use client';
+
+import React from 'react';
+import Link from 'next/link';
+
+export default function SystemPage() {
+  return (
+    <div className="p-6">
+      <h1 className="text-2xl font-bold mb-4">系统参数</h1>
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+        <Link href="/central-config/system/settings" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
+          <h3 className="text-lg font-semibold mb-2">系统设置</h3>
+          <p className="text-gray-600 text-sm">配置系统基本参数</p>
+        </Link>
+        <Link href="/central-config/system/category" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
+          <h3 className="text-lg font-semibold mb-2">分类字典</h3>
+          <p className="text-gray-600 text-sm">管理分类字典</p>
+        </Link>
+        <Link href="/central-config/system/dictionary" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
+          <h3 className="text-lg font-semibold mb-2">数据字典</h3>
+          <p className="text-gray-600 text-sm">管理数据字典</p>
+        </Link>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system/settings/components/CopyrightInfoCard.tsx b/crop-x/src/app/(app)/central-config/system/settings/components/CopyrightInfoCard.tsx
new file mode 100644
index 0000000..d010b40
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/system/settings/components/CopyrightInfoCard.tsx
@@ -0,0 +1,35 @@
+import { Card } from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { SystemSettings } from '@/types/system-params'
+
+interface CopyrightInfoCardProps {
+  settings: SystemSettings
+  onSettingsChange: (updates: Partial<SystemSettings>) => void
+}
+
+export function CopyrightInfoCard({ settings, onSettingsChange }: CopyrightInfoCardProps) {
+  return (
+    <Card className="p-6">
+      <h3 className="mb-4">版权信息</h3>
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <div>
+          <Label>ICP备案号</Label>
+          <Input
+            value={settings.icp || ''}
+            onChange={(e) => onSettingsChange({ icp: e.target.value })}
+            placeholder="京ICP备12345678号"
+          />
+        </div>
+        <div>
+          <Label>版权声明</Label>
+          <Input
+            value={settings.copyright || ''}
+            onChange={(e) => onSettingsChange({ copyright: e.target.value })}
+            placeholder="© 2024 公司名称 版权所有"
+          />
+        </div>
+      </div>
+    </Card>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system/settings/components/FeatureToggleCard.tsx b/crop-x/src/app/(app)/central-config/system/settings/components/FeatureToggleCard.tsx
new file mode 100644
index 0000000..db66e13
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/system/settings/components/FeatureToggleCard.tsx
@@ -0,0 +1,39 @@
+import { Card } from '@/components/ui/card'
+import { Switch } from '@/components/ui/switch'
+import { Label } from '@/components/ui/label'
+import { SystemSettings } from '@/types/system-params'
+
+interface FeatureToggleCardProps {
+  settings: SystemSettings
+  onSettingsChange: (updates: Partial<SystemSettings>) => void
+}
+
+export function FeatureToggleCard({ settings, onSettingsChange }: FeatureToggleCardProps) {
+  return (
+    <Card className="p-6">
+      <h3 className="mb-4">功能开关</h3>
+      <div className="space-y-4">
+        <div className="flex items-center justify-between">
+          <div>
+            <Label>允许用户注册</Label>
+            <p className="text-sm text-muted-foreground">开启后允许新用户自主注册账号</p>
+          </div>
+          <Switch
+            checked={settings.enableRegistration}
+            onCheckedChange={(checked) => onSettingsChange({ enableRegistration: checked })}
+          />
+        </div>
+        <div className="flex items-center justify-between">
+          <div>
+            <Label>允许访客访问</Label>
+            <p className="text-sm text-muted-foreground">开启后允许未登录用户访问部分公开内容</p>
+          </div>
+          <Switch
+            checked={settings.enableGuestAccess}
+            onCheckedChange={(checked) => onSettingsChange({ enableGuestAccess: checked })}
+          />
+        </div>
+      </div>
+    </Card>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system/settings/components/PasswordPolicyCard.tsx b/crop-x/src/app/(app)/central-config/system/settings/components/PasswordPolicyCard.tsx
new file mode 100644
index 0000000..c8953e5
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/system/settings/components/PasswordPolicyCard.tsx
@@ -0,0 +1,67 @@
+import { Card } from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Switch } from '@/components/ui/switch'
+import { SystemSettings } from '@/types/system-params'
+
+interface PasswordPolicyCardProps {
+  settings: SystemSettings
+  onSettingsChange: (updates: Partial<SystemSettings>) => void
+}
+
+export function PasswordPolicyCard({ settings, onSettingsChange }: PasswordPolicyCardProps) {
+  const updatePasswordPolicy = (updates: Partial<SystemSettings['passwordPolicy']>) => {
+    onSettingsChange({
+      passwordPolicy: { ...settings.passwordPolicy, ...updates }
+    })
+  }
+
+  return (
+    <Card className="p-6">
+      <h3 className="mb-4">密码策略</h3>
+      <div className="space-y-4">
+        <div>
+          <Label>最小密码长度</Label>
+          <Input
+            type="number"
+            value={settings.passwordPolicy.minLength}
+            onChange={(e) => updatePasswordPolicy({ minLength: parseInt(e.target.value) || 8 })}
+            min={6}
+            max={32}
+          />
+        </div>
+        <div className="space-y-3">
+          <Label>密码复杂度要求</Label>
+          <div className="flex items-center justify-between">
+            <span className="text-sm">要求包含大写字母</span>
+            <Switch
+              checked={settings.passwordPolicy.requireUppercase}
+              onCheckedChange={(checked) => updatePasswordPolicy({ requireUppercase: checked })}
+            />
+          </div>
+          <div className="flex items-center justify-between">
+            <span className="text-sm">要求包含小写字母</span>
+            <Switch
+              checked={settings.passwordPolicy.requireLowercase}
+              onCheckedChange={(checked) => updatePasswordPolicy({ requireLowercase: checked })}
+            />
+          </div>
+          <div className="flex items-center justify-between">
+            <span className="text-sm">要求包含数字</span>
+            <Switch
+              checked={settings.passwordPolicy.requireNumbers}
+              onCheckedChange={(checked) => updatePasswordPolicy({ requireNumbers: checked })}
+            />
+          </div>
+          <div className="flex items-center justify-between">
+            <span className="text-sm">要求包含特殊字符</span>
+            <Switch
+              checked={settings.passwordPolicy.requireSpecialChars}
+              onCheckedChange={(checked) => updatePasswordPolicy({ requireSpecialChars: checked })}
+            />
+          </div>
+        </div>
+      </div>
+    </Card>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system/settings/components/PlatformInfoCard.tsx b/crop-x/src/app/(app)/central-config/system/settings/components/PlatformInfoCard.tsx
new file mode 100644
index 0000000..c81a159
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/system/settings/components/PlatformInfoCard.tsx
@@ -0,0 +1,60 @@
+import { Card } from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { SystemSettings } from '@/types/system-params'
+
+interface PlatformInfoCardProps {
+  settings: SystemSettings
+  onSettingsChange: (updates: Partial<SystemSettings>) => void
+}
+
+export function PlatformInfoCard({ settings, onSettingsChange }: PlatformInfoCardProps) {
+  return (
+    <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) => onSettingsChange({ platformName: e.target.value })}
+            placeholder="请输入平台名称"
+          />
+        </div>
+        <div>
+          <Label>公司名称</Label>
+          <Input
+            value={settings.companyName || ''}
+            onChange={(e) => onSettingsChange({ companyName: e.target.value })}
+            placeholder="请输入公司名称"
+          />
+        </div>
+        <div>
+          <Label>联系邮箱</Label>
+          <Input
+            type="email"
+            value={settings.contactEmail || ''}
+            onChange={(e) => onSettingsChange({ contactEmail: e.target.value })}
+            placeholder="support@example.com"
+          />
+        </div>
+        <div>
+          <Label>联系电话</Label>
+          <Input
+            value={settings.contactPhone || ''}
+            onChange={(e) => onSettingsChange({ contactPhone: e.target.value })}
+            placeholder="400-888-8888"
+          />
+        </div>
+        <div className="md:col-span-2">
+          <Label>公司地址</Label>
+          <Input
+            value={settings.address || ''}
+            onChange={(e) => onSettingsChange({ address: e.target.value })}
+            placeholder="请输入公司地址"
+          />
+        </div>
+      </div>
+    </Card>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system/settings/components/RegionalSettingsCard.tsx b/crop-x/src/app/(app)/central-config/system/settings/components/RegionalSettingsCard.tsx
new file mode 100644
index 0000000..4c3f1c2
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/system/settings/components/RegionalSettingsCard.tsx
@@ -0,0 +1,69 @@
+import { Card } from '@/components/ui/card'
+import { Label } from '@/components/ui/label'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
+import { SystemSettings } from '@/types/system-params'
+
+interface RegionalSettingsCardProps {
+  settings: SystemSettings
+  onSettingsChange: (updates: Partial<SystemSettings>) => void
+}
+
+export function RegionalSettingsCard({ settings, onSettingsChange }: RegionalSettingsCardProps) {
+  return (
+    <Card className="p-6">
+      <h3 className="mb-4">区域与语言</h3>
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <div>
+          <Label>语言</Label>
+          <Select
+            value={settings.language}
+            onValueChange={(value) => onSettingsChange({ language: value })}
+          >
+            <SelectTrigger>
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="zh-CN">简体中文</SelectItem>
+              <SelectItem value="zh-TW">繁體中文</SelectItem>
+              <SelectItem value="en-US">English</SelectItem>
+            </SelectContent>
+          </Select>
+        </div>
+        <div>
+          <Label>时区</Label>
+          <Select
+            value={settings.timezone}
+            onValueChange={(value) => onSettingsChange({ timezone: value })}
+          >
+            <SelectTrigger>
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="Asia/Shanghai">中国标准时间 (UTC+8)</SelectItem>
+              <SelectItem value="Asia/Tokyo">日本标准时间 (UTC+9)</SelectItem>
+              <SelectItem value="America/New_York">美国东部时间 (UTC-5)</SelectItem>
+              <SelectItem value="Europe/London">格林威治标准时间 (UTC+0)</SelectItem>
+            </SelectContent>
+          </Select>
+        </div>
+        <div>
+          <Label>日期格式</Label>
+          <Select
+            value={settings.dateFormat}
+            onValueChange={(value) => onSettingsChange({ dateFormat: value })}
+          >
+            <SelectTrigger>
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="YYYY-MM-DD">2024-10-14</SelectItem>
+              <SelectItem value="DD/MM/YYYY">14/10/2024</SelectItem>
+              <SelectItem value="MM/DD/YYYY">10/14/2024</SelectItem>
+              <SelectItem value="YYYY年MM月DD日">2024年10月14日</SelectItem>
+            </SelectContent>
+          </Select>
+        </div>
+      </div>
+    </Card>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system/settings/components/SessionManagementCard.tsx b/crop-x/src/app/(app)/central-config/system/settings/components/SessionManagementCard.tsx
new file mode 100644
index 0000000..d4ab7f7
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/system/settings/components/SessionManagementCard.tsx
@@ -0,0 +1,45 @@
+import { Card } from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { SystemSettings } from '@/types/system-params'
+
+interface SessionManagementCardProps {
+  settings: SystemSettings
+  onSettingsChange: (updates: Partial<SystemSettings>) => void
+}
+
+export function SessionManagementCard({ settings, onSettingsChange }: SessionManagementCardProps) {
+  return (
+    <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
+            type="number"
+            value={settings.sessionTimeout}
+            onChange={(e) => onSettingsChange({ sessionTimeout: parseInt(e.target.value) || 30 })}
+            min={5}
+            max={1440}
+          />
+          <p className="text-sm text-muted-foreground mt-1">
+            用户无操作超过此时间后将自动退出登录
+          </p>
+        </div>
+        <div>
+          <Label>最大登录尝试次数</Label>
+          <Input
+            type="number"
+            value={settings.maxLoginAttempts}
+            onChange={(e) => onSettingsChange({ maxLoginAttempts: parseInt(e.target.value) || 5 })}
+            min={3}
+            max={10}
+          />
+          <p className="text-sm text-muted-foreground mt-1">
+            连续登录失败达到此次数后账号将被临时锁定
+          </p>
+        </div>
+      </div>
+    </Card>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system/settings/components/SettingsInfoCard.tsx b/crop-x/src/app/(app)/central-config/system/settings/components/SettingsInfoCard.tsx
new file mode 100644
index 0000000..254b47c
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/system/settings/components/SettingsInfoCard.tsx
@@ -0,0 +1,20 @@
+import { Card } from '@/components/ui/card'
+import { Settings } from 'lucide-react'
+
+export function SettingsInfoCard() {
+  return (
+    <Card className="p-4 bg-blue-50 border-blue-200">
+      <h4 className="text-blue-900 mb-2">
+        <Settings className="w-4 h-4 inline mr-2" />
+        设置说明
+      </h4>
+      <ul className="space-y-1 text-sm text-blue-800">
+        <li>• 平台名称和Logo将显示在系统导航栏和登录页面</li>
+        <li>• 系统公告会在登录后首页显著位置展示</li>
+        <li>• 密码策略设置将在用户创建或修改密码时生效</li>
+        <li>• 会话超时设置可提高系统安全性，防止账号被盗用</li>
+        <li>• 修改设置后需要点击"保存设置"按钮才会生效</li>
+      </ul>
+    </Card>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system/settings/components/SystemAnnouncementCard.tsx b/crop-x/src/app/(app)/central-config/system/settings/components/SystemAnnouncementCard.tsx
new file mode 100644
index 0000000..7287e02
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/system/settings/components/SystemAnnouncementCard.tsx
@@ -0,0 +1,22 @@
+import { Card } from '@/components/ui/card'
+import { Textarea } from '@/components/ui/textarea'
+import { SystemSettings } from '@/types/system-params'
+
+interface SystemAnnouncementCardProps {
+  settings: SystemSettings
+  onSettingsChange: (updates: Partial<SystemSettings>) => void
+}
+
+export function SystemAnnouncementCard({ settings, onSettingsChange }: SystemAnnouncementCardProps) {
+  return (
+    <Card className="p-6">
+      <h3 className="mb-4">系统公告</h3>
+      <Textarea
+        value={settings.systemAnnouncement || ''}
+        onChange={(e) => onSettingsChange({ systemAnnouncement: e.target.value })}
+        placeholder="输入系统公告内容，将显示在登录页面"
+        rows={4}
+      />
+    </Card>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system/settings/components/index.ts b/crop-x/src/app/(app)/central-config/system/settings/components/index.ts
new file mode 100644
index 0000000..6607800
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/system/settings/components/index.ts
@@ -0,0 +1,8 @@
+export { PlatformInfoCard } from './PlatformInfoCard'
+export { SystemAnnouncementCard } from './SystemAnnouncementCard'
+export { CopyrightInfoCard } from './CopyrightInfoCard'
+export { FeatureToggleCard } from './FeatureToggleCard'
+export { SessionManagementCard } from './SessionManagementCard'
+export { PasswordPolicyCard } from './PasswordPolicyCard'
+export { RegionalSettingsCard } from './RegionalSettingsCard'
+export { SettingsInfoCard } from './SettingsInfoCard'
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/system/settings/page.tsx b/crop-x/src/app/(app)/central-config/system/settings/page.tsx
new file mode 100644
index 0000000..ebcbd3f
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/system/settings/page.tsx
@@ -0,0 +1,168 @@
+'use client'
+
+import { useState, useEffect } from 'react'
+import { Button } from '@/components/ui/button'
+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 { toast } from 'sonner'
+
+// Import modular components
+import {
+  PlatformInfoCard,
+  SystemAnnouncementCard,
+  CopyrightInfoCard,
+  FeatureToggleCard,
+  SessionManagementCard,
+  PasswordPolicyCard,
+  RegionalSettingsCard,
+  SettingsInfoCard
+} from './components'
+
+export default function SystemSettingsPage() {
+  const [settings, setSettings] = useState<SystemSettings>({
+    platformName: '智慧农业生产管理系统',
+    platformLogo: '',
+    systemAnnouncement: '欢迎使用智慧农业生产管理系统！',
+    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',
+  })
+
+  const [hasChanges, setHasChanges] = useState(false)
+
+  useEffect(() => {
+    loadSettings()
+  }, [])
+
+  const loadSettings = () => {
+    const data = localStorage.getItem('smart_agriculture_system_settings')
+    if (data) {
+      setSettings(JSON.parse(data))
+    } else {
+      saveSettings(settings)
+    }
+  }
+
+  const saveSettings = (newSettings: SystemSettings) => {
+    localStorage.setItem('smart_agriculture_system_settings', JSON.stringify(newSettings))
+    setSettings(newSettings)
+    setHasChanges(false)
+    toast.success('系统设置已保存')
+  }
+
+  const handleSave = () => {
+    saveSettings(settings)
+  }
+
+  const handleReset = () => {
+    loadSettings()
+    setHasChanges(false)
+    toast.info('已恢复到上次保存的设置')
+  }
+
+  const updateSettings = (updates: Partial<SystemSettings>) => {
+    setSettings({ ...settings, ...updates })
+    setHasChanges(true)
+  }
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-green-800">系统设置</h2>
+          <p className="text-muted-foreground">配置系统全局基础参数和个性化设置</p>
+        </div>
+        <div className="flex gap-2">
+          {hasChanges && (
+            <Button variant="outline" onClick={handleReset}>
+              <RefreshCw className="w-4 h-4 mr-2" />
+              重置
+            </Button>
+          )}
+          <Button onClick={handleSave} disabled={!hasChanges}>
+            <Save className="w-4 h-4 mr-2" />
+            保存设置
+          </Button>
+        </div>
+      </div>
+
+      <Tabs defaultValue="basic" className="space-y-4">
+        <TabsList>
+          <TabsTrigger value="basic">
+            <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>
+        </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}
+          />
+        </TabsContent>
+
+        {/* 安全设置 */}
+        <TabsContent value="security" className="space-y-4">
+          <SessionManagementCard
+            settings={settings}
+            onSettingsChange={updateSettings}
+          />
+          <PasswordPolicyCard
+            settings={settings}
+            onSettingsChange={updateSettings}
+          />
+        </TabsContent>
+
+        {/* 区域设置 */}
+        <TabsContent value="regional" className="space-y-4">
+          <RegionalSettingsCard
+            settings={settings}
+            onSettingsChange={updateSettings}
+          />
+        </TabsContent>
+      </Tabs>
+
+      {/* 设置预览 */}
+      <SettingsInfoCard />
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant-management/audit-history/page.tsx b/crop-x/src/app/(app)/central-config/tenant-management/audit-history/page.tsx
deleted file mode 100644
index 12325c2..0000000
--- a/crop-x/src/app/(app)/central-config/tenant-management/audit-history/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function AuditHistoryPage() {
-  return (
-    <div className="p-6">
-      <h1 className="text-2xl font-bold mb-4">审核历史</h1>
-      <p>审核历史记录管理页面</p>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseBankInfo.tsx b/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseBankInfo.tsx
deleted file mode 100644
index b581573..0000000
--- a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseBankInfo.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-'use client'
-
-import { Label } from '@/components/ui/label'
-import { Image as ImageIcon } from 'lucide-react'
-import { Enterprise } from '@/types/user-management'
-
-interface EnterpriseBankInfoProps {
-  enterprise: Enterprise
-}
-
-export function EnterpriseBankInfo({ enterprise }: EnterpriseBankInfoProps) {
-  return (
-    <div className="space-y-4">
-      <div className="grid grid-cols-2 gap-6">
-        <div>
-          <Label>银行账号</Label>
-          <div className="field-value mt-1 p-2 bg-gray-50 rounded">
-            {enterprise.bankAccount ? (
-              <code className="text-sm font-mono">
-                {enterprise.bankAccount}
-              </code>
-            ) : '-'}
-          </div>
-        </div>
-        <div>
-          <Label>开户行</Label>
-          <div className="field-value mt-1 p-2 bg-gray-50 rounded">
-            {enterprise.bankName || '-'}
-          </div>
-        </div>
-        <div className="col-span-2">
-          <Label>开户行全称</Label>
-          <div className="field-value mt-1 p-2 bg-gray-50 rounded">
-            {enterprise.bankFullName || '-'}
-          </div>
-        </div>
-        <div className="col-span-2">
-          <Label>开户行地址</Label>
-          <div className="field-value mt-1 p-2 bg-gray-50 rounded">
-            {enterprise.bankAddress || '-'}
-          </div>
-        </div>
-        <div className="col-span-2">
-          <Label>开户许可证</Label>
-          <div className="mt-2">
-            {enterprise.bankLicense ? (
-              <div className="border rounded-lg p-2 inline-block">
-                <img
-                  src={enterprise.bankLicense}
-                  alt="开户许可证"
-                  className="w-64 h-auto"
-                />
-              </div>
-            ) : (
-              <div className="flex items-center gap-2 text-muted-foreground p-4 border-2 border-dashed rounded-lg">
-                <ImageIcon className="w-6 h-6" />
-                <span>未上传</span>
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseBasicInfo.tsx b/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseBasicInfo.tsx
deleted file mode 100644
index 86dd77a..0000000
--- a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseBasicInfo.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-'use client'
-
-import { Label } from '@/components/ui/label'
-import { Enterprise } from '@/types/user-management'
-
-interface EnterpriseBasicInfoProps {
-  enterprise: Enterprise
-}
-
-export function EnterpriseBasicInfo({ enterprise }: EnterpriseBasicInfoProps) {
-  return (
-    <div className="space-y-4">
-      <div className="grid grid-cols-2 gap-6">
-        <div>
-          <Label>企业名称</Label>
-          <div className="field-value mt-1 p-2 bg-gray-50 rounded">{enterprise.name}</div>
-        </div>
-        <div>
-          <Label>企业类型</Label>
-          <div className="field-value mt-1 p-2 bg-gray-50 rounded">{enterprise.type}</div>
-        </div>
-        <div>
-          <Label>所在地区</Label>
-          <div className="field-value mt-1 p-2 bg-gray-50 rounded">
-            {enterprise.province} {enterprise.city} {enterprise.district}
-          </div>
-        </div>
-        <div>
-          <Label>详细地址</Label>
-          <div className="field-value mt-1 p-2 bg-gray-50 rounded">{enterprise.address}</div>
-        </div>
-        <div>
-          <Label>登记人</Label>
-          <div className="field-value mt-1 p-2 bg-gray-50 rounded">{enterprise.registrant}</div>
-        </div>
-        <div>
-          <Label>联系电话</Label>
-          <div className="field-value mt-1 p-2 bg-gray-50 rounded">{enterprise.contactPhone}</div>
-        </div>
-      </div>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseDetailDialog.tsx b/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseDetailDialog.tsx
deleted file mode 100644
index 0c231c1..0000000
--- a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseDetailDialog.tsx
+++ /dev/null
@@ -1,192 +0,0 @@
-'use client'
-
-import { useState } from 'react'
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog'
-import { Button } from '@/components/ui/button'
-import { Label } from '@/components/ui/label'
-import { Textarea } from '@/components/ui/textarea'
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
-import { ScrollArea } from '@/components/ui/scroll-area'
-import { Card } from '@/components/ui/card'
-import { Badge } from '@/components/ui/badge'
-import { Building, FileText, CreditCard, User, CheckCircle, XCircle } from 'lucide-react'
-import { Enterprise, AuditStatus } from '@/types/user-management'
-import { EnterpriseBasicInfo } from './EnterpriseBasicInfo'
-import { EnterpriseOtherInfo } from './EnterpriseOtherInfo'
-import { EnterpriseBankInfo } from './EnterpriseBankInfo'
-import { EnterpriseLegalInfo } from './EnterpriseLegalInfo'
-
-interface EnterpriseDetailDialogProps {
-  open: boolean
-  onOpenChange: (open: boolean) => void
-  enterprise: Enterprise | null
-  onApprove: (auditReason: string) => void
-  onReject: (auditReason: string) => void
-}
-
-export function EnterpriseDetailDialog({
-  open,
-  onOpenChange,
-  enterprise,
-  onApprove,
-  onReject
-}: EnterpriseDetailDialogProps) {
-  const [auditReason, setAuditReason] = useState('')
-
-  const getAuditStatusBadge = (status: AuditStatus) => {
-    switch (status) {
-      case 'pending':
-        return <Badge className="bg-yellow-100 text-yellow-700">待审核</Badge>
-      case 'approved':
-        return <Badge className="bg-green-100 text-green-700">已通过</Badge>
-      case 'rejected':
-        return <Badge className="bg-red-100 text-red-700">已驳回</Badge>
-      default:
-        return <Badge>{status}</Badge>
-    }
-  }
-
-  const handleApprove = () => {
-    onApprove(auditReason)
-    setAuditReason('')
-  }
-
-  const handleReject = () => {
-    onReject(auditReason)
-    setAuditReason('')
-  }
-
-  const handleClose = () => {
-    onOpenChange(false)
-    setAuditReason('')
-  }
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-5xl max-h-[90vh]">
-        <DialogHeader>
-          <div className="flex items-center justify-between pr-8">
-            <DialogTitle>企业详情审核</DialogTitle>
-            {enterprise && getAuditStatusBadge(enterprise.auditStatus)}
-          </div>
-          <DialogDescription className="sr-only">
-            查看企业的详细信息和审核状态
-          </DialogDescription>
-        </DialogHeader>
-        {enterprise && (
-          <ScrollArea className="max-h-[calc(90vh-200px)]">
-            <Tabs defaultValue="basic" className="space-y-4">
-              <TabsList className="grid grid-cols-4 w-full">
-                <TabsTrigger value="basic">
-                  <Building className="w-4 h-4 mr-2" />
-                  基本信息
-                </TabsTrigger>
-                <TabsTrigger value="other">
-                  <FileText className="w-4 h-4 mr-2" />
-                  其他信息
-                </TabsTrigger>
-                <TabsTrigger value="bank">
-                  <CreditCard className="w-4 h-4 mr-2" />
-                  开户信息
-                </TabsTrigger>
-                <TabsTrigger value="legal">
-                  <User className="w-4 h-4 mr-2" />
-                  法人信息
-                </TabsTrigger>
-              </TabsList>
-
-              <TabsContent value="basic">
-                <EnterpriseBasicInfo enterprise={enterprise} />
-              </TabsContent>
-
-              <TabsContent value="other">
-                <EnterpriseOtherInfo enterprise={enterprise} />
-              </TabsContent>
-
-              <TabsContent value="bank">
-                <EnterpriseBankInfo enterprise={enterprise} />
-              </TabsContent>
-
-              <TabsContent value="legal">
-                <EnterpriseLegalInfo enterprise={enterprise} />
-              </TabsContent>
-            </Tabs>
-
-            {/* 审核信息 */}
-            <div className="mt-6 pt-6 border-t">
-              <h4 className="mb-4 font-bold">审核信息</h4>
-              <Card className="p-6 bg-gray-50 border">
-                <div className="grid grid-cols-2 gap-x-8 gap-y-4">
-                  <div>
-                    <Label className="text-xs">提交时间</Label>
-                    <div className="mt-1.5 text-base">
-                      {new Date(enterprise.createdAt).toLocaleString('zh-CN')}
-                    </div>
-                  </div>
-                  {enterprise.auditTime && (
-                    <div>
-                      <Label className="text-xs">审核时间</Label>
-                      <div className="mt-1.5 text-base">
-                        {new Date(enterprise.auditTime).toLocaleString('zh-CN')}
-                      </div>
-                    </div>
-                  )}
-                  {enterprise.auditor && (
-                    <div>
-                      <Label className="text-xs">审核人</Label>
-                      <div className="mt-1.5 text-base">
-                        {enterprise.auditor}
-                      </div>
-                    </div>
-                  )}
-                  {enterprise.auditReason && (
-                    <div className="col-span-2 pt-4 mt-2 border-t">
-                      <Label className="text-xs">审核意见</Label>
-                      <div className="mt-1.5 text-base">
-                        {enterprise.auditReason}
-                      </div>
-                    </div>
-                  )}
-                </div>
-              </Card>
-
-              {/* 审核操作区 - 仅待审核状态显示 */}
-              {enterprise.auditStatus === 'pending' && (
-                <div className="mt-6">
-                  <Label>审核意见</Label>
-                  <Textarea
-                    value={auditReason}
-                    onChange={(e) => setAuditReason(e.target.value)}
-                    rows={3}
-                    placeholder="请填写审核意见（驳回时必填）..."
-                    className="mt-2"
-                  />
-                </div>
-              )}
-            </div>
-          </ScrollArea>
-        )}
-        <DialogFooter className="border-t pt-4">
-          <Button variant="outline" onClick={handleClose}>
-            关闭
-          </Button>
-          {enterprise?.auditStatus === 'pending' && (
-            <>
-              <Button
-                variant="destructive"
-                onClick={handleReject}
-              >
-                <XCircle className="w-4 h-4 mr-2" />
-                驳回
-              </Button>
-              <Button onClick={handleApprove}>
-                <CheckCircle className="w-4 h-4 mr-2" />
-                通过
-              </Button>
-            </>
-          )}
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseLegalInfo.tsx b/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseLegalInfo.tsx
deleted file mode 100644
index 1e1a674..0000000
--- a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseLegalInfo.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-'use client'
-
-import { Label } from '@/components/ui/label'
-import { Image as ImageIcon } from 'lucide-react'
-import { Enterprise } from '@/types/user-management'
-
-interface EnterpriseLegalInfoProps {
-  enterprise: Enterprise
-}
-
-export function EnterpriseLegalInfo({ enterprise }: EnterpriseLegalInfoProps) {
-  return (
-    <div className="space-y-4">
-      <div className="grid grid-cols-1 gap-6">
-        <div>
-          <Label>法人名称</Label>
-          <div className="field-value mt-1 p-2 bg-gray-50 rounded">
-            {enterprise.legalPerson || '-'}
-          </div>
-        </div>
-        <div>
-          <Label>身份证正面</Label>
-          <div className="mt-2">
-            {enterprise.idCardFront ? (
-              <div className="border rounded-lg p-2 inline-block">
-                <img
-                  src={enterprise.idCardFront}
-                  alt="身份证正面"
-                  className="w-80 h-auto"
-                />
-              </div>
-            ) : (
-              <div className="flex items-center gap-2 text-muted-foreground p-4 border-2 border-dashed rounded-lg">
-                <ImageIcon className="w-6 h-6" />
-                <span>未上传</span>
-              </div>
-            )}
-          </div>
-        </div>
-        <div>
-          <Label>身份证反面</Label>
-          <div className="mt-2">
-            {enterprise.idCardBack ? (
-              <div className="border rounded-lg p-2 inline-block">
-                <img
-                  src={enterprise.idCardBack}
-                  alt="身份证反面"
-                  className="w-80 h-auto"
-                />
-              </div>
-            ) : (
-              <div className="flex items-center gap-2 text-muted-foreground p-4 border-2 border-dashed rounded-lg">
-                <ImageIcon className="w-6 h-6" />
-                <span>未上传</span>
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseOtherInfo.tsx b/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseOtherInfo.tsx
deleted file mode 100644
index 618ba2b..0000000
--- a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseOtherInfo.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-'use client'
-
-import { Label } from '@/components/ui/label'
-import { Image as ImageIcon } from 'lucide-react'
-import { Enterprise } from '@/types/user-management'
-
-interface EnterpriseOtherInfoProps {
-  enterprise: Enterprise
-}
-
-export function EnterpriseOtherInfo({ enterprise }: EnterpriseOtherInfoProps) {
-  return (
-    <div className="space-y-4">
-      <div className="grid grid-cols-2 gap-6">
-        <div>
-          <Label>公司规模</Label>
-          <div className="field-value mt-1 p-2 bg-gray-50 rounded">
-            {enterprise.companySize || '-'}
-          </div>
-        </div>
-        <div>
-          <Label>注册资本</Label>
-          <div className="field-value mt-1 p-2 bg-gray-50 rounded">
-            {enterprise.registeredCapital || '-'}
-          </div>
-        </div>
-        <div>
-          <Label>成立时间</Label>
-          <div className="field-value mt-1 p-2 bg-gray-50 rounded">
-            {enterprise.establishmentDate || '-'}
-          </div>
-        </div>
-        <div>
-          <Label>发票类型</Label>
-          <div className="field-value mt-1 p-2 bg-gray-50 rounded">
-            {enterprise.invoiceType || '-'}
-          </div>
-        </div>
-        <div className="col-span-2">
-          <Label>社会信用代码</Label>
-          <div className="field-value mt-1 p-2 bg-gray-50 rounded">
-            <code className="text-sm font-mono">
-              {enterprise.socialCreditCode}
-            </code>
-          </div>
-        </div>
-        <div className="col-span-2">
-          <Label>经营范围</Label>
-          <div className="field-value mt-1 p-2 bg-gray-50 rounded">
-            {enterprise.businessScope || '-'}
-          </div>
-        </div>
-        <div className="col-span-2">
-          <Label>营业执照</Label>
-          <div className="mt-2">
-            {enterprise.businessLicense ? (
-              <div className="border rounded-lg p-2 inline-block">
-                <img
-                  src={enterprise.businessLicense}
-                  alt="营业执照"
-                  className="w-64 h-auto"
-                />
-              </div>
-            ) : (
-              <div className="flex items-center gap-2 text-muted-foreground p-4 border-2 border-dashed rounded-lg">
-                <ImageIcon className="w-6 h-6" />
-                <span>未上传</span>
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/index.ts b/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/index.ts
deleted file mode 100644
index 234cd79..0000000
--- a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/index.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export { AuditStatsCard } from './AuditStatsCard'
-export { SearchAndFilter } from './SearchAndFilter'
-export { EnterpriseTable } from './EnterpriseTable'
-export { EnterpriseDetailDialog } from './EnterpriseDetailDialog'
-export { EnterpriseBasicInfo } from './EnterpriseBasicInfo'
-export { EnterpriseOtherInfo } from './EnterpriseOtherInfo'
-export { EnterpriseBankInfo } from './EnterpriseBankInfo'
-export { EnterpriseLegalInfo } from './EnterpriseLegalInfo'
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-info/page.tsx b/crop-x/src/app/(app)/central-config/tenant-management/enterprise-info/page.tsx
deleted file mode 100644
index 4ba946b..0000000
--- a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-info/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function EnterpriseInfoPage() {
-  return (
-    <div className="p-6">
-      <h1 className="text-2xl font-bold mb-4">企业信息</h1>
-      <p>企业信息管理页面</p>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant-management/layout.tsx b/crop-x/src/app/(app)/central-config/tenant-management/layout.tsx
deleted file mode 100644
index 1a2b768..0000000
--- a/crop-x/src/app/(app)/central-config/tenant-management/layout.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant-management/page.tsx b/crop-x/src/app/(app)/central-config/tenant-management/page.tsx
deleted file mode 100644
index 52f1dc1..0000000
--- a/crop-x/src/app/(app)/central-config/tenant-management/page.tsx
+++ /dev/null
@@ -1,163 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant-management/platform-user-management/page.tsx b/crop-x/src/app/(app)/central-config/tenant-management/platform-user-management/page.tsx
deleted file mode 100644
index d8252ef..0000000
--- a/crop-x/src/app/(app)/central-config/tenant-management/platform-user-management/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function PlatformUserManagementPage() {
-  return (
-    <div className="p-6">
-      <h1 className="text-2xl font-bold mb-4">平台用户管理</h1>
-      <p>平台用户管理功能页面</p>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant-management/tenant-authorization/page.tsx b/crop-x/src/app/(app)/central-config/tenant-management/tenant-authorization/page.tsx
deleted file mode 100644
index ba431ad..0000000
--- a/crop-x/src/app/(app)/central-config/tenant-management/tenant-authorization/page.tsx
+++ /dev/null
@@ -1,243 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant-management/tenant-configuration/page.tsx b/crop-x/src/app/(app)/central-config/tenant-management/tenant-configuration/page.tsx
deleted file mode 100644
index 5600fdf..0000000
--- a/crop-x/src/app/(app)/central-config/tenant-management/tenant-configuration/page.tsx
+++ /dev/null
@@ -1,287 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant-management/tenant-creation/page.tsx b/crop-x/src/app/(app)/central-config/tenant-management/tenant-creation/page.tsx
deleted file mode 100644
index bcde4b3..0000000
--- a/crop-x/src/app/(app)/central-config/tenant-management/tenant-creation/page.tsx
+++ /dev/null
@@ -1,221 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryDetailDialog.tsx b/crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryDetailDialog.tsx
new file mode 100644
index 0000000..6a683be
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryDetailDialog.tsx
@@ -0,0 +1,352 @@
+'use client';
+
+import React from 'react';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Label } from '@/components/ui/label';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+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';
+
+interface AuditHistoryDetailDialogProps {
+  record: AuditRecord | null;
+  enterprise: Enterprise | null;
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+}
+
+export function AuditHistoryDetailDialog({
+  record,
+  enterprise,
+  open,
+  onOpenChange
+}: AuditHistoryDetailDialogProps) {
+  const getResultBadge = (result: AuditStatus) => {
+    switch (result) {
+      case 'pending':
+        return <Badge className="bg-yellow-100 text-yellow-700">待审核</Badge>;
+      case 'approved':
+        return <Badge className="bg-green-100 text-green-700">已通过</Badge>;
+      case 'rejected':
+        return <Badge className="bg-red-100 text-red-700">已驳回</Badge>;
+      default:
+        return <Badge>{result}</Badge>;
+    }
+  };
+
+  const getTypeBadge = (type: string) => {
+    switch (type) {
+      case 'register':
+        return <Badge className="bg-blue-100 text-blue-700">注册审核</Badge>;
+      case 'update':
+        return <Badge className="bg-purple-100 text-purple-700">变更审核</Badge>;
+      default:
+        return <Badge>{type}</Badge>;
+    }
+  };
+
+  if (!record || !enterprise) return null;
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-4xl max-h-[90vh]">
+        <DialogHeader>
+          <DialogTitle>
+            <div className="flex items-center justify-between">
+              <div className="flex items-center gap-2">
+                <FileText className="w-5 h-5 text-green-600" />
+                <span>审核记录详情</span>
+              </div>
+              <div className="flex items-center gap-2">
+                {getResultBadge(record.result)}
+              </div>
+            </div>
+          </DialogTitle>
+          <DialogDescription className="sr-only">
+            查看企业审核的历史记录详情
+          </DialogDescription>
+        </DialogHeader>
+
+        <ScrollArea className="max-h-[calc(90vh-120px)]">
+          <div className="space-y-6 pr-6">
+            {/* 企业信息标签页 */}
+            <Tabs defaultValue="basic" className="w-full">
+              <TabsList className="grid w-full grid-cols-4">
+                <TabsTrigger value="basic">
+                  <Building className="w-4 h-4 mr-2" />
+                  基本信息
+                </TabsTrigger>
+                <TabsTrigger value="other">
+                  <FileText className="w-4 h-4 mr-2" />
+                  其他信息
+                </TabsTrigger>
+                <TabsTrigger value="bank">
+                  <CreditCard className="w-4 h-4 mr-2" />
+                  开户信息
+                </TabsTrigger>
+                <TabsTrigger value="legal">
+                  <User className="w-4 h-4 mr-2" />
+                  法人信息
+                </TabsTrigger>
+              </TabsList>
+
+              {/* 基本信息 */}
+              <TabsContent value="basic" className="space-y-4">
+                <div className="grid grid-cols-2 gap-6">
+                  <div>
+                    <Label>企业名称</Label>
+                    <div className="field-value">{enterprise.name}</div>
+                  </div>
+                  <div>
+                    <Label>企业类型</Label>
+                    <div className="field-value">{enterprise.type}</div>
+                  </div>
+                  <div>
+                    <Label>所在地区</Label>
+                    <div className="field-value">
+                      {enterprise.province} {enterprise.city} {enterprise.district}
+                    </div>
+                  </div>
+                  <div>
+                    <Label>详细地址</Label>
+                    <div className="field-value">{enterprise.address}</div>
+                  </div>
+                  <div>
+                    <Label>登记人</Label>
+                    <div className="field-value">{enterprise.registrant}</div>
+                  </div>
+                  <div>
+                    <Label>联系电话</Label>
+                    <div className="field-value">{enterprise.contactPhone}</div>
+                  </div>
+                </div>
+              </TabsContent>
+
+              {/* 其他信息 */}
+              <TabsContent value="other" className="space-y-4">
+                <div className="grid grid-cols-2 gap-6">
+                  <div>
+                    <Label>公司规模</Label>
+                    <div className="field-value">{enterprise.companySize || '-'}</div>
+                  </div>
+                  <div>
+                    <Label>注册资本</Label>
+                    <div className="field-value">{enterprise.registeredCapital || '-'}</div>
+                  </div>
+                  <div>
+                    <Label>成立时间</Label>
+                    <div className="field-value">{enterprise.establishmentDate || '-'}</div>
+                  </div>
+                  <div>
+                    <Label>发票类型</Label>
+                    <div className="field-value">{enterprise.invoiceType || '-'}</div>
+                  </div>
+                  <div className="col-span-2">
+                    <Label>社会信用代码</Label>
+                    <div className="field-value">
+                      <code className="text-sm font-mono">
+                        {enterprise.socialCreditCode}
+                      </code>
+                    </div>
+                  </div>
+                  <div className="col-span-2">
+                    <Label>经营范围</Label>
+                    <div className="field-value">{enterprise.businessScope || '-'}</div>
+                  </div>
+                  <div className="col-span-2">
+                    <Label>营业执照</Label>
+                    <div className="mt-2">
+                      {enterprise.businessLicense ? (
+                        <img
+                          src={enterprise.businessLicense}
+                          alt="营业执照"
+                          className="w-64 h-auto border rounded-lg"
+                        />
+                      ) : (
+                        <span className="text-muted-foreground">未上传</span>
+                      )}
+                    </div>
+                  </div>
+                </div>
+              </TabsContent>
+
+              {/* 开户信息 */}
+              <TabsContent value="bank" className="space-y-4">
+                <div className="grid grid-cols-2 gap-6">
+                  <div>
+                    <Label>银行账号</Label>
+                    <div className="field-value">
+                      {enterprise.bankAccount ? (
+                        <code className="text-sm font-mono">
+                          {enterprise.bankAccount}
+                        </code>
+                      ) : '-'}
+                    </div>
+                  </div>
+                  <div>
+                    <Label>开户行</Label>
+                    <div className="field-value">{enterprise.bankName || '-'}</div>
+                  </div>
+                  <div className="col-span-2">
+                    <Label>开户行全称</Label>
+                    <div className="field-value">{enterprise.bankFullName || '-'}</div>
+                  </div>
+                  <div className="col-span-2">
+                    <Label>开户行地址</Label>
+                    <div className="field-value">{enterprise.bankAddress || '-'}</div>
+                  </div>
+                  <div className="col-span-2">
+                    <Label>开户许可证</Label>
+                    <div className="mt-2">
+                      {enterprise.bankLicense ? (
+                        <img
+                          src={enterprise.bankLicense}
+                          alt="开户许可证"
+                          className="w-64 h-auto border rounded-lg"
+                        />
+                      ) : (
+                        <span className="text-muted-foreground">未上传</span>
+                      )}
+                    </div>
+                  </div>
+                </div>
+              </TabsContent>
+
+              {/* 法人信息 */}
+              <TabsContent value="legal" className="space-y-4">
+                <div className="grid grid-cols-1 gap-6">
+                  <div>
+                    <Label>法人名称</Label>
+                    <div className="field-value">{enterprise.legalPerson || '-'}</div>
+                  </div>
+                  <div>
+                    <Label>身份证正面</Label>
+                    <div className="mt-2">
+                      {enterprise.idCardFront ? (
+                        <img
+                          src={enterprise.idCardFront}
+                          alt="身份证正面"
+                          className="w-80 h-auto border rounded-lg"
+                        />
+                      ) : (
+                        <span className="text-muted-foreground">未上传</span>
+                      )}
+                    </div>
+                  </div>
+                  <div>
+                    <Label>身份证反面</Label>
+                    <div className="mt-2">
+                      {enterprise.idCardBack ? (
+                        <img
+                          src={enterprise.idCardBack}
+                          alt="身份证反面"
+                          className="w-80 h-auto border rounded-lg"
+                        />
+                      ) : (
+                        <span className="text-muted-foreground">未上传</span>
+                      )}
+                    </div>
+                  </div>
+                </div>
+              </TabsContent>
+            </Tabs>
+
+            {/* 审核信息 */}
+            <div className="mt-6 pt-6 border-t">
+              <h4 className="mb-4 font-bold">审核信息</h4>
+              <Card className="p-6 bg-gray-50 border">
+                <div className="grid grid-cols-2 gap-x-8 gap-y-4">
+                  <div>
+                    <Label className="text-xs">审核类型</Label>
+                    <div className="mt-1.5 text-base">
+                      {getTypeBadge(record.auditType)}
+                    </div>
+                  </div>
+                  <div>
+                    <Label className="text-xs">提交时间</Label>
+                    <div className="mt-1.5 text-base">
+                      {new Date(record.submitTime).toLocaleString('zh-CN')}
+                    </div>
+                  </div>
+                  {record.auditTime && (
+                    <div>
+                      <Label className="text-xs">审核时间</Label>
+                      <div className="mt-1.5 text-base">
+                        {new Date(record.auditTime).toLocaleString('zh-CN')}
+                      </div>
+                    </div>
+                  )}
+                  {record.auditor && (
+                    <div>
+                      <Label className="text-xs">审核人</Label>
+                      <div className="mt-1.5 text-base">
+                        {record.auditor}
+                      </div>
+                    </div>
+                  )}
+                  {record.reason && (
+                    <div className="col-span-2 pt-4 mt-2 border-t">
+                      <Label className="text-xs">驳回原因</Label>
+                      <div className="mt-1.5 text-base text-red-800">
+                        {record.reason}
+                      </div>
+                    </div>
+                  )}
+                  {record.remarks && (
+                    <div className="col-span-2 pt-4 mt-2 border-t">
+                      <Label className="text-xs">审核备注</Label>
+                      <div className="mt-1.5 text-base">
+                        {record.remarks}
+                      </div>
+                    </div>
+                  )}
+                </div>
+              </Card>
+            </div>
+
+            {/* 审核流程时间线 */}
+            <div className="pt-6 border-t">
+              <h4 className="mb-4 font-bold">审核流程</h4>
+              <div className="space-y-4">
+                <div className="flex items-start gap-3">
+                  <div className="w-2 h-2 rounded-full bg-blue-600 mt-2" />
+                  <div>
+                    <div className="text-sm">提交审核</div>
+                    <div className="text-xs text-muted-foreground">
+                      {new Date(record.submitTime).toLocaleString('zh-CN')}
+                    </div>
+                  </div>
+                </div>
+                {record.auditTime && (
+                  <div className="flex items-start gap-3">
+                    <div className={`w-2 h-2 rounded-full mt-2 ${
+                      record.result === 'approved' ? 'bg-green-600' : 'bg-red-600'
+                    }`} />
+                    <div>
+                      <div className="text-sm">
+                        {record.result === 'approved' ? '审核通过' : '审核驳回'}
+                      </div>
+                      <div className="text-xs text-muted-foreground">
+                        {new Date(record.auditTime).toLocaleString('zh-CN')}
+                        {record.auditor && ` · ${record.auditor}`}
+                      </div>
+                    </div>
+                  </div>
+                )}
+              </div>
+            </div>
+          </div>
+        </ScrollArea>
+
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)}>
+            关闭
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryFilters.tsx b/crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryFilters.tsx
new file mode 100644
index 0000000..277f554
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryFilters.tsx
@@ -0,0 +1,84 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { Search } from 'lucide-react';
+import { FilterOptions } from '../types';
+
+interface AuditHistoryFiltersProps {
+  filters: FilterOptions;
+  onFiltersChange: (filters: FilterOptions) => void;
+}
+
+export function AuditHistoryFilters({ filters, onFiltersChange }: AuditHistoryFiltersProps) {
+  const updateFilter = (key: keyof FilterOptions, value: string) => {
+    onFiltersChange({
+      ...filters,
+      [key]: value
+    });
+  };
+
+  return (
+    <Card className="p-4">
+      <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+        <div className="md:col-span-2">
+          <div className="relative">
+            <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-muted-foreground" />
+            <Input
+              placeholder="搜索企业名称、审核人员..."
+              value={filters.searchKeyword}
+              onChange={(e) => updateFilter('searchKeyword', e.target.value)}
+              className="pl-10"
+            />
+          </div>
+        </div>
+        <Select value={filters.typeFilter} onValueChange={(value) => updateFilter('typeFilter', value)}>
+          <SelectTrigger>
+            <SelectValue placeholder="审核类型" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">全部类型</SelectItem>
+            <SelectItem value="register">注册审核</SelectItem>
+            <SelectItem value="update">变更审核</SelectItem>
+          </SelectContent>
+        </Select>
+        <Select value={filters.resultFilter} onValueChange={(value) => updateFilter('resultFilter', value)}>
+          <SelectTrigger>
+            <SelectValue placeholder="审核结果" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">全部结果</SelectItem>
+            <SelectItem value="pending">待审核</SelectItem>
+            <SelectItem value="approved">已通过</SelectItem>
+            <SelectItem value="rejected">已驳回</SelectItem>
+          </SelectContent>
+        </Select>
+      </div>
+      <div className="mt-4">
+        <Label className="text-sm text-muted-foreground mb-2 block">时间范围</Label>
+        <div className="flex gap-2">
+          {[
+            { value: 'all', label: '全部' },
+            { value: 'today', label: '今天' },
+            { value: 'week', label: '近7天' },
+            { value: 'month', label: '近30天' },
+            { value: 'quarter', label: '近90天' },
+          ].map((option) => (
+            <Button
+              key={option.value}
+              variant={filters.dateRange === option.value ? 'default' : 'outline'}
+              size="sm"
+              onClick={() => updateFilter('dateRange', option.value)}
+            >
+              {option.label}
+            </Button>
+          ))}
+        </div>
+      </div>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryInstructions.tsx b/crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryInstructions.tsx
new file mode 100644
index 0000000..0f9d20a
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryInstructions.tsx
@@ -0,0 +1,23 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { Calendar } from 'lucide-react';
+
+export function AuditHistoryInstructions() {
+  return (
+    <Card className="p-4 bg-blue-50 border-blue-200">
+      <h4 className="text-blue-900 mb-2">
+        <Calendar className="w-4 h-4 inline mr-2" />
+        审核历史说明
+      </h4>
+      <ul className="space-y-1 text-sm text-blue-800">
+        <li>• 完整记录所有企业的注册和变更审核历史</li>
+        <li>• 支持按企业名称、审核时间、审核结果等多维度筛选</li>
+        <li>• 包含审核人员、审核时间、审核结果及备注等完整信息</li>
+        <li>• 提供审核流程时间线，清晰展示审核进度</li>
+        <li>• 支持导出审核记录，满足审计和稽查需求</li>
+      </ul>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryList.tsx b/crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryList.tsx
new file mode 100644
index 0000000..9d96356
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryList.tsx
@@ -0,0 +1,93 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+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';
+
+interface AuditHistoryListProps {
+  records: AuditRecord[];
+  onViewDetail: (record: AuditRecord) => void;
+}
+
+export function AuditHistoryList({ records, onViewDetail }: AuditHistoryListProps) {
+  const getResultBadge = (result: AuditStatus) => {
+    switch (result) {
+      case 'pending':
+        return <Badge className="bg-yellow-100 text-yellow-700">待审核</Badge>;
+      case 'approved':
+        return <Badge className="bg-green-100 text-green-700">已通过</Badge>;
+      case 'rejected':
+        return <Badge className="bg-red-100 text-red-700">已驳回</Badge>;
+      default:
+        return <Badge>{result}</Badge>;
+    }
+  };
+
+  const getTypeBadge = (type: string) => {
+    switch (type) {
+      case 'register':
+        return <Badge className="bg-blue-100 text-blue-700">注册审核</Badge>;
+      case 'update':
+        return <Badge className="bg-purple-100 text-purple-700">变更审核</Badge>;
+      default:
+        return <Badge>{type}</Badge>;
+    }
+  };
+
+  return (
+    <Card>
+      <Table>
+        <TableHeader>
+          <TableRow>
+            <TableHead>企业名称</TableHead>
+            <TableHead>审核类型</TableHead>
+            <TableHead>提交时间</TableHead>
+            <TableHead>审核时间</TableHead>
+            <TableHead>审核人</TableHead>
+            <TableHead>审核结果</TableHead>
+            <TableHead>操作</TableHead>
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {records.length === 0 ? (
+            <TableRow>
+              <TableCell colSpan={7} className="text-center text-muted-foreground py-8">
+                暂无审核记录
+              </TableCell>
+            </TableRow>
+          ) : (
+            records.map((record) => (
+              <TableRow key={record.id}>
+                <TableCell className="font-medium">{record.enterpriseName}</TableCell>
+                <TableCell>{getTypeBadge(record.auditType)}</TableCell>
+                <TableCell className="text-muted-foreground">
+                  {new Date(record.submitTime).toLocaleString('zh-CN')}
+                </TableCell>
+                <TableCell className="text-muted-foreground">
+                  {record.auditTime
+                    ? new Date(record.auditTime).toLocaleString('zh-CN')
+                    : '-'}
+                </TableCell>
+                <TableCell className="text-muted-foreground">{record.auditor || '-'}</TableCell>
+                <TableCell>{getResultBadge(record.result)}</TableCell>
+                <TableCell>
+                  <Button
+                    variant="ghost"
+                    size="sm"
+                    onClick={() => onViewDetail(record)}
+                  >
+                    <Eye className="w-4 h-4" />
+                  </Button>
+                </TableCell>
+              </TableRow>
+            ))
+          )}
+        </TableBody>
+      </Table>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryStatsCards.tsx b/crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryStatsCards.tsx
new file mode 100644
index 0000000..2bad767
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/audit-history/components/AuditHistoryStatsCards.tsx
@@ -0,0 +1,49 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { AuditHistoryStats, AuditRecord } from '../types';
+
+interface AuditHistoryStatsCardsProps {
+  records: AuditRecord[];
+}
+
+export function AuditHistoryStatsCards({ records }: AuditHistoryStatsCardsProps) {
+  const stats: AuditHistoryStats[] = [
+    {
+      label: '总审核数',
+      value: records.length,
+      color: 'text-blue-600',
+      bg: 'bg-blue-100',
+    },
+    {
+      label: '已通过',
+      value: records.filter(r => r.result === 'approved').length,
+      color: 'text-green-600',
+      bg: 'bg-green-100',
+    },
+    {
+      label: '已驳回',
+      value: records.filter(r => r.result === 'rejected').length,
+      color: 'text-red-600',
+      bg: 'bg-red-100',
+    },
+    {
+      label: '待审核',
+      value: records.filter(r => r.result === 'pending').length,
+      color: 'text-yellow-600',
+      bg: 'bg-yellow-100',
+    },
+  ];
+
+  return (
+    <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+      {stats.map((stat, index) => (
+        <Card key={index} className="p-4">
+          <div className="text-sm text-muted-foreground">{stat.label}</div>
+          <div className={`mt-2 ${stat.color} text-2xl font-semibold`}>{stat.value}</div>
+        </Card>
+      ))}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/audit-history/page.tsx b/crop-x/src/app/(app)/central-config/tenant/audit-history/page.tsx
new file mode 100644
index 0000000..193e8a2
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/audit-history/page.tsx
@@ -0,0 +1,211 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { toast } from 'sonner';
+import { Button } from '@/components/ui/button';
+import { Download } from 'lucide-react';
+import { AuditHistoryStatsCards } from './components/AuditHistoryStatsCards';
+import { AuditHistoryFilters } from './components/AuditHistoryFilters';
+import { AuditHistoryList } from './components/AuditHistoryList';
+import { AuditHistoryDetailDialog } from './components/AuditHistoryDetailDialog';
+import { AuditHistoryInstructions } from './components/AuditHistoryInstructions';
+import { AuditRecord, Enterprise, FilterOptions } from './types';
+
+export default function AuditHistoryPage() {
+  const [records, setRecords] = useState<AuditRecord[]>([]);
+  const [enterprises, setEnterprises] = useState<Enterprise[]>([]);
+  const [showDetailDialog, setShowDetailDialog] = useState(false);
+  const [selectedRecord, setSelectedRecord] = useState<AuditRecord | null>(null);
+  const [selectedEnterprise, setSelectedEnterprise] = useState<Enterprise | null>(null);
+
+  const [filters, setFilters] = useState<FilterOptions>({
+    searchKeyword: '',
+    resultFilter: 'all',
+    typeFilter: 'all',
+    dateRange: 'all'
+  });
+
+  useEffect(() => {
+    loadEnterprises();
+    loadAuditHistory();
+  }, []);
+
+  const loadEnterprises = () => {
+    const data = localStorage.getItem('smart_agriculture_enterprises');
+    if (data) {
+      setEnterprises(JSON.parse(data));
+    }
+  };
+
+  const loadAuditHistory = () => {
+    const data = localStorage.getItem('smart_agriculture_audit_records');
+    if (data) {
+      setRecords(JSON.parse(data));
+    } else {
+      // 初始化审核历史数据
+      const mockRecords: AuditRecord[] = [
+        {
+          id: 'audit-1',
+          enterpriseId: 'ent-2',
+          enterpriseName: '丰收现代农业集团',
+          auditType: 'register',
+          submitTime: '2024-10-05T10:00:00',
+          auditTime: '2024-10-08T14:30:00',
+          auditor: '系统管理员',
+          result: 'approved',
+          remarks: '企业资质完整，审核通过',
+        },
+        {
+          id: 'audit-2',
+          enterpriseId: 'ent-3',
+          enterpriseName: '金穗农机服务中心',
+          auditType: 'register',
+          submitTime: '2024-10-06T09:00:00',
+          auditTime: '2024-10-09T16:00:00',
+          auditor: '系统管理员',
+          result: 'rejected',
+          reason: '资质材料不完整，请补充营业执照副本',
+          remarks: '缺少必要的资质证明文件',
+        },
+        {
+          id: 'audit-3',
+          enterpriseId: 'ent-1',
+          enterpriseName: '绿野农业科技有限公司',
+          auditType: 'register',
+          submitTime: '2024-10-10T08:00:00',
+          result: 'pending',
+        },
+        {
+          id: 'audit-4',
+          enterpriseId: 'ent-2',
+          enterpriseName: '丰收现代农业集团',
+          auditType: 'update',
+          submitTime: '2024-10-12T15:30:00',
+          auditTime: '2024-10-13T10:00:00',
+          auditor: '系统管理员',
+          result: 'approved',
+          remarks: '企业地址变更审核通过',
+        },
+        {
+          id: 'audit-5',
+          enterpriseId: 'ent-4',
+          enterpriseName: '智慧农田科技公司',
+          auditType: 'register',
+          submitTime: '2024-09-28T11:00:00',
+          auditTime: '2024-09-30T09:30:00',
+          auditor: '系统管理员',
+          result: 'approved',
+          remarks: '优质企业，快速审核通过',
+        },
+        {
+          id: 'audit-6',
+          enterpriseId: 'ent-5',
+          enterpriseName: '农业机械租赁中心',
+          auditType: 'register',
+          submitTime: '2024-10-03T14:20:00',
+          auditTime: '2024-10-05T11:00:00',
+          auditor: '系统管理员',
+          result: 'rejected',
+          reason: '企业经营范围与平台业务不符',
+          remarks: '建议企业完善相关资质后重新申请',
+        },
+      ];
+      localStorage.setItem('smart_agriculture_audit_records', JSON.stringify(mockRecords));
+      setRecords(mockRecords);
+    }
+  };
+
+  const filteredRecords = records.filter(record => {
+    const matchKeyword = !filters.searchKeyword ||
+      record.enterpriseName.includes(filters.searchKeyword) ||
+      (record.auditor && record.auditor.includes(filters.searchKeyword));
+
+    const matchResult = filters.resultFilter === 'all' || record.result === filters.resultFilter;
+    const matchType = filters.typeFilter === 'all' || record.auditType === filters.typeFilter;
+
+    // 日期筛选
+    let matchDate = true;
+    if (filters.dateRange !== 'all' && record.auditTime) {
+      const auditDate = new Date(record.auditTime);
+      const now = new Date();
+      const diffDays = Math.floor((now.getTime() - auditDate.getTime()) / (1000 * 60 * 60 * 24));
+
+      switch (filters.dateRange) {
+        case 'today':
+          matchDate = diffDays === 0;
+          break;
+        case 'week':
+          matchDate = diffDays <= 7;
+          break;
+        case 'month':
+          matchDate = diffDays <= 30;
+          break;
+        case 'quarter':
+          matchDate = diffDays <= 90;
+          break;
+      }
+    }
+
+    return matchKeyword && matchResult && matchType && matchDate;
+  });
+
+  const handleViewDetail = (record: AuditRecord) => {
+    setSelectedRecord(record);
+    // 查找对应的企业信息
+    const enterprise = enterprises.find(e => e.id === record.enterpriseId);
+    setSelectedEnterprise(enterprise || null);
+    setShowDetailDialog(true);
+  };
+
+  const handleExport = () => {
+    const dataStr = JSON.stringify(filteredRecords, null, 2);
+    const dataBlob = new Blob([dataStr], { type: 'application/json' });
+    const url = URL.createObjectURL(dataBlob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = `audit_history_${new Date().getTime()}.json`;
+    link.click();
+    toast.success('审核历史数据导出成功');
+  };
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-green-800">审核历史</h2>
+          <p className="text-muted-foreground">追溯查询全部企业的历史审核记录</p>
+        </div>
+        <Button onClick={handleExport}>
+          <Download className="w-4 h-4 mr-2" />
+          导出记录
+        </Button>
+      </div>
+
+      {/* 统计卡片 */}
+      <AuditHistoryStatsCards records={records} />
+
+      {/* 搜索和筛选 */}
+      <AuditHistoryFilters
+        filters={filters}
+        onFiltersChange={setFilters}
+      />
+
+      {/* 审核历史列表 */}
+      <AuditHistoryList
+        records={filteredRecords}
+        onViewDetail={handleViewDetail}
+      />
+
+      {/* 详情对话框 */}
+      <AuditHistoryDetailDialog
+        record={selectedRecord}
+        enterprise={selectedEnterprise}
+        open={showDetailDialog}
+        onOpenChange={setShowDetailDialog}
+      />
+
+      {/* 使用说明 */}
+      <AuditHistoryInstructions />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/audit-history/types.ts b/crop-x/src/app/(app)/central-config/tenant/audit-history/types.ts
new file mode 100644
index 0000000..98b709e
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/audit-history/types.ts
@@ -0,0 +1,79 @@
+// 审核历史相关类型定义
+
+export interface Enterprise {
+  id: string;
+  // 企业基本信息
+  name: string;
+  type: string; // 企业类型
+  province: string;
+  city: string;
+  district?: string;
+
+  // 其他信息
+  companySize?: string; // 公司规模
+  registeredCapital?: string; // 注册资本
+  establishmentDate?: string; // 成立时间
+  invoiceType?: string; // 发票类型
+  socialCreditCode: string; // 社会信用代码
+  businessScope?: string; // 经营范围
+  businessLicense?: string; // 营业执照（图片URL）
+
+  // 开户信息
+  bankAccount?: string; // 银行账号
+  bankName?: string; // 开户行
+  bankFullName?: string; // 开户行全称
+  bankAddress?: string; // 开户行地址
+  bankLicense?: string; // 开户许可证（图片URL）
+
+  // 法人信息
+  legalPerson?: string; // 法人名称
+  idCardFront?: string; // 身份证正面（图片URL）
+  idCardBack?: string; // 身份证反面（图片URL）
+
+  // 联系信息
+  registrant: string;
+  contactPhone: string;
+  address: string;
+
+  // 系统信息
+  status: EnterpriseStatus;
+  auditStatus: AuditStatus;
+  auditReason?: string;
+  auditTime?: string;
+  auditor?: string;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export type EnterpriseStatus = 'active' | 'inactive' | 'suspended';
+export type AuditStatus = 'pending' | 'approved' | 'rejected';
+
+// 审核记录
+export interface AuditRecord {
+  id: string;
+  enterpriseId: string;
+  enterpriseName: string;
+  auditType: 'register' | 'update';
+  submitTime: string;
+  auditTime?: string;
+  auditor?: string;
+  result: AuditStatus;
+  reason?: string;
+  remarks?: string;
+}
+
+// 统计数据
+export interface AuditHistoryStats {
+  label: string;
+  value: number;
+  color: string;
+  bg: string;
+}
+
+// 筛选条件
+export interface FilterOptions {
+  searchKeyword: string;
+  resultFilter: string;
+  typeFilter: string;
+  dateRange: string;
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/AuditStatsCard.tsx b/crop-x/src/app/(app)/central-config/tenant/enterprise-audit/components/AuditStatsCards.tsx
similarity index 69%
rename from crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/AuditStatsCard.tsx
rename to crop-x/src/app/(app)/central-config/tenant/enterprise-audit/components/AuditStatsCards.tsx
index b64a2d6..17114d9 100644
--- a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/AuditStatsCard.tsx
+++ b/crop-x/src/app/(app)/central-config/tenant/enterprise-audit/components/AuditStatsCards.tsx
@@ -1,14 +1,15 @@
-'use client'
+'use client';
 
-import { Card } from '@/components/ui/card'
-import { Enterprise, AuditStatus } from '@/types/user-management'
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { AuditStats, Enterprise } from '../types';
 
-interface AuditStatsCardProps {
-  enterprises: Enterprise[]
+interface AuditStatsCardsProps {
+  enterprises: Enterprise[];
 }
 
-export function AuditStatsCard({ enterprises }: AuditStatsCardProps) {
-  const stats = [
+export function AuditStatsCards({ enterprises }: AuditStatsCardsProps) {
+  const stats: AuditStats[] = [
     {
       label: '待审核',
       value: enterprises.filter(e => e.auditStatus === 'pending').length,
@@ -33,16 +34,16 @@ export function AuditStatsCard({ enterprises }: AuditStatsCardProps) {
       color: 'text-blue-600',
       bg: 'bg-blue-100',
     },
-  ]
+  ];
 
   return (
     <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
       {stats.map((stat, index) => (
         <Card key={index} className="p-4">
           <div className="text-sm text-muted-foreground">{stat.label}</div>
-          <div className={`mt-2 ${stat.color}`}>{stat.value}</div>
+          <div className={`mt-2 ${stat.color} text-2xl font-semibold`}>{stat.value}</div>
         </Card>
       ))}
     </div>
-  )
+  );
 }
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/enterprise-audit/components/EnterpriseDetailDialog.tsx b/crop-x/src/app/(app)/central-config/tenant/enterprise-audit/components/EnterpriseDetailDialog.tsx
new file mode 100644
index 0000000..c265b34
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/enterprise-audit/components/EnterpriseDetailDialog.tsx
@@ -0,0 +1,318 @@
+'use client';
+
+import React from 'react';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Label } from '@/components/ui/label';
+import { Textarea } from '@/components/ui/textarea';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { ScrollArea } from '@/components/ui/scroll-area';
+import { Card } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Building, FileText, CreditCard, User, CheckCircle, XCircle, Image as ImageIcon } from 'lucide-react';
+import { Enterprise, AuditStatus } from '../types';
+
+interface EnterpriseDetailDialogProps {
+  enterprise: Enterprise | null;
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  auditReason: string;
+  onAuditReasonChange: (reason: string) => void;
+  onApprove: () => void;
+  onReject: () => void;
+}
+
+export function EnterpriseDetailDialog({
+  enterprise,
+  open,
+  onOpenChange,
+  auditReason,
+  onAuditReasonChange,
+  onApprove,
+  onReject
+}: EnterpriseDetailDialogProps) {
+  const getAuditStatusBadge = (status: AuditStatus) => {
+    switch (status) {
+      case 'pending':
+        return <Badge className="bg-yellow-100 text-yellow-700">待审核</Badge>;
+      case 'approved':
+        return <Badge className="bg-green-100 text-green-700">已通过</Badge>;
+      case 'rejected':
+        return <Badge className="bg-red-100 text-red-700">已驳回</Badge>;
+      default:
+        return <Badge>{status}</Badge>;
+    }
+  };
+
+  if (!enterprise) return null;
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-5xl max-h-[90vh]">
+        <DialogHeader>
+          <div className="flex items-center justify-between pr-8">
+            <DialogTitle>企业详情审核</DialogTitle>
+            {getAuditStatusBadge(enterprise.auditStatus)}
+          </div>
+          <DialogDescription className="sr-only">
+            查看企业的详细信息和审核状态
+          </DialogDescription>
+        </DialogHeader>
+
+        <ScrollArea className="max-h-[calc(90vh-200px)]">
+          <Tabs defaultValue="basic" className="space-y-4">
+            <TabsList className="grid grid-cols-4 w-full">
+              <TabsTrigger value="basic">
+                <Building className="w-4 h-4 mr-2" />
+                基本信息
+              </TabsTrigger>
+              <TabsTrigger value="other">
+                <FileText className="w-4 h-4 mr-2" />
+                其他信息
+              </TabsTrigger>
+              <TabsTrigger value="bank">
+                <CreditCard className="w-4 h-4 mr-2" />
+                开户信息
+              </TabsTrigger>
+              <TabsTrigger value="legal">
+                <User className="w-4 h-4 mr-2" />
+                法人信息
+              </TabsTrigger>
+            </TabsList>
+
+            {/* 企业基本信息 */}
+            <TabsContent value="basic" className="space-y-4">
+              <div className="grid grid-cols-2 gap-6">
+                <div>
+                  <Label>企业名称</Label>
+                  <div className="field-value">{enterprise.name}</div>
+                </div>
+                <div>
+                  <Label>企业类型</Label>
+                  <div className="field-value">{enterprise.type}</div>
+                </div>
+                <div>
+                  <Label>所在地区</Label>
+                  <div className="field-value">
+                    {enterprise.province} {enterprise.city} {enterprise.district}
+                  </div>
+                </div>
+                <div>
+                  <Label>详细地址</Label>
+                  <div className="field-value">{enterprise.address}</div>
+                </div>
+                <div>
+                  <Label>登记人</Label>
+                  <div className="field-value">{enterprise.registrant}</div>
+                </div>
+                <div>
+                  <Label>联系电话</Label>
+                  <div className="field-value">{enterprise.contactPhone}</div>
+                </div>
+              </div>
+            </TabsContent>
+
+            {/* 其他信息 */}
+            <TabsContent value="other" className="space-y-4">
+              <div className="grid grid-cols-2 gap-6">
+                <div>
+                  <Label>公司规模</Label>
+                  <div className="field-value">{enterprise.companySize || '-'}</div>
+                </div>
+                <div>
+                  <Label>注册资本</Label>
+                  <div className="field-value">{enterprise.registeredCapital || '-'}</div>
+                </div>
+                <div>
+                  <Label>成立时间</Label>
+                  <div className="field-value">{enterprise.establishmentDate || '-'}</div>
+                </div>
+                <div>
+                  <Label>发票类型</Label>
+                  <div className="field-value">{enterprise.invoiceType || '-'}</div>
+                </div>
+                <div className="col-span-2">
+                  <Label>社会信用代码</Label>
+                  <div className="field-value">
+                    <code className="text-sm font-mono">
+                      {enterprise.socialCreditCode}
+                    </code>
+                  </div>
+                </div>
+                <div className="col-span-2">
+                  <Label>经营范围</Label>
+                  <div className="field-value">{enterprise.businessScope || '-'}</div>
+                </div>
+                <div className="col-span-2">
+                  <Label>营业执照</Label>
+                  <div className="mt-2">
+                    {enterprise.businessLicense ? (
+                      <img
+                        src={enterprise.businessLicense}
+                        alt="营业执照"
+                        className="w-64 h-auto border rounded-lg"
+                      />
+                    ) : (
+                      <span className="text-muted-foreground">未上传</span>
+                    )}
+                  </div>
+                </div>
+              </div>
+            </TabsContent>
+
+            {/* 开户信息 */}
+            <TabsContent value="bank" className="space-y-4">
+              <div className="grid grid-cols-2 gap-6">
+                <div>
+                  <Label>银行账号</Label>
+                  <div className="field-value">
+                    {enterprise.bankAccount ? (
+                      <code className="text-sm font-mono">
+                        {enterprise.bankAccount}
+                      </code>
+                    ) : '-'}
+                  </div>
+                </div>
+                <div>
+                  <Label>开户行</Label>
+                  <div className="field-value">{enterprise.bankName || '-'}</div>
+                </div>
+                <div className="col-span-2">
+                  <Label>开户行全称</Label>
+                  <div className="field-value">{enterprise.bankFullName || '-'}</div>
+                </div>
+                <div className="col-span-2">
+                  <Label>开户行地址</Label>
+                  <div className="field-value">{enterprise.bankAddress || '-'}</div>
+                </div>
+                <div className="col-span-2">
+                  <Label>开户许可证</Label>
+                  <div className="mt-2">
+                    {enterprise.bankLicense ? (
+                      <img
+                        src={enterprise.bankLicense}
+                        alt="开户许可证"
+                        className="w-64 h-auto border rounded-lg"
+                      />
+                    ) : (
+                      <span className="text-muted-foreground">未上传</span>
+                    )}
+                  </div>
+                </div>
+              </div>
+            </TabsContent>
+
+            {/* 法人信息 */}
+            <TabsContent value="legal" className="space-y-4">
+              <div className="grid grid-cols-1 gap-6">
+                <div>
+                  <Label>法人名称</Label>
+                  <div className="field-value">{enterprise.legalPerson || '-'}</div>
+                </div>
+                <div>
+                  <Label>身份证正面</Label>
+                  <div className="mt-2">
+                    {enterprise.idCardFront ? (
+                      <img
+                        src={enterprise.idCardFront}
+                        alt="身份证正面"
+                        className="w-80 h-auto border rounded-lg"
+                      />
+                    ) : (
+                      <span className="text-muted-foreground">未上传</span>
+                    )}
+                  </div>
+                </div>
+                <div>
+                  <Label>身份证反面</Label>
+                  <div className="mt-2">
+                    {enterprise.idCardBack ? (
+                      <img
+                        src={enterprise.idCardBack}
+                        alt="身份证反面"
+                        className="w-80 h-auto border rounded-lg"
+                      />
+                    ) : (
+                      <span className="text-muted-foreground">未上传</span>
+                    )}
+                  </div>
+                </div>
+              </div>
+            </TabsContent>
+          </Tabs>
+
+          {/* 审核信息 */}
+          <div className="mt-6 pt-6 border-t">
+            <h4 className="mb-4 font-bold">审核信息</h4>
+            <Card className="p-6 bg-gray-50 border">
+              <div className="grid grid-cols-2 gap-x-8 gap-y-4">
+                <div>
+                  <Label className="text-xs">提交时间</Label>
+                  <div className="mt-1.5 text-base">
+                    {new Date(enterprise.createdAt).toLocaleString('zh-CN')}
+                  </div>
+                </div>
+                {enterprise.auditTime && (
+                  <div>
+                    <Label className="text-xs">审核时间</Label>
+                    <div className="mt-1.5 text-base">
+                      {new Date(enterprise.auditTime).toLocaleString('zh-CN')}
+                    </div>
+                  </div>
+                )}
+                {enterprise.auditor && (
+                  <div>
+                    <Label className="text-xs">审核人</Label>
+                    <div className="mt-1.5 text-base">
+                      {enterprise.auditor}
+                    </div>
+                  </div>
+                )}
+                {enterprise.auditReason && (
+                  <div className="col-span-2 pt-4 mt-2 border-t">
+                    <Label className="text-xs">审核意见</Label>
+                    <div className="mt-1.5 text-base">
+                      {enterprise.auditReason}
+                    </div>
+                  </div>
+                )}
+              </div>
+            </Card>
+
+            {/* 审核操作区 - 仅待审核状态显示 */}
+            {enterprise.auditStatus === 'pending' && (
+              <div className="mt-6">
+                <Label>审核意见</Label>
+                <Textarea
+                  value={auditReason}
+                  onChange={(e) => onAuditReasonChange(e.target.value)}
+                  rows={3}
+                  placeholder="请填写审核意见（驳回时必填）..."
+                  className="mt-2"
+                />
+              </div>
+            )}
+          </div>
+        </ScrollArea>
+
+        <DialogFooter className="border-t pt-4">
+          <Button variant="outline" onClick={() => onOpenChange(false)}>
+            关闭
+          </Button>
+          {enterprise.auditStatus === 'pending' && (
+            <>
+              <Button variant="destructive" onClick={onReject}>
+                <XCircle className="w-4 h-4 mr-2" />
+                驳回
+              </Button>
+              <Button onClick={onApprove}>
+                <CheckCircle className="w-4 h-4 mr-2" />
+                通过
+              </Button>
+            </>
+          )}
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseTable.tsx b/crop-x/src/app/(app)/central-config/tenant/enterprise-audit/components/EnterpriseList.tsx
similarity index 77%
rename from crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseTable.tsx
rename to crop-x/src/app/(app)/central-config/tenant/enterprise-audit/components/EnterpriseList.tsx
index b322ab1..a708079 100644
--- a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/EnterpriseTable.tsx
+++ b/crop-x/src/app/(app)/central-config/tenant/enterprise-audit/components/EnterpriseList.tsx
@@ -1,30 +1,31 @@
-'use client'
+'use client';
 
-import { Card } from '@/components/ui/card'
-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 { Enterprise, AuditStatus } from '@/types/user-management'
+import React from 'react';
+import { Card } from '@/components/ui/card';
+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 { Enterprise, AuditStatus } from '../types';
 
-interface EnterpriseTableProps {
-  enterprises: Enterprise[]
-  onViewDetail: (enterprise: Enterprise) => void
+interface EnterpriseListProps {
+  enterprises: Enterprise[];
+  onViewDetail: (enterprise: Enterprise) => void;
 }
 
-export function EnterpriseTable({ enterprises, onViewDetail }: EnterpriseTableProps) {
+export function EnterpriseList({ enterprises, onViewDetail }: EnterpriseListProps) {
   const getAuditStatusBadge = (status: AuditStatus) => {
     switch (status) {
       case 'pending':
-        return <Badge className="bg-yellow-100 text-yellow-700">待审核</Badge>
+        return <Badge className="bg-yellow-100 text-yellow-700">待审核</Badge>;
       case 'approved':
-        return <Badge className="bg-green-100 text-green-700">已通过</Badge>
+        return <Badge className="bg-green-100 text-green-700">已通过</Badge>;
       case 'rejected':
-        return <Badge className="bg-red-100 text-red-700">已驳回</Badge>
+        return <Badge className="bg-red-100 text-red-700">已驳回</Badge>;
       default:
-        return <Badge>{status}</Badge>
+        return <Badge>{status}</Badge>;
     }
-  }
+  };
 
   return (
     <Card>
@@ -51,7 +52,7 @@ export function EnterpriseTable({ enterprises, onViewDetail }: EnterpriseTablePr
           ) : (
             enterprises.map((enterprise) => (
               <TableRow key={enterprise.id}>
-                <TableCell>{enterprise.name}</TableCell>
+                <TableCell className="font-medium">{enterprise.name}</TableCell>
                 <TableCell className="text-muted-foreground">{enterprise.type}</TableCell>
                 <TableCell className="text-muted-foreground">
                   <code className="text-xs">{enterprise.socialCreditCode}</code>
@@ -78,5 +79,5 @@ export function EnterpriseTable({ enterprises, onViewDetail }: EnterpriseTablePr
         </TableBody>
       </Table>
     </Card>
-  )
+  );
 }
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/SearchAndFilter.tsx b/crop-x/src/app/(app)/central-config/tenant/enterprise-audit/components/SearchFilters.tsx
similarity index 62%
rename from crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/SearchAndFilter.tsx
rename to crop-x/src/app/(app)/central-config/tenant/enterprise-audit/components/SearchFilters.tsx
index 9e74322..ab11410 100644
--- a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/components/SearchAndFilter.tsx
+++ b/crop-x/src/app/(app)/central-config/tenant/enterprise-audit/components/SearchFilters.tsx
@@ -1,23 +1,24 @@
-'use client'
+'use client';
 
-import { Card } from '@/components/ui/card'
-import { Input } from '@/components/ui/input'
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
-import { Search } from 'lucide-react'
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { Input } from '@/components/ui/input';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { Search } from 'lucide-react';
 
-interface SearchAndFilterProps {
-  searchKeyword: string
-  onSearchChange: (value: string) => void
-  statusFilter: string
-  onStatusFilterChange: (value: string) => void
+interface SearchFiltersProps {
+  searchKeyword: string;
+  setSearchKeyword: (value: string) => void;
+  statusFilter: string;
+  setStatusFilter: (value: string) => void;
 }
 
-export function SearchAndFilter({
+export function SearchFilters({
   searchKeyword,
-  onSearchChange,
+  setSearchKeyword,
   statusFilter,
-  onStatusFilterChange
-}: SearchAndFilterProps) {
+  setStatusFilter
+}: SearchFiltersProps) {
   return (
     <Card className="p-4">
       <div className="flex gap-4">
@@ -27,12 +28,12 @@ export function SearchAndFilter({
             <Input
               placeholder="搜索企业名称、信用代码、登记人..."
               value={searchKeyword}
-              onChange={(e) => onSearchChange(e.target.value)}
+              onChange={(e) => setSearchKeyword(e.target.value)}
               className="pl-10"
             />
           </div>
         </div>
-        <Select value={statusFilter} onValueChange={onStatusFilterChange}>
+        <Select value={statusFilter} onValueChange={setStatusFilter}>
           <SelectTrigger className="w-40">
             <SelectValue />
           </SelectTrigger>
@@ -45,5 +46,5 @@ export function SearchAndFilter({
         </Select>
       </div>
     </Card>
-  )
+  );
 }
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/page.tsx b/crop-x/src/app/(app)/central-config/tenant/enterprise-audit/page.tsx
similarity index 88%
rename from crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/page.tsx
rename to crop-x/src/app/(app)/central-config/tenant/enterprise-audit/page.tsx
index 7a08f95..79d8ecf 100644
--- a/crop-x/src/app/(app)/central-config/tenant-management/enterprise-audit/page.tsx
+++ b/crop-x/src/app/(app)/central-config/tenant/enterprise-audit/page.tsx
@@ -1,30 +1,29 @@
-'use client'
+'use client';
 
-import { useState, useEffect } from 'react'
-import { toast } from 'sonner'
-import {
-  AuditStatsCard,
-  SearchAndFilter,
-  EnterpriseTable,
-  EnterpriseDetailDialog
-} from './components'
-import { Enterprise, AuditStatus } from '@/types/user-management'
+import { useState, useEffect } from 'react';
+import { toast } from 'sonner';
+import { AuditStatsCards } from './components/AuditStatsCards';
+import { SearchFilters } from './components/SearchFilters';
+import { EnterpriseList } from './components/EnterpriseList';
+import { EnterpriseDetailDialog } from './components/EnterpriseDetailDialog';
+import { Enterprise, AuditStatus } from './types';
 
 export default function EnterpriseAuditPage() {
-  const [enterprises, setEnterprises] = useState<Enterprise[]>([])
-  const [searchKeyword, setSearchKeyword] = useState('')
-  const [statusFilter, setStatusFilter] = useState<string>('all')
-  const [showDetailDialog, setShowDetailDialog] = useState(false)
-  const [selectedEnterprise, setSelectedEnterprise] = useState<Enterprise | null>(null)
+  const [enterprises, setEnterprises] = useState<Enterprise[]>([]);
+  const [searchKeyword, setSearchKeyword] = useState('');
+  const [statusFilter, setStatusFilter] = useState<string>('all');
+  const [showDetailDialog, setShowDetailDialog] = useState(false);
+  const [selectedEnterprise, setSelectedEnterprise] = useState<Enterprise | null>(null);
+  const [auditReason, setAuditReason] = useState('');
 
   useEffect(() => {
-    loadEnterprises()
-  }, [])
+    loadEnterprises();
+  }, []);
 
   const loadEnterprises = () => {
-    const data = localStorage.getItem('smart_agriculture_enterprises')
+    const data = localStorage.getItem('smart_agriculture_enterprises');
     if (data) {
-      setEnterprises(JSON.parse(data))
+      setEnterprises(JSON.parse(data));
     } else {
       // 初始化示例数据
       const mockEnterprises: Enterprise[] = [
@@ -130,10 +129,11 @@ export default function EnterpriseAuditPage() {
 
   const handleViewDetail = (enterprise: Enterprise) => {
     setSelectedEnterprise(enterprise);
+    setAuditReason('');
     setShowDetailDialog(true);
   };
 
-  const handleApprove = (auditReason: string) => {
+  const handleApprove = () => {
     if (!selectedEnterprise) return;
 
     const now = new Date().toISOString();
@@ -173,7 +173,7 @@ export default function EnterpriseAuditPage() {
     toast.success('审核通过');
   };
 
-  const handleReject = (auditReason: string) => {
+  const handleReject = () => {
     if (!selectedEnterprise) return;
     if (!auditReason.trim()) {
       toast.error('请填写驳回原因');
@@ -219,37 +219,39 @@ export default function EnterpriseAuditPage() {
   };
 
   return (
-    <div className="space-y-6 p-6">
+    <div className="space-y-6">
       <div>
         <h2 className="text-green-800">企业审核</h2>
         <p className="text-muted-foreground">管理企业注册与变更审核流程</p>
       </div>
 
       {/* 统计卡片 */}
-      <AuditStatsCard enterprises={enterprises} />
+      <AuditStatsCards enterprises={enterprises} />
 
       {/* 搜索和筛选 */}
-      <SearchAndFilter
+      <SearchFilters
         searchKeyword={searchKeyword}
-        onSearchChange={setSearchKeyword}
+        setSearchKeyword={setSearchKeyword}
         statusFilter={statusFilter}
-        onStatusFilterChange={setStatusFilter}
+        setStatusFilter={setStatusFilter}
       />
 
       {/* 企业列表 */}
-      <EnterpriseTable
+      <EnterpriseList
         enterprises={filteredEnterprises}
         onViewDetail={handleViewDetail}
       />
 
       {/* 详情审核对话框 */}
       <EnterpriseDetailDialog
+        enterprise={selectedEnterprise}
         open={showDetailDialog}
         onOpenChange={setShowDetailDialog}
-        enterprise={selectedEnterprise}
+        auditReason={auditReason}
+        onAuditReasonChange={setAuditReason}
         onApprove={handleApprove}
         onReject={handleReject}
       />
     </div>
-  )
+  );
 }
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/enterprise-audit/types.ts b/crop-x/src/app/(app)/central-config/tenant/enterprise-audit/types.ts
new file mode 100644
index 0000000..66e796f
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/enterprise-audit/types.ts
@@ -0,0 +1,71 @@
+// 企业审核相关类型定义
+
+export interface Enterprise {
+  id: string;
+  // 企业基本信息
+  name: string;
+  type: string; // 企业类型
+  province: string;
+  city: string;
+  district?: string;
+
+  // 其他信息
+  companySize?: string; // 公司规模
+  registeredCapital?: string; // 注册资本
+  establishmentDate?: string; // 成立时间
+  invoiceType?: string; // 发票类型
+  socialCreditCode: string; // 社会信用代码
+  businessScope?: string; // 经营范围
+  businessLicense?: string; // 营业执照（图片URL）
+
+  // 开户信息
+  bankAccount?: string; // 银行账号
+  bankName?: string; // 开户行
+  bankFullName?: string; // 开户行全称
+  bankAddress?: string; // 开户行地址
+  bankLicense?: string; // 开户许可证（图片URL）
+
+  // 法人信息
+  legalPerson?: string; // 法人名称
+  idCardFront?: string; // 身份证正面（图片URL）
+  idCardBack?: string; // 身份证反面（图片URL）
+
+  // 联系信息
+  registrant: string;
+  contactPhone: string;
+  address: string;
+
+  // 系统信息
+  status: EnterpriseStatus;
+  auditStatus: AuditStatus;
+  auditReason?: string;
+  auditTime?: string;
+  auditor?: string;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export type EnterpriseStatus = 'active' | 'inactive' | 'suspended';
+export type AuditStatus = 'pending' | 'approved' | 'rejected';
+
+// 审核记录
+export interface AuditRecord {
+  id: string;
+  enterpriseId: string;
+  enterpriseName: string;
+  auditType: 'register' | 'update';
+  submitTime: string;
+  auditTime?: string;
+  auditor?: string;
+  result: AuditStatus;
+  reason?: string;
+  remarks?: string;
+}
+
+// 统计数据
+export interface AuditStats {
+  label: string;
+  value: number;
+  color: string;
+  bg: string;
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/AuditStatusAlert.tsx b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/AuditStatusAlert.tsx
new file mode 100644
index 0000000..95af9b0
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/AuditStatusAlert.tsx
@@ -0,0 +1,57 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Enterprise, AuditStatus } from '../types';
+
+interface AuditStatusAlertProps {
+  enterprise: Enterprise;
+}
+
+export function AuditStatusAlert({ enterprise }: AuditStatusAlertProps) {
+  const getAuditStatusBadge = (status: AuditStatus) => {
+    switch (status) {
+      case 'pending':
+        return <Badge className="bg-yellow-100 text-yellow-700">待审核</Badge>;
+      case 'approved':
+        return <Badge className="bg-green-100 text-green-700">已通过</Badge>;
+      case 'rejected':
+        return <Badge className="bg-red-100 text-red-700">已驳回</Badge>;
+      default:
+        return <Badge>{status}</Badge>;
+    }
+  };
+
+  return (
+    <Card className={`p-4 ${
+      enterprise.auditStatus === 'pending' ? 'bg-yellow-50 border-yellow-200' :
+      enterprise.auditStatus === 'rejected' ? 'bg-red-50 border-red-200' :
+      'bg-green-50 border-green-200'
+    }`}>
+      <div className="flex items-center justify-between">
+        <div>
+          <div className="flex items-center gap-2">
+            <span>当前审核状态：</span>
+            {getAuditStatusBadge(enterprise.auditStatus)}
+          </div>
+          {enterprise.auditStatus === 'rejected' && enterprise.auditReason && (
+            <p className="text-sm text-red-700 mt-2">
+              驳回原因：{enterprise.auditReason}
+            </p>
+          )}
+          {enterprise.auditStatus === 'pending' && (
+            <p className="text-sm text-yellow-700 mt-2">
+              信息修改后需要管理员重新审核
+            </p>
+          )}
+        </div>
+        {enterprise.auditTime && (
+          <div className="text-sm text-muted-foreground">
+            审核时间：{new Date(enterprise.auditTime).toLocaleString('zh-CN')}
+          </div>
+        )}
+      </div>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/BankInfoForm.tsx b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/BankInfoForm.tsx
new file mode 100644
index 0000000..2e19a1e
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/BankInfoForm.tsx
@@ -0,0 +1,132 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { Label } from '@/components/ui/label';
+import { Input } from '@/components/ui/input';
+import { Button } from '@/components/ui/button';
+import { Upload } from 'lucide-react';
+import { Enterprise } from '../types';
+
+interface BankInfoFormProps {
+  enterprise: Enterprise;
+  isEditing: boolean;
+  formData: Partial<Enterprise>;
+  onFieldChange: (field: keyof Enterprise, value: any) => void;
+  onImageUpload: (field: keyof Enterprise) => void;
+}
+
+export function BankInfoForm({
+  enterprise,
+  isEditing,
+  formData,
+  onFieldChange,
+  onImageUpload
+}: BankInfoFormProps) {
+  return (
+    <Card className="p-6">
+      <h3 className="mb-6 pb-4 border-b">开户信息</h3>
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+        <div>
+          <Label>银行账号</Label>
+          {isEditing ? (
+            <Input
+              value={formData.bankAccount || ''}
+              onChange={(e) => onFieldChange('bankAccount', e.target.value)}
+              placeholder="请输入银行账号"
+              className="mt-2"
+            />
+          ) : (
+            <div className="field-value">
+              {enterprise.bankAccount ? (
+                <code className="text-sm font-mono">
+                  {enterprise.bankAccount}
+                </code>
+              ) : '-'}
+            </div>
+          )}
+        </div>
+
+        <div>
+          <Label>开户行</Label>
+          {isEditing ? (
+            <Input
+              value={formData.bankName || ''}
+              onChange={(e) => onFieldChange('bankName', e.target.value)}
+              placeholder="如：中国工商银行"
+              className="mt-2"
+            />
+          ) : (
+            <div className="field-value">{enterprise.bankName || '-'}</div>
+          )}
+        </div>
+
+        <div className="md:col-span-2">
+          <Label>开户行全称</Label>
+          {isEditing ? (
+            <Input
+              value={formData.bankFullName || ''}
+              onChange={(e) => onFieldChange('bankFullName', e.target.value)}
+              placeholder="如：中国工商银行股份有限公司北京中关村支行"
+              className="mt-2"
+            />
+          ) : (
+            <div className="field-value">{enterprise.bankFullName || '-'}</div>
+          )}
+        </div>
+
+        <div className="md:col-span-2">
+          <Label>开户行地址</Label>
+          {isEditing ? (
+            <Input
+              value={formData.bankAddress || ''}
+              onChange={(e) => onFieldChange('bankAddress', e.target.value)}
+              placeholder="请输入开户行地址"
+              className="mt-2"
+            />
+          ) : (
+            <div className="field-value">{enterprise.bankAddress || '-'}</div>
+          )}
+        </div>
+
+        <div className="md:col-span-2">
+          <Label>开户许可证</Label>
+          <div className="mt-2">
+            {enterprise.bankLicense ? (
+              <div className="relative inline-block">
+                <img
+                  src={enterprise.bankLicense}
+                  alt="开户许可证"
+                  className="w-48 h-auto border rounded-lg"
+                />
+                {isEditing && (
+                  <Button
+                    size="sm"
+                    variant="outline"
+                    className="mt-2"
+                    onClick={() => onImageUpload('bankLicense')}
+                  >
+                    <Upload className="w-4 h-4 mr-2" />
+                    重新上传
+                  </Button>
+                )}
+              </div>
+            ) : (
+              isEditing ? (
+                <Button
+                  variant="outline"
+                  onClick={() => onImageUpload('bankLicense')}
+                >
+                  <Upload className="w-4 h-4 mr-2" />
+                  上传开户许可证
+                </Button>
+              ) : (
+                <span className="text-muted-foreground">未上传</span>
+              )
+            )}
+          </div>
+        </div>
+      </div>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/BasicInfoForm.tsx b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/BasicInfoForm.tsx
new file mode 100644
index 0000000..b0cd95b
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/BasicInfoForm.tsx
@@ -0,0 +1,129 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { Label } from '@/components/ui/label';
+import { Input } from '@/components/ui/input';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { Enterprise } from '../types';
+
+interface BasicInfoFormProps {
+  enterprise: Enterprise;
+  isEditing: boolean;
+  formData: Partial<Enterprise>;
+  onFieldChange: (field: keyof Enterprise, value: any) => void;
+}
+
+export function BasicInfoForm({
+  enterprise,
+  isEditing,
+  formData,
+  onFieldChange
+}: BasicInfoFormProps) {
+  return (
+    <Card className="p-6">
+      <h3 className="mb-6 pb-4 border-b">企业基本信息</h3>
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+        <div>
+          <Label>企业名称 *</Label>
+          {isEditing ? (
+            <Input
+              value={formData.name || ''}
+              onChange={(e) => onFieldChange('name', e.target.value)}
+              placeholder="请输入企业名称"
+              className="mt-2"
+            />
+          ) : (
+            <div className="field-value">{enterprise.name}</div>
+          )}
+        </div>
+
+        <div>
+          <Label>企业类型 *</Label>
+          {isEditing ? (
+            <Select
+              value={formData.type || ''}
+              onValueChange={(value) => onFieldChange('type', value)}
+            >
+              <SelectTrigger className="mt-2">
+                <SelectValue placeholder="选择企业类型" />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="有限责任公司">有限责任公司</SelectItem>
+                <SelectItem value="股份有限公司">股份有限公司</SelectItem>
+                <SelectItem value="个人独资企业">个人独资企业</SelectItem>
+                <SelectItem value="合伙企业">合伙企业</SelectItem>
+                <SelectItem value="个体工商户">个体工商户</SelectItem>
+                <SelectItem value="农民专业合作社">农民专业合作社</SelectItem>
+              </SelectContent>
+            </Select>
+          ) : (
+            <div className="field-value">{enterprise.type}</div>
+          )}
+        </div>
+
+        <div>
+          <Label>所在地区 *</Label>
+          {isEditing ? (
+            <div className="grid grid-cols-2 gap-2 mt-2">
+              <Input
+                value={formData.province || ''}
+                onChange={(e) => onFieldChange('province', e.target.value)}
+                placeholder="省份"
+              />
+              <Input
+                value={formData.city || ''}
+                onChange={(e) => onFieldChange('city', e.target.value)}
+                placeholder="城市"
+              />
+            </div>
+          ) : (
+            <div className="field-value">{enterprise.province} {enterprise.city}</div>
+          )}
+        </div>
+
+        <div>
+          <Label>详细地址 *</Label>
+          {isEditing ? (
+            <Input
+              value={formData.address || ''}
+              onChange={(e) => onFieldChange('address', e.target.value)}
+              placeholder="请输入详细地址"
+              className="mt-2"
+            />
+          ) : (
+            <div className="field-value">{enterprise.address}</div>
+          )}
+        </div>
+
+        <div>
+          <Label>登记人</Label>
+          {isEditing ? (
+            <Input
+              value={formData.registrant || ''}
+              onChange={(e) => onFieldChange('registrant', e.target.value)}
+              placeholder="请输入登记人姓名"
+              className="mt-2"
+            />
+          ) : (
+            <div className="field-value">{enterprise.registrant}</div>
+          )}
+        </div>
+
+        <div>
+          <Label>联系电话 *</Label>
+          {isEditing ? (
+            <Input
+              value={formData.contactPhone || ''}
+              onChange={(e) => onFieldChange('contactPhone', e.target.value)}
+              placeholder="请输入联系电话"
+              className="mt-2"
+            />
+          ) : (
+            <div className="field-value">{enterprise.contactPhone}</div>
+          )}
+        </div>
+      </div>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/EnterpriseInfoHeader.tsx b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/EnterpriseInfoHeader.tsx
new file mode 100644
index 0000000..26e591b
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/EnterpriseInfoHeader.tsx
@@ -0,0 +1,45 @@
+'use client';
+
+import React from 'react';
+import { Button } from '@/components/ui/button';
+import { Edit, Save, X } from 'lucide-react';
+
+interface EnterpriseInfoHeaderProps {
+  isEditing: boolean;
+  onEdit: () => void;
+  onCancel: () => void;
+  onSave: () => void;
+}
+
+export function EnterpriseInfoHeader({
+  isEditing,
+  onEdit,
+  onCancel,
+  onSave
+}: EnterpriseInfoHeaderProps) {
+  return (
+    <div className="flex items-center justify-between">
+      <div>
+        <h2 className="text-green-800">企业信息</h2>
+        <p className="text-muted-foreground">查看和管理本企业的完整注册信息</p>
+      </div>
+      {!isEditing ? (
+        <Button onClick={onEdit}>
+          <Edit className="w-4 h-4 mr-2" />
+          编辑信息
+        </Button>
+      ) : (
+        <div className="flex gap-2">
+          <Button variant="outline" onClick={onCancel}>
+            <X className="w-4 h-4 mr-2" />
+            取消
+          </Button>
+          <Button onClick={onSave}>
+            <Save className="w-4 h-4 mr-2" />
+            提交审核
+          </Button>
+        </div>
+      )}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/LegalInfoForm.tsx b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/LegalInfoForm.tsx
new file mode 100644
index 0000000..3da13c0
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/LegalInfoForm.tsx
@@ -0,0 +1,122 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { Label } from '@/components/ui/label';
+import { Input } from '@/components/ui/input';
+import { Button } from '@/components/ui/button';
+import { Upload, Image as ImageIcon } from 'lucide-react';
+import { Enterprise } from '../types';
+
+interface LegalInfoFormProps {
+  enterprise: Enterprise;
+  isEditing: boolean;
+  formData: Partial<Enterprise>;
+  onFieldChange: (field: keyof Enterprise, value: any) => void;
+  onImageUpload: (field: keyof Enterprise) => void;
+}
+
+export function LegalInfoForm({
+  enterprise,
+  isEditing,
+  formData,
+  onFieldChange,
+  onImageUpload
+}: LegalInfoFormProps) {
+  return (
+    <Card className="p-6">
+      <h3 className="mb-6 pb-4 border-b">法人信息</h3>
+      <div className="grid grid-cols-1 gap-6">
+        <div>
+          <Label>法人名称</Label>
+          {isEditing ? (
+            <Input
+              value={formData.legalPerson || ''}
+              onChange={(e) => onFieldChange('legalPerson', e.target.value)}
+              placeholder="请输入法人姓名"
+              className="mt-2"
+            />
+          ) : (
+            <div className="field-value">{enterprise.legalPerson || '-'}</div>
+          )}
+        </div>
+
+        <div>
+          <Label>身份证正面</Label>
+          <div className="mt-2">
+            {enterprise.idCardFront ? (
+              <div className="relative inline-block">
+                <img
+                  src={enterprise.idCardFront}
+                  alt="身份证正面"
+                  className="w-64 h-auto border rounded-lg"
+                />
+                {isEditing && (
+                  <Button
+                    size="sm"
+                    variant="outline"
+                    className="mt-2"
+                    onClick={() => onImageUpload('idCardFront')}
+                  >
+                    <Upload className="w-4 h-4 mr-2" />
+                    重新上传
+                  </Button>
+                )}
+              </div>
+            ) : (
+              isEditing ? (
+                <Button
+                  variant="outline"
+                  onClick={() => onImageUpload('idCardFront')}
+                >
+                  <ImageIcon className="w-4 h-4 mr-2" />
+                  上传身份证正面
+                </Button>
+              ) : (
+                <span className="text-muted-foreground">未上传</span>
+              )
+            )}
+          </div>
+        </div>
+
+        <div>
+          <Label>身份证反面</Label>
+          <div className="mt-2">
+            {enterprise.idCardBack ? (
+              <div className="relative inline-block">
+                <img
+                  src={enterprise.idCardBack}
+                  alt="身份证反面"
+                  className="w-64 h-auto border rounded-lg"
+                />
+                {isEditing && (
+                  <Button
+                    size="sm"
+                    variant="outline"
+                    className="mt-2"
+                    onClick={() => onImageUpload('idCardBack')}
+                  >
+                    <Upload className="w-4 h-4 mr-2" />
+                    重新上传
+                  </Button>
+                )}
+              </div>
+            ) : (
+              isEditing ? (
+                <Button
+                  variant="outline"
+                  onClick={() => onImageUpload('idCardBack')}
+                >
+                  <ImageIcon className="w-4 h-4 mr-2" />
+                  上传身份证反面
+                </Button>
+              ) : (
+                <span className="text-muted-foreground">未上传</span>
+              )
+            )}
+          </div>
+        </div>
+      </div>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/OperationTips.tsx b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/OperationTips.tsx
new file mode 100644
index 0000000..e43d1df
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/OperationTips.tsx
@@ -0,0 +1,23 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { FileText } from 'lucide-react';
+
+export function OperationTips() {
+  return (
+    <Card className="p-4 bg-blue-50 border-blue-200">
+      <h4 className="text-blue-900 mb-2">
+        <FileText className="w-4 h-4 inline mr-2" />
+        温馨提示
+      </h4>
+      <ul className="space-y-1 text-sm text-blue-800">
+        <li>• 企业信息修改后需要提交至超级管理员重新审核</li>
+        <li>• 请确保填写的信息真实准确，与营业执照等证件保持一致</li>
+        <li>• 社会信用代码为18位，请仔细核对</li>
+        <li>• 图片上传功能需要对接后端服务，目前仅为演示</li>
+        <li>• 如有疑问，请联系系统管理员</li>
+      </ul>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/OtherInfoForm.tsx b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/OtherInfoForm.tsx
new file mode 100644
index 0000000..9fb9a6c
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/OtherInfoForm.tsx
@@ -0,0 +1,178 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { Label } from '@/components/ui/label';
+import { Input } from '@/components/ui/input';
+import { Textarea } from '@/components/ui/textarea';
+import { Button } from '@/components/ui/button';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { Upload } from 'lucide-react';
+import { Enterprise } from '../types';
+
+interface OtherInfoFormProps {
+  enterprise: Enterprise;
+  isEditing: boolean;
+  formData: Partial<Enterprise>;
+  onFieldChange: (field: keyof Enterprise, value: any) => void;
+  onImageUpload: (field: keyof Enterprise) => void;
+}
+
+export function OtherInfoForm({
+  enterprise,
+  isEditing,
+  formData,
+  onFieldChange,
+  onImageUpload
+}: OtherInfoFormProps) {
+  return (
+    <Card className="p-6">
+      <h3 className="mb-6 pb-4 border-b">其他信息</h3>
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+        <div>
+          <Label>公司规模</Label>
+          {isEditing ? (
+            <Select
+              value={formData.companySize || ''}
+              onValueChange={(value) => onFieldChange('companySize', value)}
+            >
+              <SelectTrigger className="mt-2">
+                <SelectValue placeholder="选择公司规模" />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="1-50人">1-50人</SelectItem>
+                <SelectItem value="50-200人">50-200人</SelectItem>
+                <SelectItem value="200-500人">200-500人</SelectItem>
+                <SelectItem value="500-1000人">500-1000人</SelectItem>
+                <SelectItem value="1000人以上">1000人以上</SelectItem>
+              </SelectContent>
+            </Select>
+          ) : (
+            <div className="field-value">{enterprise.companySize || '-'}</div>
+          )}
+        </div>
+
+        <div>
+          <Label>注册资本</Label>
+          {isEditing ? (
+            <Input
+              value={formData.registeredCapital || ''}
+              onChange={(e) => onFieldChange('registeredCapital', e.target.value)}
+              placeholder="如：1000万元"
+              className="mt-2"
+            />
+          ) : (
+            <div className="field-value">{enterprise.registeredCapital || '-'}</div>
+          )}
+        </div>
+
+        <div>
+          <Label>成立时间</Label>
+          {isEditing ? (
+            <Input
+              type="date"
+              value={formData.establishmentDate || ''}
+              onChange={(e) => onFieldChange('establishmentDate', e.target.value)}
+              className="mt-2"
+            />
+          ) : (
+            <div className="field-value">{enterprise.establishmentDate || '-'}</div>
+          )}
+        </div>
+
+        <div>
+          <Label>发票类型</Label>
+          {isEditing ? (
+            <Select
+              value={formData.invoiceType || ''}
+              onValueChange={(value) => onFieldChange('invoiceType', value)}
+            >
+              <SelectTrigger className="mt-2">
+                <SelectValue placeholder="选择发票类型" />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="增值税专用发票">增值税专用发票</SelectItem>
+                <SelectItem value="增值税普通发票">增值税普通发票</SelectItem>
+                <SelectItem value="电子发票">电子发票</SelectItem>
+              </SelectContent>
+            </Select>
+          ) : (
+            <div className="field-value">{enterprise.invoiceType || '-'}</div>
+          )}
+        </div>
+
+        <div className="md:col-span-2">
+          <Label>社会信用代码 *</Label>
+          {isEditing ? (
+            <Input
+              value={formData.socialCreditCode || ''}
+              onChange={(e) => onFieldChange('socialCreditCode', e.target.value)}
+              placeholder="请输入18位社会信用代码"
+              className="mt-2"
+              maxLength={18}
+            />
+          ) : (
+            <div className="field-value">
+              <code className="text-sm font-mono">
+                {enterprise.socialCreditCode}
+              </code>
+            </div>
+          )}
+        </div>
+
+        <div className="md:col-span-2">
+          <Label>经营范围</Label>
+          {isEditing ? (
+            <Textarea
+              value={formData.businessScope || ''}
+              onChange={(e) => onFieldChange('businessScope', e.target.value)}
+              placeholder="请输入经营范围"
+              className="mt-2"
+              rows={4}
+            />
+          ) : (
+            <div className="field-value">{enterprise.businessScope || '-'}</div>
+          )}
+        </div>
+
+        <div className="md:col-span-2">
+          <Label>营业执照</Label>
+          <div className="mt-2">
+            {enterprise.businessLicense ? (
+              <div className="relative inline-block">
+                <img
+                  src={enterprise.businessLicense}
+                  alt="营业执照"
+                  className="w-48 h-auto border rounded-lg"
+                />
+                {isEditing && (
+                  <Button
+                    size="sm"
+                    variant="outline"
+                    className="mt-2"
+                    onClick={() => onImageUpload('businessLicense')}
+                  >
+                    <Upload className="w-4 h-4 mr-2" />
+                    重新上传
+                  </Button>
+                )}
+              </div>
+            ) : (
+              isEditing ? (
+                <Button
+                  variant="outline"
+                  onClick={() => onImageUpload('businessLicense')}
+                >
+                  <Upload className="w-4 h-4 mr-2" />
+                  上传营业执照
+                </Button>
+              ) : (
+                <span className="text-muted-foreground">未上传</span>
+              )
+            )}
+          </div>
+        </div>
+      </div>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/SystemInfo.tsx b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/SystemInfo.tsx
new file mode 100644
index 0000000..de323d9
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/SystemInfo.tsx
@@ -0,0 +1,44 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { Label } from '@/components/ui/label';
+import { Enterprise } from '../types';
+
+interface SystemInfoProps {
+  enterprise: Enterprise;
+}
+
+export function SystemInfo({ enterprise }: SystemInfoProps) {
+  return (
+    <Card className="p-6">
+      <h3 className="mb-6 pb-4 border-b">系统信息</h3>
+      <div className="grid grid-cols-2 md:grid-cols-4 gap-6">
+        <div>
+          <Label>企业ID</Label>
+          <div className="field-value">
+            <code className="text-xs font-mono">{enterprise.id}</code>
+          </div>
+        </div>
+        <div>
+          <Label>注册时间</Label>
+          <div className="field-value">
+            {new Date(enterprise.createdAt).toLocaleString('zh-CN')}
+          </div>
+        </div>
+        <div>
+          <Label>最后更新</Label>
+          <div className="field-value">
+            {new Date(enterprise.updatedAt).toLocaleString('zh-CN')}
+          </div>
+        </div>
+        {enterprise.auditor && (
+          <div>
+            <Label>审核人</Label>
+            <div className="field-value">{enterprise.auditor}</div>
+          </div>
+        )}
+      </div>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/enterprise-info/page.tsx b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/page.tsx
new file mode 100644
index 0000000..44cb648
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/page.tsx
@@ -0,0 +1,221 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { toast } from 'sonner';
+import { Card } from '@/components/ui/card';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { Building, FileText, CreditCard, User } from 'lucide-react';
+
+import { EnterpriseInfoHeader } from './components/EnterpriseInfoHeader';
+import { AuditStatusAlert } from './components/AuditStatusAlert';
+import { BasicInfoForm } from './components/BasicInfoForm';
+import { OtherInfoForm } from './components/OtherInfoForm';
+import { BankInfoForm } from './components/BankInfoForm';
+import { LegalInfoForm } from './components/LegalInfoForm';
+import { SystemInfo } from './components/SystemInfo';
+import { OperationTips } from './components/OperationTips';
+import { Enterprise } from './types';
+
+export default function EnterpriseInfoPage() {
+  const [enterprise, setEnterprise] = useState<Enterprise | null>(null);
+  const [isEditing, setIsEditing] = useState(false);
+  const [formData, setFormData] = useState<Partial<Enterprise>>({});
+
+  useEffect(() => {
+    loadEnterpriseInfo();
+  }, []);
+
+  const loadEnterpriseInfo = () => {
+    const stored = localStorage.getItem('smart_agriculture_enterprise_info');
+    if (stored) {
+      const data = JSON.parse(stored);
+      setEnterprise(data);
+      setFormData(data);
+    } else {
+      // 初始化模拟数据
+      const mockData: Enterprise = {
+        id: 'ent-001',
+        // 基本信息
+        name: '智慧农业科技有限公司',
+        type: '有限责任公司',
+        province: '北京市',
+        city: '海淀区',
+        district: '中关村街道',
+
+        // 其他信息
+        companySize: '50-200人',
+        registeredCapital: '1000万元',
+        establishmentDate: '2020-01-15',
+        invoiceType: '增值税专用发票',
+        socialCreditCode: '91110108MA01XXXX00',
+        businessScope: '农业技术开发、技术咨询、技术服务；销售机械设备、电子产品；软件开发；数据处理服务。',
+        businessLicense: '',
+
+        // 开户信息
+        bankAccount: '1234567890123456789',
+        bankName: '中国工商银行',
+        bankFullName: '中国工商银行股份有限公司北京中关村支行',
+        bankAddress: '北京市海淀区中关村大街1号',
+        bankLicense: '',
+
+        // 法人信息
+        legalPerson: '张伟',
+        idCardFront: '',
+        idCardBack: '',
+
+        // 联系信息
+        registrant: '李明',
+        contactPhone: '010-88888888',
+        address: '北京市海淀区中关村大街1号科技大厦A座10层',
+
+        // 系统信息
+        status: 'active',
+        auditStatus: 'approved',
+        createdAt: '2024-01-15T00:00:00',
+        updatedAt: '2024-01-15T00:00:00',
+      };
+      localStorage.setItem('smart_agriculture_enterprise_info', JSON.stringify(mockData));
+      setEnterprise(mockData);
+      setFormData(mockData);
+    }
+  };
+
+  const handleEdit = () => {
+    setIsEditing(true);
+  };
+
+  const handleCancel = () => {
+    setIsEditing(false);
+    if (enterprise) {
+      setFormData(enterprise);
+    }
+  };
+
+  const handleSave = () => {
+    if (!formData.name || !formData.type || !formData.socialCreditCode) {
+      toast.error('请填写必填项');
+      return;
+    }
+
+    const updatedData: Enterprise = {
+      ...(enterprise as Enterprise),
+      ...formData,
+      updatedAt: new Date().toISOString(),
+      auditStatus: 'pending', // 修改后需要重新审核
+    };
+
+    localStorage.setItem('smart_agriculture_enterprise_info', JSON.stringify(updatedData));
+    setEnterprise(updatedData);
+    setFormData(updatedData);
+    setIsEditing(false);
+    toast.success('企业信息已更新，等待管理员审核');
+  };
+
+  const handleChange = (field: keyof Enterprise, value: any) => {
+    setFormData(prev => ({ ...prev, [field]: value }));
+  };
+
+  const handleImageUpload = (field: keyof Enterprise) => {
+    // 模拟图片上传
+    toast.success('图片上传功能需要对接后端服务');
+  };
+
+  if (!enterprise) {
+    return (
+      <div className="space-y-6">
+        <div>
+          <h2 className="text-green-800">企业信息</h2>
+          <p className="text-muted-foreground">查看和管理本企业的完整注册信息</p>
+        </div>
+        <Card className="p-8 text-center text-muted-foreground">
+          暂无企业信息
+        </Card>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-6">
+      <EnterpriseInfoHeader
+        isEditing={isEditing}
+        onEdit={handleEdit}
+        onCancel={handleCancel}
+        onSave={handleSave}
+      />
+
+      {/* 审核状态提示 */}
+      <AuditStatusAlert enterprise={enterprise} />
+
+      {/* 分标签页展示信息 */}
+      <Tabs defaultValue="basic" className="space-y-4">
+        <TabsList className="grid grid-cols-4 w-full max-w-2xl">
+          <TabsTrigger value="basic">
+            <Building className="w-4 h-4 mr-2" />
+            基本信息
+          </TabsTrigger>
+          <TabsTrigger value="other">
+            <FileText className="w-4 h-4 mr-2" />
+            其他信息
+          </TabsTrigger>
+          <TabsTrigger value="bank">
+            <CreditCard className="w-4 h-4 mr-2" />
+            开户信息
+          </TabsTrigger>
+          <TabsTrigger value="legal">
+            <User className="w-4 h-4 mr-2" />
+            法人信息
+          </TabsTrigger>
+        </TabsList>
+
+        {/* 企业基本信息 */}
+        <TabsContent value="basic" className="space-y-4">
+          <BasicInfoForm
+            enterprise={enterprise}
+            isEditing={isEditing}
+            formData={formData}
+            onFieldChange={handleChange}
+          />
+        </TabsContent>
+
+        {/* 其他信息 */}
+        <TabsContent value="other" className="space-y-4">
+          <OtherInfoForm
+            enterprise={enterprise}
+            isEditing={isEditing}
+            formData={formData}
+            onFieldChange={handleChange}
+            onImageUpload={handleImageUpload}
+          />
+        </TabsContent>
+
+        {/* 开户信息 */}
+        <TabsContent value="bank" className="space-y-4">
+          <BankInfoForm
+            enterprise={enterprise}
+            isEditing={isEditing}
+            formData={formData}
+            onFieldChange={handleChange}
+            onImageUpload={handleImageUpload}
+          />
+        </TabsContent>
+
+        {/* 法人信息 */}
+        <TabsContent value="legal" className="space-y-4">
+          <LegalInfoForm
+            enterprise={enterprise}
+            isEditing={isEditing}
+            formData={formData}
+            onFieldChange={handleChange}
+            onImageUpload={handleImageUpload}
+          />
+        </TabsContent>
+      </Tabs>
+
+      {/* 系统信息 */}
+      <SystemInfo enterprise={enterprise} />
+
+      {/* 操作提示 */}
+      <OperationTips />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/enterprise-info/types.ts b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/types.ts
new file mode 100644
index 0000000..97fc20e
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/enterprise-info/types.ts
@@ -0,0 +1,55 @@
+// 企业信息相关类型定义
+
+export interface Enterprise {
+  id: string;
+  // 企业基本信息
+  name: string;
+  type: string; // 企业类型
+  province: string;
+  city: string;
+  district?: string;
+
+  // 其他信息
+  companySize?: string; // 公司规模
+  registeredCapital?: string; // 注册资本
+  establishmentDate?: string; // 成立时间
+  invoiceType?: string; // 发票类型
+  socialCreditCode: string; // 社会信用代码
+  businessScope?: string; // 经营范围
+  businessLicense?: string; // 营业执照（图片URL）
+
+  // 开户信息
+  bankAccount?: string; // 银行账号
+  bankName?: string; // 开户行
+  bankFullName?: string; // 开户行全称
+  bankAddress?: string; // 开户行地址
+  bankLicense?: string; // 开户许可证（图片URL）
+
+  // 法人信息
+  legalPerson?: string; // 法人名称
+  idCardFront?: string; // 身份证正面（图片URL）
+  idCardBack?: string; // 身份证反面（图片URL）
+
+  // 联系信息
+  registrant: string;
+  contactPhone: string;
+  address: string;
+
+  // 系统信息
+  status: EnterpriseStatus;
+  auditStatus: AuditStatus;
+  auditReason?: string;
+  auditTime?: string;
+  auditor?: string;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export type EnterpriseStatus = 'active' | 'inactive' | 'suspended';
+export type AuditStatus = 'pending' | 'approved' | 'rejected';
+
+// 编辑状态
+export type EditingState = {
+  isEditing: boolean;
+  formData: Partial<Enterprise>;
+};
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/page.tsx b/crop-x/src/app/(app)/central-config/tenant/page.tsx
new file mode 100644
index 0000000..be0b239
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/page.tsx
@@ -0,0 +1,30 @@
+'use client';
+
+import React from 'react';
+import Link from 'next/link';
+
+export default function TenantPage() {
+  return (
+    <div className="p-6">
+      <h1 className="text-2xl font-bold mb-4">租户管理</h1>
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+        <Link href="/central-config/tenant/enterprise-audit" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
+          <h3 className="text-lg font-semibold mb-2">企业审核</h3>
+          <p className="text-gray-600 text-sm">审核企业入驻申请</p>
+        </Link>
+        <Link href="/central-config/tenant/audit-history" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
+          <h3 className="text-lg font-semibold mb-2">审核历史</h3>
+          <p className="text-gray-600 text-sm">查看历史审核记录</p>
+        </Link>
+        <Link href="/central-config/tenant/enterprise-info" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
+          <h3 className="text-lg font-semibold mb-2">企业信息</h3>
+          <p className="text-gray-600 text-sm">管理企业基本信息</p>
+        </Link>
+        <Link href="/central-config/tenant/user-management" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
+          <h3 className="text-lg font-semibold mb-2">用户管理</h3>
+          <p className="text-gray-600 text-sm">管理平台用户</p>
+        </Link>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/user-management/components/UserDetailDialog.tsx b/crop-x/src/app/(app)/central-config/tenant/user-management/components/UserDetailDialog.tsx
new file mode 100644
index 0000000..3ec4a32
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/user-management/components/UserDetailDialog.tsx
@@ -0,0 +1,118 @@
+'use client';
+
+import React from 'react';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Label } from '@/components/ui/label';
+import { Badge } from '@/components/ui/badge';
+import { User, UserStatus, UserType } from '../types';
+
+interface UserDetailDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  selectedUser: User | null;
+}
+
+export function UserDetailDialog({
+  open,
+  onOpenChange,
+  selectedUser
+}: UserDetailDialogProps) {
+  const getStatusBadge = (status: UserStatus) => {
+    switch (status) {
+      case 'active':
+        return <Badge className="bg-green-100 text-green-700">正常</Badge>;
+      case 'frozen':
+        return <Badge className="bg-gray-100 text-gray-700">已冻结</Badge>;
+      case 'inactive':
+        return <Badge className="bg-red-100 text-red-700">停用</Badge>;
+      default:
+        return <Badge>{status}</Badge>;
+    }
+  };
+
+  const getUserTypeBadge = (type: UserType) => {
+    switch (type) {
+      case 'super_admin':
+        return <Badge className="bg-purple-100 text-purple-700">超级管理员</Badge>;
+      case 'enterprise_admin':
+        return <Badge className="bg-blue-100 text-blue-700">企业管理员</Badge>;
+      case 'employee':
+        return <Badge className="bg-green-100 text-green-700">员工</Badge>;
+      default:
+        return <Badge>{type}</Badge>;
+    }
+  };
+
+  if (!selectedUser) return null;
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-2xl">
+        <DialogHeader>
+          <DialogTitle>用户详情</DialogTitle>
+          <DialogDescription className="sr-only">
+            查看用户的详细信息
+          </DialogDescription>
+        </DialogHeader>
+        <div className="space-y-4">
+          <div className="grid grid-cols-2 gap-4">
+            <div>
+              <Label>用户名</Label>
+              <div className="mt-1">{selectedUser.username}</div>
+            </div>
+            <div>
+              <Label>姓名</Label>
+              <div className="mt-1">{selectedUser.name}</div>
+            </div>
+            <div>
+              <Label>电话</Label>
+              <div className="mt-1">{selectedUser.phone}</div>
+            </div>
+            <div>
+              <Label>邮箱</Label>
+              <div className="mt-1">{selectedUser.email || '-'}</div>
+            </div>
+            <div>
+              <Label>用户类型</Label>
+              <div className="mt-1">{getUserTypeBadge(selectedUser.userType)}</div>
+            </div>
+            <div>
+              <Label>所属企业</Label>
+              <div className="mt-1">{selectedUser.enterpriseName || '-'}</div>
+            </div>
+            <div>
+              <Label>状态</Label>
+              <div className="mt-1">{getStatusBadge(selectedUser.status)}</div>
+            </div>
+            {selectedUser.lastLoginTime && (
+              <div>
+                <Label>最后登录</Label>
+                <div className="mt-1">
+                  {new Date(selectedUser.lastLoginTime).toLocaleString('zh-CN')}
+                </div>
+              </div>
+            )}
+            <div>
+              <Label>创建时间</Label>
+              <div className="mt-1">
+                {new Date(selectedUser.createdAt).toLocaleString('zh-CN')}
+              </div>
+            </div>
+            <div>
+              <Label>更新时间</Label>
+              <div className="mt-1">
+                {new Date(selectedUser.updatedAt).toLocaleString('zh-CN')}
+              </div>
+            </div>
+          </div>
+        </div>
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)}>
+            关闭
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/user-management/components/UserFormDialog.tsx b/crop-x/src/app/(app)/central-config/tenant/user-management/components/UserFormDialog.tsx
new file mode 100644
index 0000000..c7a96c2
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/user-management/components/UserFormDialog.tsx
@@ -0,0 +1,138 @@
+'use client';
+
+import React from 'react';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { User, Enterprise, UserFormData } from '../types';
+
+interface UserFormDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  editingUser: User | null;
+  formData: UserFormData;
+  onFormDataChange: (data: UserFormData) => void;
+  onSave: () => void;
+  enterprises: Enterprise[];
+}
+
+export function UserFormDialog({
+  open,
+  onOpenChange,
+  editingUser,
+  formData,
+  onFormDataChange,
+  onSave,
+  enterprises
+}: UserFormDialogProps) {
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-2xl">
+        <DialogHeader>
+          <DialogTitle>{editingUser ? '编辑用户' : '添加用户'}</DialogTitle>
+          <DialogDescription className="sr-only">
+            {editingUser ? '编辑用户信息' : '添加新用户'}
+          </DialogDescription>
+        </DialogHeader>
+        <div className="space-y-4">
+          <div className="grid grid-cols-2 gap-4">
+            <div>
+              <Label htmlFor="username">用户名 *</Label>
+              <Input
+                id="username"
+                value={formData.username || ''}
+                onChange={(e) => onFormDataChange({ ...formData, username: e.target.value })}
+                placeholder="登录用户名"
+              />
+            </div>
+            <div>
+              <Label htmlFor="name">姓名 *</Label>
+              <Input
+                id="name"
+                value={formData.name || ''}
+                onChange={(e) => onFormDataChange({ ...formData, name: e.target.value })}
+                placeholder="真实姓名"
+              />
+            </div>
+            <div>
+              <Label htmlFor="phone">电话 *</Label>
+              <Input
+                id="phone"
+                value={formData.phone || ''}
+                onChange={(e) => onFormDataChange({ ...formData, phone: e.target.value })}
+                placeholder="手机号码"
+              />
+            </div>
+            <div>
+              <Label htmlFor="email">邮箱</Label>
+              <Input
+                id="email"
+                type="email"
+                value={formData.email || ''}
+                onChange={(e) => onFormDataChange({ ...formData, email: e.target.value })}
+                placeholder="电子邮箱"
+              />
+            </div>
+            <div>
+              <Label htmlFor="userType">用户类型 *</Label>
+              <Select
+                value={formData.userType || 'enterprise_admin'}
+                onValueChange={(value) => {
+                  onFormDataChange({
+                    ...formData,
+                    userType: value,
+                    // 如果切换为超级管理员，清除企业信息
+                    ...(value === 'super_admin' ? { enterpriseId: undefined, enterpriseName: undefined } : {})
+                  });
+                }}
+              >
+                <SelectTrigger>
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="super_admin">超级管理员</SelectItem>
+                  <SelectItem value="enterprise_admin">企业管理员</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+            {formData.userType === 'enterprise_admin' && (
+              <div>
+                <Label htmlFor="enterpriseId">所属企业 *</Label>
+                <Select
+                  value={formData.enterpriseId || ''}
+                  onValueChange={(value: string) => {
+                    const selectedEnterprise = enterprises.find(e => e.id === value);
+                    onFormDataChange({
+                      ...formData,
+                      enterpriseId: value,
+                      enterpriseName: selectedEnterprise?.name
+                    });
+                  }}
+                >
+                  <SelectTrigger>
+                    <SelectValue placeholder="请选择企业" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {enterprises.map((enterprise) => (
+                      <SelectItem key={enterprise.id} value={enterprise.id}>
+                        {enterprise.name}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </div>
+            )}
+          </div>
+        </div>
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)}>
+            取消
+          </Button>
+          <Button onClick={onSave}>保存</Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/user-management/components/UserList.tsx b/crop-x/src/app/(app)/central-config/tenant/user-management/components/UserList.tsx
new file mode 100644
index 0000000..9ee14ad
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/user-management/components/UserList.tsx
@@ -0,0 +1,140 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+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, Edit, Lock, Trash2, UserX, UserCheck } from 'lucide-react';
+import { User, UserStatus, UserType } from '../types';
+
+interface UserListProps {
+  users: User[];
+  onViewDetail: (user: User) => void;
+  onEdit: (user: User) => void;
+  onResetPassword: (user: User) => void;
+  onToggleStatus: (user: User) => void;
+  onDelete: (id: string) => void;
+}
+
+export function UserList({
+  users,
+  onViewDetail,
+  onEdit,
+  onResetPassword,
+  onToggleStatus,
+  onDelete
+}: UserListProps) {
+  const getStatusBadge = (status: UserStatus) => {
+    switch (status) {
+      case 'active':
+        return <Badge className="bg-green-100 text-green-700">正常</Badge>;
+      case 'frozen':
+        return <Badge className="bg-gray-100 text-gray-700">已冻结</Badge>;
+      case 'inactive':
+        return <Badge className="bg-red-100 text-red-700">停用</Badge>;
+      default:
+        return <Badge>{status}</Badge>;
+    }
+  };
+
+  const getUserTypeBadge = (type: UserType) => {
+    switch (type) {
+      case 'super_admin':
+        return <Badge className="bg-purple-100 text-purple-700">超级管理员</Badge>;
+      case 'enterprise_admin':
+        return <Badge className="bg-blue-100 text-blue-700">企业管理员</Badge>;
+      case 'employee':
+        return <Badge className="bg-green-100 text-green-700">员工</Badge>;
+      default:
+        return <Badge>{type}</Badge>;
+    }
+  };
+
+  return (
+    <Card>
+      <Table>
+        <TableHeader>
+          <TableRow>
+            <TableHead>用户名</TableHead>
+            <TableHead>姓名</TableHead>
+            <TableHead>电话</TableHead>
+            <TableHead>所属企业</TableHead>
+            <TableHead>用户类型</TableHead>
+            <TableHead>角色</TableHead>
+            <TableHead>状态</TableHead>
+            <TableHead>操作</TableHead>
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {users.length === 0 ? (
+            <TableRow>
+              <TableCell colSpan={8} className="text-center text-muted-foreground py-8">
+                暂无数据
+              </TableCell>
+            </TableRow>
+          ) : (
+            users.map((user) => (
+              <TableRow key={user.id}>
+                <TableCell className="text-muted-foreground">{user.username}</TableCell>
+                <TableCell>{user.name}</TableCell>
+                <TableCell>{user.phone}</TableCell>
+                <TableCell className="text-muted-foreground">{user.enterpriseName || '-'}</TableCell>
+                <TableCell>{getUserTypeBadge(user.userType)}</TableCell>
+                <TableCell>
+                  {user.roles && user.roles.length > 0 ? user.roles.join(', ') : '-'}
+                </TableCell>
+                <TableCell>{getStatusBadge(user.status)}</TableCell>
+                <TableCell>
+                  <div className="flex gap-1">
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={() => onViewDetail(user)}
+                    >
+                      <Eye className="w-4 h-4" />
+                    </Button>
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={() => onEdit(user)}
+                    >
+                      <Edit className="w-4 h-4" />
+                    </Button>
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={() => onResetPassword(user)}
+                    >
+                      <Lock className="w-4 h-4" />
+                    </Button>
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={() => onToggleStatus(user)}
+                    >
+                      {user.status === 'active' ? (
+                        <UserX className="w-4 h-4 text-orange-600" />
+                      ) : (
+                        <UserCheck className="w-4 h-4 text-green-600" />
+                      )}
+                    </Button>
+                    {user.userType !== 'super_admin' && (
+                      <Button
+                        variant="ghost"
+                        size="sm"
+                        onClick={() => onDelete(user.id)}
+                      >
+                        <Trash2 className="w-4 h-4 text-destructive" />
+                      </Button>
+                    )}
+                  </div>
+                </TableCell>
+              </TableRow>
+            ))
+          )}
+        </TableBody>
+      </Table>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/user-management/components/UserManagementFilters.tsx b/crop-x/src/app/(app)/central-config/tenant/user-management/components/UserManagementFilters.tsx
new file mode 100644
index 0000000..a169737
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/user-management/components/UserManagementFilters.tsx
@@ -0,0 +1,61 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { Input } from '@/components/ui/input';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { Search } from 'lucide-react';
+import { UserFilters } from '../types';
+
+interface UserManagementFiltersProps {
+  filters: UserFilters;
+  onFiltersChange: (filters: UserFilters) => void;
+}
+
+export function UserManagementFilters({ filters, onFiltersChange }: UserManagementFiltersProps) {
+  const updateFilter = (key: keyof UserFilters, value: string) => {
+    onFiltersChange({
+      ...filters,
+      [key]: value
+    });
+  };
+
+  return (
+    <Card className="p-4">
+      <div className="flex gap-4">
+        <div className="flex-1">
+          <div className="relative">
+            <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-muted-foreground" />
+            <Input
+              placeholder="搜索用户名、姓名、电话、企业..."
+              value={filters.searchKeyword}
+              onChange={(e) => updateFilter('searchKeyword', e.target.value)}
+              className="pl-10"
+            />
+          </div>
+        </div>
+        <Select value={filters.typeFilter} onValueChange={(value) => updateFilter('typeFilter', value)}>
+          <SelectTrigger className="w-40">
+            <SelectValue />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">全部类型</SelectItem>
+            <SelectItem value="super_admin">超级管理员</SelectItem>
+            <SelectItem value="enterprise_admin">企业管理员</SelectItem>
+            <SelectItem value="employee">员工</SelectItem>
+          </SelectContent>
+        </Select>
+        <Select value={filters.statusFilter} onValueChange={(value) => updateFilter('statusFilter', value)}>
+          <SelectTrigger className="w-40">
+            <SelectValue />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">全部状态</SelectItem>
+            <SelectItem value="active">正常</SelectItem>
+            <SelectItem value="frozen">已冻结</SelectItem>
+          </SelectContent>
+        </Select>
+      </div>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/user-management/components/UserManagementHeader.tsx b/crop-x/src/app/(app)/central-config/tenant/user-management/components/UserManagementHeader.tsx
new file mode 100644
index 0000000..ebefe18
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/user-management/components/UserManagementHeader.tsx
@@ -0,0 +1,31 @@
+'use client';
+
+import React from 'react';
+import { Button } from '@/components/ui/button';
+import { Plus, Download } from 'lucide-react';
+
+interface UserManagementHeaderProps {
+  onAddUser: () => void;
+  onExport: () => void;
+}
+
+export function UserManagementHeader({ onAddUser, onExport }: UserManagementHeaderProps) {
+  return (
+    <div className="flex items-center justify-between">
+      <div>
+        <h2 className="text-green-800">用户管理</h2>
+        <p className="text-muted-foreground">平台所有用户账户的集中管理</p>
+      </div>
+      <div className="flex gap-2">
+        <Button variant="outline" onClick={onExport}>
+          <Download className="w-4 h-4 mr-2" />
+          导出
+        </Button>
+        <Button onClick={onAddUser}>
+          <Plus className="w-4 h-4 mr-2" />
+          添加用户
+        </Button>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/user-management/components/UserManagementStatsCards.tsx b/crop-x/src/app/(app)/central-config/tenant/user-management/components/UserManagementStatsCards.tsx
new file mode 100644
index 0000000..d592e7c
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/user-management/components/UserManagementStatsCards.tsx
@@ -0,0 +1,49 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { UserManagementStats, User } from '../types';
+
+interface UserManagementStatsCardsProps {
+  users: User[];
+}
+
+export function UserManagementStatsCards({ users }: UserManagementStatsCardsProps) {
+  const stats: UserManagementStats[] = [
+    {
+      label: '总用户数',
+      value: users.length,
+      color: 'text-blue-600',
+      bg: 'bg-blue-100',
+    },
+    {
+      label: '超级管理员',
+      value: users.filter(u => u.userType === 'super_admin').length,
+      color: 'text-purple-600',
+      bg: 'bg-purple-100',
+    },
+    {
+      label: '企业管理员',
+      value: users.filter(u => u.userType === 'enterprise_admin').length,
+      color: 'text-blue-600',
+      bg: 'bg-blue-100',
+    },
+    {
+      label: '正常用户',
+      value: users.filter(u => u.status === 'active').length,
+      color: 'text-green-600',
+      bg: 'bg-green-100',
+    },
+  ];
+
+  return (
+    <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+      {stats.map((stat, index) => (
+        <Card key={index} className="p-4">
+          <div className="text-sm text-muted-foreground">{stat.label}</div>
+          <div className={`mt-2 ${stat.color} text-2xl font-semibold`}>{stat.value}</div>
+        </Card>
+      ))}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/user-management/page.tsx b/crop-x/src/app/(app)/central-config/tenant/user-management/page.tsx
new file mode 100644
index 0000000..48141d2
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/user-management/page.tsx
@@ -0,0 +1,272 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { toast } from 'sonner';
+
+import { UserManagementHeader } from './components/UserManagementHeader';
+import { UserManagementStatsCards } from './components/UserManagementStatsCards';
+import { UserManagementFilters } from './components/UserManagementFilters';
+import { UserList } from './components/UserList';
+import { UserFormDialog } from './components/UserFormDialog';
+import { UserDetailDialog } from './components/UserDetailDialog';
+import { User, Enterprise, UserFilters, UserFormData } from './types';
+
+export default function TenantUserManagementPage() {
+  const [users, setUsers] = useState<User[]>([]);
+  const [enterprises, setEnterprises] = useState<Enterprise[]>([]);
+  const [filters, setFilters] = useState<UserFilters>({
+    searchKeyword: '',
+    statusFilter: 'all',
+    typeFilter: 'all'
+  });
+  const [showForm, setShowForm] = useState(false);
+  const [showDetailDialog, setShowDetailDialog] = useState(false);
+  const [editingUser, setEditingUser] = useState<User | null>(null);
+  const [selectedUser, setSelectedUser] = useState<User | null>(null);
+  const [formData, setFormData] = useState<UserFormData>({
+    userType: 'enterprise_admin',
+    status: 'active',
+    roleIds: [],
+  });
+
+  useEffect(() => {
+    loadUsers();
+    loadEnterprises();
+  }, []);
+
+  const loadEnterprises = () => {
+    const data = localStorage.getItem('smart_agriculture_enterprises');
+    if (data) {
+      const allEnterprises = JSON.parse(data);
+      setEnterprises(allEnterprises.map((e: any) => ({ id: e.id, name: e.name })));
+    }
+  };
+
+  const loadUsers = () => {
+    const data = localStorage.getItem('smart_agriculture_users');
+    if (data) {
+      setUsers(JSON.parse(data));
+    } else {
+      // 初始化示例数据
+      const mockUsers: User[] = [
+        {
+          id: 'user-1',
+          username: 'admin',
+          name: '系统管理员',
+          phone: '13900000000',
+          email: 'admin@system.com',
+          userType: 'super_admin',
+          roleIds: ['role-1'],
+          roles: ['超级管理员'],
+          status: 'active',
+          createdAt: '2024-01-01T00:00:00',
+          updatedAt: '2024-01-01T00:00:00',
+          lastLoginTime: '2024-10-14T10:00:00',
+        },
+        {
+          id: 'user-2',
+          username: 'ent_admin_1',
+          name: '李总',
+          phone: '13900139002',
+          email: 'litotal@fengshou.com',
+          enterpriseId: 'ent-2',
+          enterpriseName: '丰收现代农业集团',
+          userType: 'enterprise_admin',
+          roleIds: ['role-2'],
+          roles: ['企业管理员'],
+          status: 'active',
+          createdAt: '2024-10-05T10:00:00',
+          updatedAt: '2024-10-05T10:00:00',
+          lastLoginTime: '2024-10-14T09:00:00',
+        },
+        {
+          id: 'user-3',
+          username: 'zhangsan',
+          name: '张三',
+          phone: '13800138001',
+          email: 'zhangsan@fengshou.com',
+          enterpriseId: 'ent-2',
+          enterpriseName: '丰收现代农业集团',
+          userType: 'employee',
+          roleIds: ['role-3'],
+          roles: ['操作员'],
+          status: 'active',
+          createdAt: '2024-10-01T08:00:00',
+          updatedAt: '2024-10-01T08:00:00',
+          lastLoginTime: '2024-10-14T08:30:00',
+        },
+      ];
+      localStorage.setItem('smart_agriculture_users', JSON.stringify(mockUsers));
+      setUsers(mockUsers);
+    }
+  };
+
+  const filteredUsers = users.filter(user => {
+    const matchKeyword = !filters.searchKeyword ||
+      user.name.includes(filters.searchKeyword) ||
+      user.username.includes(filters.searchKeyword) ||
+      user.phone.includes(filters.searchKeyword) ||
+      (user.enterpriseName && user.enterpriseName.includes(filters.searchKeyword));
+
+    const matchStatus = filters.statusFilter === 'all' || user.status === filters.statusFilter;
+    const matchType = filters.typeFilter === 'all' || user.userType === filters.typeFilter;
+
+    return matchKeyword && matchStatus && matchType;
+  });
+
+  const handleAddUser = () => {
+    setEditingUser(null);
+    setFormData({
+      userType: 'enterprise_admin',
+      status: 'active',
+      roleIds: [],
+    });
+    setShowForm(true);
+  };
+
+  const handleEdit = (user: User) => {
+    setEditingUser(user);
+    setFormData(user);
+    setShowForm(true);
+  };
+
+  const handleSave = () => {
+    if (!formData.username || !formData.name || !formData.phone) {
+      toast.error('请填写必填项');
+      return;
+    }
+
+    // 如果是企业管理员，必须选择企业
+    if (formData.userType === 'enterprise_admin' && !formData.enterpriseId) {
+      toast.error('企业管理员必须选择所属企业');
+      return;
+    }
+
+    // 根据选择的企业ID设置企业名称
+    let enterpriseName = formData.enterpriseName;
+    if (formData.enterpriseId && !enterpriseName) {
+      const selectedEnterprise = enterprises.find(e => e.id === formData.enterpriseId);
+      if (selectedEnterprise) {
+        enterpriseName = selectedEnterprise.name;
+      }
+    }
+
+    if (editingUser) {
+      const updated = users.map(user =>
+        user.id === editingUser.id
+          ? {
+              ...user,
+              ...formData,
+              enterpriseName,
+              updatedAt: new Date().toISOString(),
+            }
+          : user
+      );
+      setUsers(updated);
+      localStorage.setItem('smart_agriculture_users', JSON.stringify(updated));
+      toast.success('用户信息更新成功');
+    } else {
+      const newUser: User = {
+        id: `user-${Date.now()}`,
+        ...formData as User,
+        enterpriseName,
+        createdAt: new Date().toISOString(),
+        updatedAt: new Date().toISOString(),
+      };
+      const updated = [...users, newUser];
+      setUsers(updated);
+      localStorage.setItem('smart_agriculture_users', JSON.stringify(updated));
+      toast.success('用户添加成功');
+    }
+
+    setShowForm(false);
+  };
+
+  const handleDelete = (id: string) => {
+    if (!confirm('确定要删除该用户吗？')) return;
+
+    const updated = users.filter(user => user.id !== id);
+    setUsers(updated);
+    localStorage.setItem('smart_agriculture_users', JSON.stringify(updated));
+    toast.success('用户删除成功');
+  };
+
+  const handleToggleStatus = (user: User) => {
+    const newStatus = user.status === 'active' ? 'frozen' : 'active';
+    const updated = users.map(u =>
+      u.id === user.id
+        ? { ...u, status: newStatus, updatedAt: new Date().toISOString() }
+        : u
+    );
+    setUsers(updated);
+    localStorage.setItem('smart_agriculture_users', JSON.stringify(updated));
+    toast.success(newStatus === 'active' ? '账户已激活' : '账户已冻结');
+  };
+
+  const handleResetPassword = (user: User) => {
+    if (!confirm(`确定要重置 ${user.name} 的密码吗？`)) return;
+    toast.success('密码已重置为：123456');
+  };
+
+  const handleViewDetail = (user: User) => {
+    setSelectedUser(user);
+    setShowDetailDialog(true);
+  };
+
+  const handleExport = () => {
+    const dataStr = JSON.stringify(users, null, 2);
+    const dataBlob = new Blob([dataStr], { type: 'application/json' });
+    const url = URL.createObjectURL(dataBlob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = `users_${new Date().getTime()}.json`;
+    link.click();
+    toast.success('用户数据导出成功');
+  };
+
+  return (
+    <div className="space-y-6">
+      <UserManagementHeader
+        onAddUser={handleAddUser}
+        onExport={handleExport}
+      />
+
+      {/* 统计卡片 */}
+      <UserManagementStatsCards users={users} />
+
+      {/* 搜索和筛选 */}
+      <UserManagementFilters
+        filters={filters}
+        onFiltersChange={setFilters}
+      />
+
+      {/* 用户列表 */}
+      <UserList
+        users={filteredUsers}
+        onViewDetail={handleViewDetail}
+        onEdit={handleEdit}
+        onResetPassword={handleResetPassword}
+        onToggleStatus={handleToggleStatus}
+        onDelete={handleDelete}
+      />
+
+      {/* 添加/编辑表单 */}
+      <UserFormDialog
+        open={showForm}
+        onOpenChange={setShowForm}
+        editingUser={editingUser}
+        formData={formData}
+        onFormDataChange={setFormData}
+        onSave={handleSave}
+        enterprises={enterprises}
+      />
+
+      {/* 详情对话框 */}
+      <UserDetailDialog
+        open={showDetailDialog}
+        onOpenChange={setShowDetailDialog}
+        selectedUser={selectedUser}
+      />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/tenant/user-management/types.ts b/crop-x/src/app/(app)/central-config/tenant/user-management/types.ts
new file mode 100644
index 0000000..ca463b5
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/tenant/user-management/types.ts
@@ -0,0 +1,54 @@
+// 用户管理相关类型定义
+
+export interface User {
+  id: string;
+  username: string;
+  name: string;
+  phone: string;
+  email?: string;
+  enterpriseId?: string;
+  enterpriseName?: string;
+  roleIds: string[];
+  roles?: string[];
+  userType: UserType;
+  status: UserStatus;
+  createdAt: string;
+  updatedAt: string;
+  lastLoginTime?: string;
+}
+
+export type UserType = 'super_admin' | 'enterprise_admin' | 'employee';
+export type UserStatus = 'active' | 'inactive' | 'frozen';
+
+export interface Enterprise {
+  id: string;
+  name: string;
+}
+
+// 统计数据
+export interface UserManagementStats {
+  label: string;
+  value: number;
+  color: string;
+  bg: string;
+}
+
+// 筛选条件
+export interface UserFilters {
+  searchKeyword: string;
+  statusFilter: string;
+  typeFilter: string;
+}
+
+// 表单数据
+export interface UserFormData {
+  username?: string;
+  name?: string;
+  phone?: string;
+  email?: string;
+  userType?: UserType;
+  status?: UserStatus;
+  enterpriseId?: string;
+  enterpriseName?: string;
+  roleIds?: string[];
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user-management/employee-management/page.tsx b/crop-x/src/app/(app)/central-config/user-management/employee-management/page.tsx
deleted file mode 100644
index 0822c11..0000000
--- a/crop-x/src/app/(app)/central-config/user-management/employee-management/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function EmployeeManagementPage() {
-  return (
-    <div className="p-6">
-      <h1 className="text-2xl font-bold mb-4">员工管理</h1>
-      <p>员工管理功能页面</p>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user-management/layout.tsx b/crop-x/src/app/(app)/central-config/user-management/layout.tsx
deleted file mode 100644
index 358744c..0000000
--- a/crop-x/src/app/(app)/central-config/user-management/layout.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user-management/menu-management/page.tsx b/crop-x/src/app/(app)/central-config/user-management/menu-management/page.tsx
deleted file mode 100644
index c082fe3..0000000
--- a/crop-x/src/app/(app)/central-config/user-management/menu-management/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function MenuManagementPage() {
-  return (
-    <div className="p-6">
-      <h1 className="text-2xl font-bold mb-4">菜单管理</h1>
-      <p>菜单管理功能页面</p>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user-management/page.tsx b/crop-x/src/app/(app)/central-config/user-management/page.tsx
deleted file mode 100644
index a69ade1..0000000
--- a/crop-x/src/app/(app)/central-config/user-management/page.tsx
+++ /dev/null
@@ -1,178 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user-management/permission-config/page.tsx b/crop-x/src/app/(app)/central-config/user-management/permission-config/page.tsx
deleted file mode 100644
index 1926f4a..0000000
--- a/crop-x/src/app/(app)/central-config/user-management/permission-config/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function PermissionConfigPage() {
-  return (
-    <div className="p-6">
-      <h1 className="text-2xl font-bold mb-4">权限配置管理</h1>
-      <p>权限配置管理功能页面</p>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user-management/role-management/page.tsx b/crop-x/src/app/(app)/central-config/user-management/role-management/page.tsx
deleted file mode 100644
index e270af4..0000000
--- a/crop-x/src/app/(app)/central-config/user-management/role-management/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function RoleManagementPage() {
-  return (
-    <div className="p-6">
-      <h1 className="text-2xl font-bold mb-4">角色管理</h1>
-      <p>角色管理功能页面</p>
-    </div>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user-management/role-permission-management/page.tsx b/crop-x/src/app/(app)/central-config/user-management/role-permission-management/page.tsx
deleted file mode 100644
index d7f4ff6..0000000
--- a/crop-x/src/app/(app)/central-config/user-management/role-permission-management/page.tsx
+++ /dev/null
@@ -1,245 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user-management/user-account-management/page.tsx b/crop-x/src/app/(app)/central-config/user-management/user-account-management/page.tsx
deleted file mode 100644
index 2163421..0000000
--- a/crop-x/src/app/(app)/central-config/user-management/user-account-management/page.tsx
+++ /dev/null
@@ -1,283 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user-management/user-behavior-tracking/page.tsx b/crop-x/src/app/(app)/central-config/user-management/user-behavior-tracking/page.tsx
deleted file mode 100644
index fea1ba5..0000000
--- a/crop-x/src/app/(app)/central-config/user-management/user-behavior-tracking/page.tsx
+++ /dev/null
@@ -1,337 +0,0 @@
-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>
-  )
-}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/employee/components/EmployeeDetailDialog.tsx b/crop-x/src/app/(app)/central-config/user/employee/components/EmployeeDetailDialog.tsx
new file mode 100644
index 0000000..e4e5c1c
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/employee/components/EmployeeDetailDialog.tsx
@@ -0,0 +1,119 @@
+'use client';
+
+import React from 'react';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Label } from '@/components/ui/label';
+import { Badge } from '@/components/ui/badge';
+import { Employee, UserStatus } from '../types';
+
+interface EmployeeDetailDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  selectedEmployee: Employee | null;
+}
+
+export function EmployeeDetailDialog({
+  open,
+  onOpenChange,
+  selectedEmployee
+}: EmployeeDetailDialogProps) {
+  const getStatusBadge = (status: UserStatus) => {
+    switch (status) {
+      case 'active':
+        return <Badge className="bg-green-100 text-green-700">正常</Badge>;
+      case 'frozen':
+        return <Badge className="bg-gray-100 text-gray-700">已冻结</Badge>;
+      case 'inactive':
+        return <Badge className="bg-red-100 text-red-700">停用</Badge>;
+      default:
+        return <Badge>{status}</Badge>;
+    }
+  };
+
+  if (!selectedEmployee) return null;
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-2xl">
+        <DialogHeader>
+          <DialogTitle>员工详情</DialogTitle>
+          <DialogDescription className="sr-only">
+            查看员工的详细信息
+          </DialogDescription>
+        </DialogHeader>
+        <div className="space-y-4">
+          <div className="grid grid-cols-2 gap-4">
+            <div>
+              <Label>姓名</Label>
+              <div className="mt-1">{selectedEmployee.name}</div>
+            </div>
+            <div>
+              <Label>用户名</Label>
+              <div className="mt-1">{selectedEmployee.username}</div>
+            </div>
+            <div>
+              <Label>电话</Label>
+              <div className="mt-1">{selectedEmployee.phone}</div>
+            </div>
+            <div>
+              <Label>邮箱</Label>
+              <div className="mt-1">{selectedEmployee.email || '-'}</div>
+            </div>
+            <div>
+              <Label>部门</Label>
+              <div className="mt-1">{selectedEmployee.department || '-'}</div>
+            </div>
+            <div>
+              <Label>职位</Label>
+              <div className="mt-1">{selectedEmployee.position || '-'}</div>
+            </div>
+            <div>
+              <Label>状态</Label>
+              <div className="mt-1">{getStatusBadge(selectedEmployee.status)}</div>
+            </div>
+            <div className="col-span-2">
+              <Label>角色</Label>
+              <div className="mt-1 flex flex-wrap gap-2">
+                {selectedEmployee.roles && selectedEmployee.roles.length > 0 ? (
+                  selectedEmployee.roles.map((role, index) => (
+                    <Badge key={index} className="bg-purple-100 text-purple-700">
+                      {role}
+                    </Badge>
+                  ))
+                ) : (
+                  <span className="text-muted-foreground">未分配角色</span>
+                )}
+              </div>
+            </div>
+            {selectedEmployee.lastLoginTime && (
+              <div>
+                <Label>最后登录</Label>
+                <div className="mt-1">
+                  {new Date(selectedEmployee.lastLoginTime).toLocaleString('zh-CN')}
+                </div>
+              </div>
+            )}
+            <div>
+              <Label>创建时间</Label>
+              <div className="mt-1">
+                {new Date(selectedEmployee.createdAt).toLocaleString('zh-CN')}
+              </div>
+            </div>
+            <div>
+              <Label>更新时间</Label>
+              <div className="mt-1">
+                {new Date(selectedEmployee.updatedAt).toLocaleString('zh-CN')}
+              </div>
+            </div>
+          </div>
+        </div>
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)}>
+            关闭
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/employee/components/EmployeeFormDialog.tsx b/crop-x/src/app/(app)/central-config/user/employee/components/EmployeeFormDialog.tsx
new file mode 100644
index 0000000..5c21e41
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/employee/components/EmployeeFormDialog.tsx
@@ -0,0 +1,155 @@
+'use client';
+
+import React from 'react';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Card } from '@/components/ui/card';
+import { Checkbox } from '@/components/ui/checkbox';
+import { Employee, Role, EmployeeFormData } from '../types';
+
+interface EmployeeFormDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  editingEmployee: Employee | null;
+  formData: EmployeeFormData;
+  onFormDataChange: (data: EmployeeFormData) => void;
+  onSave: () => void;
+  roles: Role[];
+}
+
+export function EmployeeFormDialog({
+  open,
+  onOpenChange,
+  editingEmployee,
+  formData,
+  onFormDataChange,
+  onSave,
+  roles
+}: EmployeeFormDialogProps) {
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-2xl">
+        <DialogHeader>
+          <DialogTitle>{editingEmployee ? '编辑员工' : '添加员工'}</DialogTitle>
+          <DialogDescription className="sr-only">
+            {editingEmployee ? '编辑员工信息' : '添加新员工'}
+          </DialogDescription>
+        </DialogHeader>
+        <div className="space-y-4">
+          <div className="grid grid-cols-2 gap-4">
+            <div>
+              <Label htmlFor="username">用户名 *</Label>
+              <Input
+                id="username"
+                value={formData.username || ''}
+                onChange={(e) => onFormDataChange({ ...formData, username: e.target.value })}
+                placeholder="登录用户名"
+              />
+            </div>
+            <div>
+              <Label htmlFor="name">姓名 *</Label>
+              <Input
+                id="name"
+                value={formData.name || ''}
+                onChange={(e) => onFormDataChange({ ...formData, name: e.target.value })}
+                placeholder="真实姓名"
+              />
+            </div>
+            <div>
+              <Label htmlFor="phone">电话 *</Label>
+              <Input
+                id="phone"
+                value={formData.phone || ''}
+                onChange={(e) => onFormDataChange({ ...formData, phone: e.target.value })}
+                placeholder="手机号码"
+              />
+            </div>
+            <div>
+              <Label htmlFor="email">邮箱</Label>
+              <Input
+                id="email"
+                type="email"
+                value={formData.email || ''}
+                onChange={(e) => onFormDataChange({ ...formData, email: e.target.value })}
+                placeholder="电子邮箱"
+              />
+            </div>
+            <div>
+              <Label htmlFor="department">部门</Label>
+              <Input
+                id="department"
+                value={formData.department || ''}
+                onChange={(e) => onFormDataChange({ ...formData, department: e.target.value })}
+                placeholder="所属部门"
+              />
+            </div>
+            <div>
+              <Label htmlFor="position">职位</Label>
+              <Input
+                id="position"
+                value={formData.position || ''}
+                onChange={(e) => onFormDataChange({ ...formData, position: e.target.value })}
+                placeholder="职位名称"
+              />
+            </div>
+          </div>
+
+          {/* 角色选择 */}
+          <div>
+            <Label>角色配置 *</Label>
+            <Card className="mt-2 p-4 bg-gray-50">
+              <div className="grid grid-cols-2 gap-3">
+                {roles
+                  .filter(role => role.status === 'active')
+                  .map((role) => (
+                    <div key={role.id} className="flex items-start gap-2">
+                      <Checkbox
+                        id={`role-${role.id}`}
+                        checked={formData.roleIds?.includes(role.id) || false}
+                        onCheckedChange={(checked) => {
+                          if (checked) {
+                            onFormDataChange({
+                              ...formData,
+                              roleIds: [...(formData.roleIds || []), role.id],
+                            });
+                          } else {
+                            onFormDataChange({
+                              ...formData,
+                              roleIds: (formData.roleIds || []).filter(id => id !== role.id),
+                            });
+                          }
+                        }}
+                      />
+                      <div className="flex-1">
+                        <Label htmlFor={`role-${role.id}`} className="cursor-pointer text-foreground">
+                          {role.name}
+                        </Label>
+                        {role.description && (
+                          <p className="text-xs text-muted-foreground mt-0.5">
+                            {role.description}
+                          </p>
+                        )}
+                      </div>
+                    </div>
+                  ))}
+              </div>
+              {roles.filter(r => r.status === 'active').length === 0 && (
+                <p className="text-sm text-muted-foreground text-center py-2">
+                  暂无可用角色，请先在角色管理中创建角色
+                </p>
+              )}
+            </Card>
+          </div>
+        </div>
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)}>
+            取消
+          </Button>
+          <Button onClick={onSave}>保存</Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/employee/components/EmployeeList.tsx b/crop-x/src/app/(app)/central-config/user/employee/components/EmployeeList.tsx
new file mode 100644
index 0000000..7a061e9
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/employee/components/EmployeeList.tsx
@@ -0,0 +1,127 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+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, Edit, Lock, Trash2, UserX, UserCheck } from 'lucide-react';
+import { Employee, UserStatus } from '../types';
+
+interface EmployeeListProps {
+  employees: Employee[];
+  onViewDetail: (employee: Employee) => void;
+  onEdit: (employee: Employee) => void;
+  onResetPassword: (employee: Employee) => void;
+  onToggleStatus: (employee: Employee) => void;
+  onDelete: (id: string) => void;
+}
+
+export function EmployeeList({
+  employees,
+  onViewDetail,
+  onEdit,
+  onResetPassword,
+  onToggleStatus,
+  onDelete
+}: EmployeeListProps) {
+  const getStatusBadge = (status: UserStatus) => {
+    switch (status) {
+      case 'active':
+        return <Badge className="bg-green-100 text-green-700">正常</Badge>;
+      case 'frozen':
+        return <Badge className="bg-gray-100 text-gray-700">已冻结</Badge>;
+      case 'inactive':
+        return <Badge className="bg-red-100 text-red-700">停用</Badge>;
+      default:
+        return <Badge>{status}</Badge>;
+    }
+  };
+
+  return (
+    <Card>
+      <Table>
+        <TableHeader>
+          <TableRow>
+            <TableHead>姓名</TableHead>
+            <TableHead>用户名</TableHead>
+            <TableHead>电话</TableHead>
+            <TableHead>部门</TableHead>
+            <TableHead>职位</TableHead>
+            <TableHead>角色</TableHead>
+            <TableHead>状态</TableHead>
+            <TableHead>操作</TableHead>
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {employees.length === 0 ? (
+            <TableRow>
+              <TableCell colSpan={8} className="text-center text-muted-foreground py-8">
+                暂无数据
+              </TableCell>
+            </TableRow>
+          ) : (
+            employees.map((employee) => (
+              <TableRow key={employee.id}>
+                <TableCell>{employee.name}</TableCell>
+                <TableCell className="text-muted-foreground">{employee.username}</TableCell>
+                <TableCell>{employee.phone}</TableCell>
+                <TableCell className="text-muted-foreground">{employee.department || '-'}</TableCell>
+                <TableCell className="text-muted-foreground">{employee.position || '-'}</TableCell>
+                <TableCell>
+                  {employee.roles && employee.roles.length > 0
+                    ? employee.roles.join(', ')
+                    : '-'}
+                </TableCell>
+                <TableCell>{getStatusBadge(employee.status)}</TableCell>
+                <TableCell>
+                  <div className="flex gap-1">
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={() => onViewDetail(employee)}
+                    >
+                      <Eye className="w-4 h-4" />
+                    </Button>
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={() => onEdit(employee)}
+                    >
+                      <Edit className="w-4 h-4" />
+                    </Button>
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={() => onResetPassword(employee)}
+                    >
+                      <Lock className="w-4 h-4" />
+                    </Button>
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={() => onToggleStatus(employee)}
+                    >
+                      {employee.status === 'active' ? (
+                        <UserX className="w-4 h-4 text-orange-600" />
+                      ) : (
+                        <UserCheck className="w-4 h-4 text-green-600" />
+                      )}
+                    </Button>
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={() => onDelete(employee.id)}
+                    >
+                      <Trash2 className="w-4 h-4 text-destructive" />
+                    </Button>
+                  </div>
+                </TableCell>
+              </TableRow>
+            ))
+          )}
+        </TableBody>
+      </Table>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/employee/components/EmployeeManagementFilters.tsx b/crop-x/src/app/(app)/central-config/user/employee/components/EmployeeManagementFilters.tsx
new file mode 100644
index 0000000..4526438
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/employee/components/EmployeeManagementFilters.tsx
@@ -0,0 +1,53 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { Input } from '@/components/ui/input';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { Search } from 'lucide-react';
+import { EmployeeFilters } from '../types';
+
+interface EmployeeManagementFiltersProps {
+  filters: EmployeeFilters;
+  onFiltersChange: (filters: EmployeeFilters) => void;
+}
+
+export function EmployeeManagementFilters({
+  filters,
+  onFiltersChange
+}: EmployeeManagementFiltersProps) {
+  const updateFilter = (key: keyof EmployeeFilters, value: string) => {
+    onFiltersChange({
+      ...filters,
+      [key]: value
+    });
+  };
+
+  return (
+    <Card className="p-4">
+      <div className="flex gap-4">
+        <div className="flex-1">
+          <div className="relative">
+            <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-muted-foreground" />
+            <Input
+              placeholder="搜索员工姓名、用户名、电话、部门..."
+              value={filters.searchKeyword}
+              onChange={(e) => updateFilter('searchKeyword', e.target.value)}
+              className="pl-10"
+            />
+          </div>
+        </div>
+        <Select value={filters.statusFilter} onValueChange={(value) => updateFilter('statusFilter', value)}>
+          <SelectTrigger className="w-40">
+            <SelectValue />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="all">全部状态</SelectItem>
+            <SelectItem value="active">正常</SelectItem>
+            <SelectItem value="frozen">已冻结</SelectItem>
+          </SelectContent>
+        </Select>
+      </div>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/employee/components/EmployeeManagementHeader.tsx b/crop-x/src/app/(app)/central-config/user/employee/components/EmployeeManagementHeader.tsx
new file mode 100644
index 0000000..6190f64
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/employee/components/EmployeeManagementHeader.tsx
@@ -0,0 +1,24 @@
+'use client';
+
+import React from 'react';
+import { Button } from '@/components/ui/button';
+import { Plus } from 'lucide-react';
+
+interface EmployeeManagementHeaderProps {
+  onAddEmployee: () => void;
+}
+
+export function EmployeeManagementHeader({ onAddEmployee }: EmployeeManagementHeaderProps) {
+  return (
+    <div className="flex items-center justify-between">
+      <div>
+        <h2 className="text-green-800">员工管理</h2>
+        <p className="text-muted-foreground">管理本企业员工账户体系</p>
+      </div>
+      <Button onClick={onAddEmployee}>
+        <Plus className="w-4 h-4 mr-2" />
+        添加员工
+      </Button>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/employee/components/EmployeeManagementStatsCards.tsx b/crop-x/src/app/(app)/central-config/user/employee/components/EmployeeManagementStatsCards.tsx
new file mode 100644
index 0000000..378ae6f
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/employee/components/EmployeeManagementStatsCards.tsx
@@ -0,0 +1,43 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { EmployeeManagementStats, Employee } from '../types';
+
+interface EmployeeManagementStatsCardsProps {
+  employees: Employee[];
+}
+
+export function EmployeeManagementStatsCards({ employees }: EmployeeManagementStatsCardsProps) {
+  const stats: EmployeeManagementStats[] = [
+    {
+      label: '总员工数',
+      value: employees.length,
+      color: 'text-blue-600',
+      bg: 'bg-blue-100',
+    },
+    {
+      label: '正常员工',
+      value: employees.filter(e => e.status === 'active').length,
+      color: 'text-green-600',
+      bg: 'bg-green-100',
+    },
+    {
+      label: '冻结员工',
+      value: employees.filter(e => e.status === 'frozen').length,
+      color: 'text-gray-600',
+      bg: 'bg-gray-100',
+    },
+  ];
+
+  return (
+    <div className="grid grid-cols-3 gap-4">
+      {stats.map((stat, index) => (
+        <Card key={index} className="p-4">
+          <div className="text-sm text-muted-foreground">{stat.label}</div>
+          <div className={`mt-2 ${stat.color} text-2xl font-semibold`}>{stat.value}</div>
+        </Card>
+      ))}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/employee/page.tsx b/crop-x/src/app/(app)/central-config/user/employee/page.tsx
new file mode 100644
index 0000000..2cec50b
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/employee/page.tsx
@@ -0,0 +1,259 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { toast } from 'sonner';
+
+import { EmployeeManagementHeader } from './components/EmployeeManagementHeader';
+import { EmployeeManagementStatsCards } from './components/EmployeeManagementStatsCards';
+import { EmployeeManagementFilters } from './components/EmployeeManagementFilters';
+import { EmployeeList } from './components/EmployeeList';
+import { EmployeeFormDialog } from './components/EmployeeFormDialog';
+import { EmployeeDetailDialog } from './components/EmployeeDetailDialog';
+import { Employee, Role, EmployeeFilters, EmployeeFormData } from './types';
+
+export default function EmployeeManagementPage() {
+  const [employees, setEmployees] = useState<Employee[]>([]);
+  const [roles, setRoles] = useState<Role[]>([]);
+  const [filters, setFilters] = useState<EmployeeFilters>({
+    searchKeyword: '',
+    statusFilter: 'all'
+  });
+  const [showForm, setShowForm] = useState(false);
+  const [showDetailDialog, setShowDetailDialog] = useState(false);
+  const [editingEmployee, setEditingEmployee] = useState<Employee | null>(null);
+  const [selectedEmployee, setSelectedEmployee] = useState<Employee | null>(null);
+  const [formData, setFormData] = useState<EmployeeFormData>({
+    enterpriseId: 'ent-2',
+    enterpriseName: '丰收现代农业集团',
+    status: 'active',
+    roleIds: [],
+  });
+
+  useEffect(() => {
+    loadEmployees();
+    loadRoles();
+  }, []);
+
+  const loadRoles = () => {
+    const data = localStorage.getItem('smart_agriculture_roles');
+    if (data) {
+      setRoles(JSON.parse(data));
+    }
+  };
+
+  const loadEmployees = () => {
+    const data = localStorage.getItem('smart_agriculture_employees');
+    if (data) {
+      setEmployees(JSON.parse(data));
+    } else {
+      // 初始化示例数据
+      const mockEmployees: Employee[] = [
+        {
+          id: 'emp-1',
+          enterpriseId: 'ent-2',
+          enterpriseName: '丰收现代农业集团',
+          username: 'zhangsan',
+          name: '张三',
+          phone: '13800138001',
+          email: 'zhangsan@example.com',
+          department: '技术部',
+          position: '农机操作员',
+          roleIds: ['role-3'],
+          roles: ['操作员'],
+          status: 'active',
+          createdAt: '2024-10-01T08:00:00',
+          updatedAt: '2024-10-01T08:00:00',
+          lastLoginTime: '2024-10-14T09:30:00',
+        },
+        {
+          id: 'emp-2',
+          enterpriseId: 'ent-2',
+          enterpriseName: '丰收现代农业集团',
+          username: 'lisi',
+          name: '李四',
+          phone: '13900139002',
+          email: 'lisi@example.com',
+          department: '管理部',
+          position: '部门主管',
+          roleIds: ['role-2'],
+          roles: ['企业管理员'],
+          status: 'active',
+          createdAt: '2024-10-02T10:00:00',
+          updatedAt: '2024-10-02T10:00:00',
+          lastLoginTime: '2024-10-14T08:15:00',
+        },
+        {
+          id: 'emp-3',
+          enterpriseId: 'ent-2',
+          enterpriseName: '丰收现代农业集团',
+          username: 'wangwu',
+          name: '王五',
+          phone: '13700137003',
+          department: '维修部',
+          position: '维修技师',
+          roleIds: ['role-3'],
+          roles: ['操作员'],
+          status: 'frozen',
+          createdAt: '2024-09-28T14:00:00',
+          updatedAt: '2024-10-10T16:00:00',
+        },
+      ];
+      localStorage.setItem('smart_agriculture_employees', JSON.stringify(mockEmployees));
+      setEmployees(mockEmployees);
+    }
+  };
+
+  const filteredEmployees = employees.filter(emp => {
+    const matchKeyword = !filters.searchKeyword ||
+      emp.name.includes(filters.searchKeyword) ||
+      emp.username.includes(filters.searchKeyword) ||
+      emp.phone.includes(filters.searchKeyword) ||
+      (emp.department && emp.department.includes(filters.searchKeyword));
+
+    const matchStatus = filters.statusFilter === 'all' || emp.status === filters.statusFilter;
+
+    return matchKeyword && matchStatus;
+  });
+
+  const handleAddEmployee = () => {
+    setEditingEmployee(null);
+    setFormData({
+      enterpriseId: 'ent-2',
+      enterpriseName: '丰收现代农业集团',
+      status: 'active',
+      roleIds: [],
+    });
+    setShowForm(true);
+  };
+
+  const handleEdit = (employee: Employee) => {
+    setEditingEmployee(employee);
+    setFormData(employee);
+    setShowForm(true);
+  };
+
+  const handleSave = () => {
+    if (!formData.username || !formData.name || !formData.phone) {
+      toast.error('请填写必填项');
+      return;
+    }
+
+    // 验证角色选择
+    if (!formData.roleIds || formData.roleIds.length === 0) {
+      toast.error('请至少选择一个角色');
+      return;
+    }
+
+    // 根据角色ID设置角色名称
+    const selectedRoles = roles.filter(r => formData.roleIds?.includes(r.id));
+    const roleNames = selectedRoles.map(r => r.name);
+
+    if (editingEmployee) {
+      // 更新
+      const updated = employees.map(emp =>
+        emp.id === editingEmployee.id
+          ? {
+              ...emp,
+              ...formData,
+              roles: roleNames,
+              updatedAt: new Date().toISOString(),
+            }
+          : emp
+      );
+      setEmployees(updated);
+      localStorage.setItem('smart_agriculture_employees', JSON.stringify(updated));
+      toast.success('员工信息更新成功');
+    } else {
+      // 新增
+      const newEmployee: Employee = {
+        id: `emp-${Date.now()}`,
+        ...formData as Employee,
+        roles: roleNames,
+        createdAt: new Date().toISOString(),
+        updatedAt: new Date().toISOString(),
+      };
+      const updated = [...employees, newEmployee];
+      setEmployees(updated);
+      localStorage.setItem('smart_agriculture_employees', JSON.stringify(updated));
+      toast.success('员工添加成功');
+    }
+
+    setShowForm(false);
+  };
+
+  const handleDelete = (id: string) => {
+    if (!confirm('确定要删除该员工吗？')) return;
+
+    const updated = employees.filter(emp => emp.id !== id);
+    setEmployees(updated);
+    localStorage.setItem('smart_agriculture_employees', JSON.stringify(updated));
+    toast.success('员工删除成功');
+  };
+
+  const handleToggleStatus = (employee: Employee) => {
+    const newStatus = employee.status === 'active' ? 'frozen' : 'active';
+    const updated = employees.map(emp =>
+      emp.id === employee.id
+        ? { ...emp, status: newStatus, updatedAt: new Date().toISOString() }
+        : emp
+    );
+    setEmployees(updated);
+    localStorage.setItem('smart_agriculture_employees', JSON.stringify(updated));
+    toast.success(newStatus === 'active' ? '账户已激活' : '账户已冻结');
+  };
+
+  const handleResetPassword = (employee: Employee) => {
+    if (!confirm(`确定要重置 ${employee.name} 的密码吗？`)) return;
+    toast.success('密码已重置为：123456');
+  };
+
+  const handleViewDetail = (employee: Employee) => {
+    setSelectedEmployee(employee);
+    setShowDetailDialog(true);
+  };
+
+  return (
+    <div className="space-y-6">
+      <EmployeeManagementHeader
+        onAddEmployee={handleAddEmployee}
+      />
+
+      {/* 统计卡片 */}
+      <EmployeeManagementStatsCards employees={employees} />
+
+      {/* 搜索和筛选 */}
+      <EmployeeManagementFilters
+        filters={filters}
+        onFiltersChange={setFilters}
+      />
+
+      {/* 员工列表 */}
+      <EmployeeList
+        employees={filteredEmployees}
+        onViewDetail={handleViewDetail}
+        onEdit={handleEdit}
+        onResetPassword={handleResetPassword}
+        onToggleStatus={handleToggleStatus}
+        onDelete={handleDelete}
+      />
+
+      {/* 添加/编辑表单 */}
+      <EmployeeFormDialog
+        open={showForm}
+        onOpenChange={setShowForm}
+        editingEmployee={editingEmployee}
+        formData={formData}
+        onFormDataChange={setFormData}
+        onSave={handleSave}
+        roles={roles}
+      />
+
+      {/* 详情对话框 */}
+      <EmployeeDetailDialog
+        open={showDetailDialog}
+        onOpenChange={setShowDetailDialog}
+        selectedEmployee={selectedEmployee}
+      />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/employee/types.ts b/crop-x/src/app/(app)/central-config/user/employee/types.ts
new file mode 100644
index 0000000..181de6f
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/employee/types.ts
@@ -0,0 +1,65 @@
+// 员工管理相关类型定义
+
+export interface Employee {
+  id: string;
+  enterpriseId: string;
+  enterpriseName: string;
+  username: string;
+  name: string;
+  phone: string;
+  email?: string;
+  department?: string;
+  position?: string;
+  roleIds: string[];
+  roles?: string[];
+  status: UserStatus;
+  createdAt: string;
+  updatedAt: string;
+  lastLoginTime?: string;
+}
+
+export type UserStatus = 'active' | 'inactive' | 'frozen';
+
+export interface Role {
+  id: string;
+  name: string;
+  code: string;
+  description?: string;
+  type: RoleType;
+  menuIds: string[];
+  permissionIds: string[];
+  defaultHomePage?: string;
+  status: 'active' | 'inactive';
+  createdAt: string;
+  updatedAt: string;
+}
+
+export type RoleType = 'system' | 'custom';
+
+// 统计数据
+export interface EmployeeManagementStats {
+  label: string;
+  value: number;
+  color: string;
+  bg: string;
+}
+
+// 筛选条件
+export interface EmployeeFilters {
+  searchKeyword: string;
+  statusFilter: string;
+}
+
+// 表单数据
+export interface EmployeeFormData {
+  username?: string;
+  name?: string;
+  phone?: string;
+  email?: string;
+  department?: string;
+  position?: string;
+  enterpriseId?: string;
+  enterpriseName?: string;
+  status?: UserStatus;
+  roleIds?: string[];
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/menu/components/MenuFormDialog.tsx b/crop-x/src/app/(app)/central-config/user/menu/components/MenuFormDialog.tsx
new file mode 100644
index 0000000..b16bee1
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/menu/components/MenuFormDialog.tsx
@@ -0,0 +1,160 @@
+'use client';
+
+import React from 'react';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { Switch } from '@/components/ui/switch';
+import { Menu, MenuType } from '../types';
+
+interface MenuFormDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  editingMenu: Menu | null;
+  parentMenu: Menu | null;
+  formData: Partial<Menu>;
+  onFormDataChange: (data: Partial<Menu>) => void;
+  onSave: () => void;
+}
+
+export function MenuFormDialog({
+  open,
+  onOpenChange,
+  editingMenu,
+  parentMenu,
+  formData,
+  onFormDataChange,
+  onSave
+}: MenuFormDialogProps) {
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-2xl">
+        <DialogHeader>
+          <DialogTitle>
+            {editingMenu ? '编辑菜单' : parentMenu ? `添加子菜单（父级：${parentMenu.name}）` : '添加一级菜单'}
+          </DialogTitle>
+          <DialogDescription className="sr-only">
+            {editingMenu ? '编辑菜单信息' : '添加新菜单'}
+          </DialogDescription>
+        </DialogHeader>
+        <div className="space-y-4">
+          <div className="grid grid-cols-2 gap-4">
+            <div>
+              <Label htmlFor="name">菜单名称 *</Label>
+              <Input
+                id="name"
+                value={formData.name || ''}
+                onChange={(e) => onFormDataChange({ ...formData, name: e.target.value })}
+                placeholder="请输入菜单名称"
+              />
+            </div>
+            <div>
+              <Label htmlFor="code">菜单编码 *</Label>
+              <Input
+                id="code"
+                value={formData.code || ''}
+                onChange={(e) => onFormDataChange({ ...formData, code: e.target.value })}
+                placeholder="请输入菜单编码，如：system:menu:add"
+              />
+            </div>
+            <div>
+              <Label htmlFor="type">菜单类型 *</Label>
+              <Select
+                value={formData.type}
+                onValueChange={(value: MenuType) => onFormDataChange({ ...formData, type: value })}
+              >
+                <SelectTrigger id="type">
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="directory">目录</SelectItem>
+                  <SelectItem value="menu">菜单</SelectItem>
+                  <SelectItem value="button">按钮</SelectItem>
+                </SelectContent>
+              </Select>
+              <p className="text-xs text-gray-500 mt-1">
+                目录：可包含子菜单的分组 / 菜单：具体页面 / 按钮：页面内的操作权限
+              </p>
+            </div>
+            <div>
+              <Label htmlFor="icon">图标名称</Label>
+              <Input
+                id="icon"
+                value={formData.icon || ''}
+                onChange={(e) => onFormDataChange({ ...formData, icon: e.target.value })}
+                placeholder="如：Settings, Users"
+              />
+            </div>
+            <div>
+              <Label htmlFor="path">路由路径 {formData.type === 'menu' ? '*' : ''}</Label>
+              <Input
+                id="path"
+                value={formData.path || ''}
+                onChange={(e) => onFormDataChange({ ...formData, path: e.target.value })}
+                placeholder="/config/user/menu"
+              />
+              {formData.type === 'menu' && (
+                <p className="text-xs text-red-500 mt-1">菜单类型必须填写路由路径</p>
+              )}
+            </div>
+            <div>
+              <Label htmlFor="component">组件路径</Label>
+              <Input
+                id="component"
+                value={formData.component || ''}
+                onChange={(e) => onFormDataChange({ ...formData, component: e.target.value })}
+                placeholder="@/views/config/MenuManagement"
+              />
+            </div>
+            <div>
+              <Label htmlFor="sort">排序号 *</Label>
+              <Input
+                id="sort"
+                type="number"
+                value={formData.sort || 0}
+                onChange={(e) => onFormDataChange({ ...formData, sort: parseInt(e.target.value) || 0 })}
+                placeholder="数字越小越靠前"
+              />
+            </div>
+            <div>
+              <Label htmlFor="status">状态 *</Label>
+              <Select
+                value={formData.status}
+                onValueChange={(value: 'active' | 'inactive') => onFormDataChange({ ...formData, status: value })}
+              >
+                <SelectTrigger id="status">
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="active">启用</SelectItem>
+                  <SelectItem value="inactive">停用</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+          </div>
+
+          <div className="flex items-center justify-between p-3 border rounded-lg bg-gray-50">
+            <div>
+              <Label>是否可见</Label>
+              <p className="text-xs text-gray-500 mt-1">控制菜单是否在导航中显示</p>
+            </div>
+            <Switch
+              checked={formData.visible}
+              onCheckedChange={(checked) => onFormDataChange({ ...formData, visible: checked })}
+            />
+          </div>
+        </div>
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)}>
+            取消
+          </Button>
+          <Button onClick={onSave} className="bg-green-600 hover:bg-green-700">
+            保存
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/menu/components/MenuManagementHeader.tsx b/crop-x/src/app/(app)/central-config/user/menu/components/MenuManagementHeader.tsx
new file mode 100644
index 0000000..b558fb8
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/menu/components/MenuManagementHeader.tsx
@@ -0,0 +1,25 @@
+'use client';
+
+import React from 'react';
+import { Button } from '@/components/ui/button';
+import { Plus } from 'lucide-react';
+import { Menu } from '../types';
+
+interface MenuManagementHeaderProps {
+  onAddMenu: () => void;
+}
+
+export function MenuManagementHeader({ onAddMenu }: MenuManagementHeaderProps) {
+  return (
+    <div className="flex items-center justify-between">
+      <div>
+        <h2 className="text-green-800">菜单管理</h2>
+        <p className="text-muted-foreground">树形结构管理系统菜单体系（最多支持三级菜单）</p>
+      </div>
+      <Button onClick={onAddMenu} className="bg-green-600 hover:bg-green-700">
+        <Plus className="w-4 h-4 mr-2" />
+        添加一级菜单
+      </Button>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/menu/components/MenuManagementInstructions.tsx b/crop-x/src/app/(app)/central-config/user/menu/components/MenuManagementInstructions.tsx
new file mode 100644
index 0000000..a2902a5
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/menu/components/MenuManagementInstructions.tsx
@@ -0,0 +1,21 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+
+export function MenuManagementInstructions() {
+  return (
+    <Card className="p-4 bg-blue-50 border-blue-200">
+      <h4 className="text-blue-900 mb-2">菜单管理功能说明</h4>
+      <ul className="space-y-1 text-sm text-blue-800">
+        <li>• 支持三级菜单树形结构管理（一级目录 → 二级目录 → 三级菜单）</li>
+        <li>• 目录类型可以包含子菜单，菜单类型为具体页面，按钮类型为页面内的操作权限</li>
+        <li>• 菜单编码用于权限控制，建议使用冒号分隔的层级结构，如：system:user:add</li>
+        <li>• 路由路径对应前端路由配置，菜单类型必须填写路径</li>
+        <li>• 排序号越小越靠前，可以通过调整排序号改变菜单顺序</li>
+        <li>• 菜单与角色权限关联，实现灵活的访问控制</li>
+        <li>• 删除菜单前请先删除其所有子菜单</li>
+      </ul>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/menu/components/MenuManagementStatsCards.tsx b/crop-x/src/app/(app)/central-config/user/menu/components/MenuManagementStatsCards.tsx
new file mode 100644
index 0000000..dae11b3
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/menu/components/MenuManagementStatsCards.tsx
@@ -0,0 +1,57 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { Menu } from '../types';
+
+interface MenuManagementStatsCardsProps {
+  menus: Menu[];
+}
+
+export function MenuManagementStatsCards({ menus }: MenuManagementStatsCardsProps) {
+  // 统计菜单数量
+  const countMenus = (menus: Menu[]): { level1: number; level2: number; level3: number } => {
+    let level1 = 0;
+    let level2 = 0;
+    let level3 = 0;
+
+    menus.forEach(menu => {
+      if (!menu.parentId) {
+        level1++;
+        if (menu.children) {
+          menu.children.forEach(child => {
+            level2++;
+            if (child.children) {
+              level3 += child.children.length;
+            }
+          });
+        }
+      }
+    });
+
+    return { level1, level2, level3 };
+  };
+
+  const stats = countMenus(menus);
+
+  return (
+    <div className="grid grid-cols-4 gap-4">
+      <Card className="p-4">
+        <div className="text-sm text-muted-foreground">一级菜单</div>
+        <div className="mt-2 text-blue-600">{stats.level1}</div>
+      </Card>
+      <Card className="p-4">
+        <div className="text-sm text-muted-foreground">二级菜单</div>
+        <div className="mt-2 text-green-600">{stats.level2}</div>
+      </Card>
+      <Card className="p-4">
+        <div className="text-sm text-muted-foreground">三级菜单</div>
+        <div className="mt-2 text-purple-600">{stats.level3}</div>
+      </Card>
+      <Card className="p-4">
+        <div className="text-sm text-muted-foreground">菜单总数</div>
+        <div className="mt-2 text-orange-600">{stats.level1 + stats.level2 + stats.level3}</div>
+      </Card>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/menu/components/MenuTree.tsx b/crop-x/src/app/(app)/central-config/user/menu/components/MenuTree.tsx
new file mode 100644
index 0000000..006cd6f
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/menu/components/MenuTree.tsx
@@ -0,0 +1,213 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import {
+  Menu as MenuIcon,
+  Folder,
+  FileCode,
+  FileText,
+  Plus,
+  Edit,
+  Trash2,
+  ChevronRight,
+  ChevronDown,
+  Eye,
+  EyeOff
+} from 'lucide-react';
+import { Menu, MenuType } from '../types';
+
+interface MenuTreeProps {
+  menus: Menu[];
+  expandedIds: Set<string>;
+  onToggleExpand: (id: string) => void;
+  onExpandAll: () => void;
+  onCollapseAll: () => void;
+  onAdd: (parent?: Menu) => void;
+  onEdit: (menu: Menu) => void;
+  onDelete: (menu: Menu) => void;
+}
+
+export function MenuTree({
+  menus,
+  expandedIds,
+  onToggleExpand,
+  onExpandAll,
+  onCollapseAll,
+  onAdd,
+  onEdit,
+  onDelete
+}: MenuTreeProps) {
+  const getMenuIcon = (type: MenuType) => {
+    switch (type) {
+      case 'directory':
+        return Folder;
+      case 'menu':
+        return FileCode;
+      case 'button':
+        return FileText;
+      default:
+        return MenuIcon;
+    }
+  };
+
+  const getTypeBadge = (type: MenuType) => {
+    switch (type) {
+      case 'directory':
+        return <Badge className="bg-blue-100 text-blue-700">目录</Badge>;
+      case 'menu':
+        return <Badge className="bg-green-100 text-green-700">菜单</Badge>;
+      case 'button':
+        return <Badge className="bg-purple-100 text-purple-700">按钮</Badge>;
+      default:
+        return <Badge>未知</Badge>;
+    }
+  };
+
+  const getStatusBadge = (status: string) => {
+    return status === 'active' ? (
+      <Badge className="bg-green-100 text-green-700">启用</Badge>
+    ) : (
+      <Badge className="bg-gray-100 text-gray-700">停用</Badge>
+    );
+  };
+
+  // 渲染菜单树
+  const renderMenuTree = (items: Menu[], level: number = 0) => {
+    return items.map((menu) => {
+      const isExpanded = expandedIds.has(menu.id);
+      const hasChildren = menu.children && menu.children.length > 0;
+      const Icon = getMenuIcon(menu.type);
+      const indent = level * 24;
+
+      return (
+        <div key={menu.id}>
+          <div
+            className="flex items-center justify-between p-3 border rounded-lg hover:bg-gray-50 mb-2"
+            style={{ marginLeft: `${indent}px` }}
+          >
+            <div className="flex items-center gap-3 flex-1">
+              {/* 展开/收起图标 */}
+              <div className="w-5 flex items-center justify-center">
+                {hasChildren ? (
+                  <button
+                    onClick={() => onToggleExpand(menu.id)}
+                    className="hover:bg-gray-200 rounded p-0.5"
+                  >
+                    {isExpanded ? (
+                      <ChevronDown className="w-4 h-4 text-gray-600" />
+                    ) : (
+                      <ChevronRight className="w-4 h-4 text-gray-600" />
+                    )}
+                  </button>
+                ) : (
+                  <div className="w-4" />
+                )}
+              </div>
+
+              {/* 菜单图标 */}
+              <Icon className="w-5 h-5 text-green-600" />
+
+              {/* 菜单信息 */}
+              <div className="flex-1">
+                <div className="flex items-center gap-2">
+                  <span>{menu.name}</span>
+                  <span className="text-xs text-gray-500">({menu.code})</span>
+                </div>
+                {menu.path && (
+                  <div className="text-xs text-gray-500 mt-0.5">{menu.path}</div>
+                )}
+              </div>
+
+              {/* 状态标签 */}
+              <div className="flex items-center gap-2">
+                {getTypeBadge(menu.type)}
+                {getStatusBadge(menu.status)}
+                {menu.visible ? (
+                  <Eye className="w-4 h-4 text-green-500" />
+                ) : (
+                  <EyeOff className="w-4 h-4 text-gray-400" />
+                )}
+                <span className="text-xs text-gray-500">排序: {menu.sort}</span>
+              </div>
+            </div>
+
+            {/* 操作按钮 */}
+            <div className="flex items-center gap-1 ml-4">
+              {/* 只有目录类型可以添加子菜单，且限制最多三级 */}
+              {menu.type === 'directory' && level < 2 && (
+                <Button
+                  variant="ghost"
+                  size="sm"
+                  onClick={() => onAdd(menu)}
+                  title="添加子菜单"
+                >
+                  <Plus className="w-4 h-4 text-green-600" />
+                </Button>
+              )}
+              <Button
+                variant="ghost"
+                size="sm"
+                onClick={() => onEdit(menu)}
+                title="编辑"
+              >
+                <Edit className="w-4 h-4 text-blue-600" />
+              </Button>
+              <Button
+                variant="ghost"
+                size="sm"
+                onClick={() => onDelete(menu)}
+                title="删除"
+              >
+                <Trash2 className="w-4 h-4 text-red-600" />
+              </Button>
+            </div>
+          </div>
+
+          {/* 递归渲染子菜单 */}
+          {hasChildren && isExpanded && (
+            <div className="mt-2">
+              {renderMenuTree(menu.children!, level + 1)}
+            </div>
+          )}
+        </div>
+      );
+    });
+  };
+
+  return (
+    <Card className="p-6">
+      <div className="flex items-center justify-between mb-4">
+        <h3>菜单结构</h3>
+        <div className="flex items-center gap-2">
+          <Button
+            variant="outline"
+            size="sm"
+            onClick={onExpandAll}
+          >
+            展开全部
+          </Button>
+          <Button
+            variant="outline"
+            size="sm"
+            onClick={onCollapseAll}
+          >
+            收起全部
+          </Button>
+        </div>
+      </div>
+
+      <div className="space-y-2">
+        {menus.length > 0 ? (
+          renderMenuTree(menus)
+        ) : (
+          <div className="text-center py-8 text-gray-500">
+            暂无菜单数据，点击上方按钮添加一级菜单
+          </div>
+        )}
+      </div>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/menu/page.tsx b/crop-x/src/app/(app)/central-config/user/menu/page.tsx
new file mode 100644
index 0000000..e64a678
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/menu/page.tsx
@@ -0,0 +1,463 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { toast } from 'sonner';
+
+import { MenuManagementHeader } from './components/MenuManagementHeader';
+import { MenuManagementStatsCards } from './components/MenuManagementStatsCards';
+import { MenuTree } from './components/MenuTree';
+import { MenuFormDialog } from './components/MenuFormDialog';
+import { MenuManagementInstructions } from './components/MenuManagementInstructions';
+import { Menu, MenuType } from './types';
+
+/**
+ * 菜单管理页面组件
+ * 提供菜单的增删改查、展开折叠等功能
+ */
+export default function MenuManagementPage() {
+  // 菜单列表状态
+  const [menus, setMenus] = useState<Menu[]>([]);
+  // 展开的菜单ID集合
+  const [expandedIds, setExpandedIds] = useState<Set<string>>(new Set());
+  // 控制表单显示状态
+  const [showForm, setShowForm] = useState(false);
+  // 当前编辑的菜单
+  const [editingMenu, setEditingMenu] = useState<Menu | null>(null);
+  // 父级菜单
+  const [parentMenu, setParentMenu] = useState<Menu | null>(null);
+  // 表单数据
+  const [formData, setFormData] = useState<Partial<Menu>>({
+    type: 'menu',
+    visible: true,
+    status: 'active',
+    sort: 0,
+  });
+
+  // 组件挂载时加载菜单数据
+  useEffect(() => {
+    loadMenus();
+  }, []);
+
+  /**
+   * 加载菜单数据
+   * 优先从localStorage读取，若不存在则使用示例数据
+   */
+  const loadMenus = () => {
+    const data = localStorage.getItem('smart_agriculture_menus');
+    if (data) {
+      setMenus(JSON.parse(data));
+    } else {
+      // 初始化示例数据 - 三级菜单结构
+      const mockMenus: Menu[] = [
+        {
+          id: 'menu-1',
+          name: '智能农机管理系统',
+          code: 'machinery',
+          icon: 'Tractor',
+          type: 'directory',
+          sort: 1,
+          visible: true,
+          status: 'active',
+          children: [
+            {
+              id: 'menu-1-1',
+              parentId: 'menu-1',
+              name: '农机档案',
+              code: 'machinery:archive',
+              icon: 'Archive',
+              type: 'directory',
+              sort: 1,
+              visible: true,
+              status: 'active',
+              children: [
+                {
+                  id: 'menu-1-1-1',
+                  parentId: 'menu-1-1',
+                  name: '农机录入',
+                  code: 'machinery:archive:entry',
+                  path: '/machinery/archive/entry',
+                  type: 'menu',
+                  sort: 1,
+                  visible: true,
+                  status: 'active',
+                },
+                {
+                  id: 'menu-1-1-2',
+                  parentId: 'menu-1-1',
+                  name: '农机分类',
+                  code: 'machinery:archive:classification',
+                  path: '/machinery/archive/classification',
+                  type: 'menu',
+                  sort: 2,
+                  visible: true,
+                  status: 'active',
+                },
+                {
+                  id: 'menu-1-1-3',
+                  parentId: 'menu-1-1',
+                  name: '二维码管理',
+                  code: 'machinery:archive:qrcode',
+                  path: '/machinery/archive/qrcode',
+                  type: 'menu',
+                  sort: 3,
+                  visible: true,
+                  status: 'active',
+                },
+              ],
+            },
+            {
+              id: 'menu-1-2',
+              parentId: 'menu-1',
+              name: '驾驶员管理',
+              code: 'machinery:driver',
+              icon: 'User',
+              type: 'directory',
+              sort: 2,
+              visible: true,
+              status: 'active',
+              children: [
+                {
+                  id: 'menu-1-2-1',
+                  parentId: 'menu-1-2',
+                  name: '驾驶员信息',
+                  code: 'machinery:driver:info',
+                  path: '/machinery/driver/info',
+                  type: 'menu',
+                  sort: 1,
+                  visible: true,
+                  status: 'active',
+                },
+                {
+                  id: 'menu-1-2-2',
+                  parentId: 'menu-1-2',
+                  name: '任务管理',
+                  code: 'machinery:driver:task',
+                  path: '/machinery/driver/task',
+                  type: 'menu',
+                  sort: 2,
+                  visible: true,
+                  status: 'active',
+                },
+              ],
+            },
+          ],
+        },
+        {
+          id: 'menu-2',
+          name: '中心配置管理系统',
+          code: 'config',
+          icon: 'Settings',
+          type: 'directory',
+          sort: 7,
+          visible: true,
+          status: 'active',
+          children: [
+            {
+              id: 'menu-2-1',
+              parentId: 'menu-2',
+              name: '租户管理',
+              code: 'config:tenant',
+              icon: 'Building2',
+              type: 'directory',
+              sort: 1,
+              visible: true,
+              status: 'active',
+              children: [
+                {
+                  id: 'menu-2-1-1',
+                  parentId: 'menu-2-1',
+                  name: '企业信息',
+                  code: 'config:tenant:enterprise',
+                  path: '/config/tenant/enterprise',
+                  type: 'menu',
+                  sort: 1,
+                  visible: true,
+                  status: 'active',
+                },
+                {
+                  id: 'menu-2-1-2',
+                  parentId: 'menu-2-1',
+                  name: '企业审核',
+                  code: 'config:tenant:audit',
+                  path: '/config/tenant/audit',
+                  type: 'menu',
+                  sort: 2,
+                  visible: true,
+                  status: 'active',
+                },
+              ],
+            },
+            {
+              id: 'menu-2-2',
+              parentId: 'menu-2',
+              name: '用户管理',
+              code: 'config:user',
+              icon: 'Users',
+              type: 'directory',
+              sort: 2,
+              visible: true,
+              status: 'active',
+              children: [
+                {
+                  id: 'menu-2-2-1',
+                  parentId: 'menu-2-2',
+                  name: '员工管理',
+                  code: 'config:user:employee',
+                  path: '/config/user/employee',
+                  type: 'menu',
+                  sort: 1,
+                  visible: true,
+                  status: 'active',
+                },
+                {
+                  id: 'menu-2-2-2',
+                  parentId: 'menu-2-2',
+                  name: '角色管理',
+                  code: 'config:user:role',
+                  path: '/config/user/role',
+                  type: 'menu',
+                  sort: 2,
+                  visible: true,
+                  status: 'active',
+                },
+                {
+                  id: 'menu-2-2-3',
+                  parentId: 'menu-2-2',
+                  name: '菜单管理',
+                  code: 'config:user:menu',
+                  path: '/config/user/menu',
+                  type: 'menu',
+                  sort: 3,
+                  visible: true,
+                  status: 'active',
+                },
+                {
+                  id: 'menu-2-2-4',
+                  parentId: 'menu-2-2',
+                  name: '权限管理',
+                  code: 'config:user:permission',
+                  path: '/config/user/permission',
+                  type: 'menu',
+                  sort: 4,
+                  visible: true,
+                  status: 'active',
+                },
+              ],
+            },
+          ],
+        },
+      ];
+      localStorage.setItem('smart_agriculture_menus', JSON.stringify(mockMenus));
+      setMenus(mockMenus);
+      // 默认展开所有一级菜单
+      setExpandedIds(new Set(mockMenus.map(m => m.id)));
+    }
+  };
+
+  const toggleExpand = (id: string) => {
+    const newExpanded = new Set(expandedIds);
+    if (newExpanded.has(id)) {
+      newExpanded.delete(id);
+    } else {
+      newExpanded.add(id);
+    }
+    setExpandedIds(newExpanded);
+  };
+
+  const expandAll = () => {
+    const getAllMenuIds = (menus: Menu[]): string[] => {
+      let ids: string[] = [];
+      menus.forEach(menu => {
+        if (menu.children && menu.children.length > 0) {
+          ids.push(menu.id);
+          ids.push(...getAllMenuIds(menu.children));
+        }
+      });
+      return ids;
+    };
+    setExpandedIds(new Set(getAllMenuIds(menus)));
+  };
+
+  const collapseAll = () => {
+    setExpandedIds(new Set());
+  };
+
+  const handleAdd = (parent?: Menu) => {
+    setEditingMenu(null);
+    setParentMenu(parent || null);
+
+    // 根据父菜单决定默认类型
+    let defaultType: MenuType = 'menu';
+    if (!parent) {
+      defaultType = 'directory'; // 一级菜单默认为目录
+    } else if (parent.type === 'directory' && !parent.parentId) {
+      defaultType = 'directory'; // 二级菜单默认为目录
+    } else {
+      defaultType = 'menu'; // 三级菜单默认为菜单
+    }
+
+    setFormData({
+      parentId: parent?.id,
+      type: defaultType,
+      visible: true,
+      status: 'active',
+      sort: 0,
+    });
+    setShowForm(true);
+  };
+
+  const handleEdit = (menu: Menu) => {
+    setEditingMenu(menu);
+    setParentMenu(null);
+    setFormData({
+      ...menu,
+      children: undefined, // 不包含子菜单
+    });
+    setShowForm(true);
+  };
+
+  const handleSave = () => {
+    if (!formData.name || !formData.code) {
+      toast.error('请填写必填项');
+      return;
+    }
+
+    // 验证路径：三级菜单必须填写路径
+    if (formData.type === 'menu' && !formData.path) {
+      toast.error('菜单类型必须填写路径');
+      return;
+    }
+
+    if (editingMenu) {
+      // 更新菜单
+      const updateMenuInTree = (items: Menu[]): Menu[] => {
+        return items.map(item => {
+          if (item.id === editingMenu.id) {
+            return {
+              ...item,
+              ...formData,
+              children: item.children, // 保留子菜单
+            } as Menu;
+          }
+          if (item.children) {
+            return {
+              ...item,
+              children: updateMenuInTree(item.children),
+            };
+          }
+          return item;
+        });
+      };
+
+      const updated = updateMenuInTree(menus);
+      setMenus(updated);
+      localStorage.setItem('smart_agriculture_menus', JSON.stringify(updated));
+      toast.success('菜单更新成功');
+    } else {
+      // 新增菜单
+      const newMenu: Menu = {
+        id: `menu-${Date.now()}`,
+        ...formData as Menu,
+      };
+
+      if (parentMenu) {
+        // 添加到父菜单下
+        const addToParent = (items: Menu[]): Menu[] => {
+          return items.map(item => {
+            if (item.id === parentMenu.id) {
+              return {
+                ...item,
+                children: [...(item.children || []), newMenu],
+              };
+            }
+            if (item.children) {
+              return {
+                ...item,
+                children: addToParent(item.children),
+              };
+            }
+            return item;
+          });
+        };
+
+        const updated = addToParent(menus);
+        setMenus(updated);
+        localStorage.setItem('smart_agriculture_menus', JSON.stringify(updated));
+        // 自动展开父菜单
+        setExpandedIds(prev => new Set([...prev, parentMenu.id]));
+      } else {
+        // 添加为一级菜单
+        const updated = [...menus, newMenu];
+        setMenus(updated);
+        localStorage.setItem('smart_agriculture_menus', JSON.stringify(updated));
+      }
+
+      toast.success('菜单添加成功');
+    }
+
+    setShowForm(false);
+  };
+
+  const handleDelete = (menu: Menu) => {
+    if (menu.children && menu.children.length > 0) {
+      toast.error('请先删除该菜单下的子菜单');
+      return;
+    }
+
+    if (!confirm(`确定要删除菜单"${menu.name}"吗？`)) return;
+
+    const deleteFromTree = (items: Menu[]): Menu[] => {
+      return items
+        .filter(item => item.id !== menu.id)
+        .map(item => {
+          if (item.children) {
+            return {
+              ...item,
+              children: deleteFromTree(item.children),
+            };
+          }
+          return item;
+        });
+    };
+
+    const updated = deleteFromTree(menus);
+    setMenus(updated);
+    localStorage.setItem('smart_agriculture_menus', JSON.stringify(updated));
+    toast.success('菜单删除成功');
+  };
+
+  return (
+    <div className="space-y-6">
+      <MenuManagementHeader onAddMenu={() => handleAdd()} />
+
+      {/* 统计卡片 */}
+      <MenuManagementStatsCards menus={menus} />
+
+      {/* 菜单树 */}
+      <MenuTree
+        menus={menus}
+        expandedIds={expandedIds}
+        onToggleExpand={toggleExpand}
+        onExpandAll={expandAll}
+        onCollapseAll={collapseAll}
+        onAdd={handleAdd}
+        onEdit={handleEdit}
+        onDelete={handleDelete}
+      />
+
+      {/* 添加/编辑表单 */}
+      <MenuFormDialog
+        open={showForm}
+        onOpenChange={setShowForm}
+        editingMenu={editingMenu}
+        parentMenu={parentMenu}
+        formData={formData}
+        onFormDataChange={setFormData}
+        onSave={handleSave}
+      />
+
+      {/* 功能说明 */}
+      <MenuManagementInstructions />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/menu/types.ts b/crop-x/src/app/(app)/central-config/user/menu/types.ts
new file mode 100644
index 0000000..f0e557d
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/menu/types.ts
@@ -0,0 +1,16 @@
+export interface Menu {
+  id: string;
+  parentId?: string;
+  name: string;
+  code: string;
+  icon?: string;
+  path?: string;
+  component?: string;
+  type: MenuType;
+  sort: number;
+  visible: boolean;
+  status: 'active' | 'inactive';
+  children?: Menu[];
+}
+
+export type MenuType = 'directory' | 'menu' | 'button';
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/page.tsx b/crop-x/src/app/(app)/central-config/user/page.tsx
new file mode 100644
index 0000000..ca5096f
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/page.tsx
@@ -0,0 +1,30 @@
+'use client';
+
+import React from 'react';
+import Link from 'next/link';
+
+export default function UserPage() {
+  return (
+    <div className="p-6">
+      <h1 className="text-2xl font-bold mb-4">用户管理</h1>
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+        <Link href="/central-config/user/employee" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
+          <h3 className="text-lg font-semibold mb-2">员工管理</h3>
+          <p className="text-gray-600 text-sm">管理员工信息</p>
+        </Link>
+        <Link href="/central-config/user/role" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
+          <h3 className="text-lg font-semibold mb-2">角色管理</h3>
+          <p className="text-gray-600 text-sm">管理系统角色</p>
+        </Link>
+        <Link href="/central-config/user/menu" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
+          <h3 className="text-lg font-semibold mb-2">菜单管理</h3>
+          <p className="text-gray-600 text-sm">管理系统菜单</p>
+        </Link>
+        <Link href="/central-config/user/permission" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
+          <h3 className="text-lg font-semibold mb-2">权限配置</h3>
+          <p className="text-gray-600 text-sm">配置系统权限</p>
+        </Link>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/permission/components/PermissionManagementHeader.tsx b/crop-x/src/app/(app)/central-config/user/permission/components/PermissionManagementHeader.tsx
new file mode 100644
index 0000000..990b974
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/permission/components/PermissionManagementHeader.tsx
@@ -0,0 +1,24 @@
+'use client';
+
+import React from 'react';
+import { Button } from '@/components/ui/button';
+import { Plus } from 'lucide-react';
+
+interface PermissionManagementHeaderProps {
+  onAddPermission: () => void;
+}
+
+export function PermissionManagementHeader({ onAddPermission }: PermissionManagementHeaderProps) {
+  return (
+    <div className="flex items-center justify-between">
+      <div>
+        <h2 className="text-green-800">权限配置管理</h2>
+        <p className="text-muted-foreground">精细化管理系统功能权限</p>
+      </div>
+      <Button onClick={onAddPermission} className="bg-green-600 hover:bg-green-700">
+        <Plus className="w-4 h-4 mr-2" />
+        添加权限
+      </Button>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/permission/page.tsx b/crop-x/src/app/(app)/central-config/user/permission/page.tsx
new file mode 100644
index 0000000..05db5e2
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/permission/page.tsx
@@ -0,0 +1,414 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { toast } from 'sonner';
+import { Card } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Badge } from '@/components/ui/badge';
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogFooter,
+} from '@/components/ui/dialog';
+import { Label } from '@/components/ui/label';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select';
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table';
+import {
+  Search,
+  Plus,
+  Edit,
+  Trash2,
+  Shield,
+  ChevronRight,
+} from 'lucide-react';
+
+import { PermissionManagementHeader } from './components/PermissionManagementHeader';
+import { Permission, PermissionType, Menu } from './types';
+
+export default function PermissionConfigPage() {
+  const [permissions, setPermissions] = useState<Permission[]>([]);
+  const [menus, setMenus] = useState<Menu[]>([]);
+  const [searchKeyword, setSearchKeyword] = useState('');
+  const [typeFilter, setTypeFilter] = useState<string>('all');
+  const [showForm, setShowForm] = useState(false);
+  const [editingPermission, setEditingPermission] = useState<Permission | null>(null);
+  const [formData, setFormData] = useState<Partial<Permission>>({
+    type: 'view',
+    status: 'active',
+  });
+
+  useEffect(() => {
+    loadPermissions();
+    loadMenus();
+  }, []);
+
+  const loadMenus = () => {
+    const data = localStorage.getItem('smart_agriculture_menus');
+    if (data) {
+      setMenus(JSON.parse(data));
+    }
+  };
+
+  const loadPermissions = () => {
+    const data = localStorage.getItem('smart_agriculture_permissions');
+    if (data) {
+      setPermissions(JSON.parse(data));
+    } else {
+      const mockPermissions: Permission[] = [
+        {
+          id: 'perm-1',
+          name: '查看农机',
+          code: 'machinery:view',
+          type: 'view',
+          description: '查看农机档案和基本信息',
+          menuId: 'menu-1-1-1',
+          menuPath: '智能农机管理系统 > 农机档案 > 农机录入',
+          status: 'active',
+          createdAt: '2024-01-01T00:00:00',
+          updatedAt: '2024-01-01T00:00:00',
+        },
+        {
+          id: 'perm-2',
+          name: '添加农机',
+          code: 'machinery:add',
+          type: 'add',
+          description: '添加新的农机设备',
+          menuId: 'menu-1-1-1',
+          menuPath: '智能农机管理系统 > 农机档案 > 农机录入',
+          status: 'active',
+          createdAt: '2024-01-01T00:00:00',
+          updatedAt: '2024-01-01T00:00:00',
+        },
+      ];
+      localStorage.setItem('smart_agriculture_permissions', JSON.stringify(mockPermissions));
+      setPermissions(mockPermissions);
+    }
+  };
+
+  const filteredPermissions = permissions.filter((perm) => {
+    const matchKeyword =
+      !searchKeyword ||
+      perm.name.includes(searchKeyword) ||
+      perm.code.includes(searchKeyword) ||
+      (perm.menuPath && perm.menuPath.includes(searchKeyword));
+
+    const matchType = typeFilter === 'all' || perm.type === typeFilter;
+
+    return matchKeyword && matchType;
+  });
+
+  const getPermissionTypeBadge = (type: PermissionType) => {
+    const config: Record<PermissionType, { label: string; className: string }> = {
+      view: { label: '查看', className: 'bg-blue-100 text-blue-700' },
+      add: { label: '新增', className: 'bg-green-100 text-green-700' },
+      edit: { label: '编辑', className: 'bg-yellow-100 text-yellow-700' },
+      delete: { label: '删除', className: 'bg-red-100 text-red-700' },
+      export: { label: '导出', className: 'bg-purple-100 text-purple-700' },
+      import: { label: '导入', className: 'bg-indigo-100 text-indigo-700' },
+      approve: { label: '审核', className: 'bg-orange-100 text-orange-700' },
+      control: { label: '控制', className: 'bg-pink-100 text-pink-700' },
+    };
+
+    const { label, className } = config[type] || { label: type, className: '' };
+    return <Badge className={className}>{label}</Badge>;
+  };
+
+  const stats = [
+    {
+      label: '总权限数',
+      value: permissions.length,
+      color: 'text-blue-600',
+    },
+    {
+      label: '查看权限',
+      value: permissions.filter((p) => p.type === 'view').length,
+      color: 'text-green-600',
+    },
+    {
+      label: '操作权限',
+      value: permissions.filter((p) => ['add', 'edit', 'delete'].includes(p.type)).length,
+      color: 'text-orange-600',
+    },
+    {
+      label: '特殊权限',
+      value: permissions.filter((p) => ['control', 'approve', 'export', 'import'].includes(p.type)).length,
+      color: 'text-purple-600',
+    },
+  ];
+
+  const handleAdd = () => {
+    setEditingPermission(null);
+    setFormData({
+      type: 'view',
+      status: 'active',
+    });
+    setShowForm(true);
+  };
+
+  const handleEdit = (permission: Permission) => {
+    setEditingPermission(permission);
+    setFormData(permission);
+    setShowForm(true);
+  };
+
+  const handleSave = () => {
+    if (!formData.name || !formData.code) {
+      toast.error('请填写必填项');
+      return;
+    }
+
+    if (editingPermission) {
+      const updated = permissions.map((perm) =>
+        perm.id === editingPermission.id
+          ? {
+              ...perm,
+              ...formData,
+              updatedAt: new Date().toISOString(),
+            }
+          : perm,
+      );
+      setPermissions(updated);
+      localStorage.setItem('smart_agriculture_permissions', JSON.stringify(updated));
+      toast.success('权限更新成功');
+    } else {
+      const newPermission: Permission = {
+        id: `perm-${Date.now()}`,
+        ...formData as Permission,
+        createdAt: new Date().toISOString(),
+        updatedAt: new Date().toISOString(),
+      };
+      const updated = [...permissions, newPermission];
+      setPermissions(updated);
+      localStorage.setItem('smart_agriculture_permissions', JSON.stringify(updated));
+      toast.success('权限添加成功');
+    }
+
+    setShowForm(false);
+  };
+
+  const handleDelete = (id: string) => {
+    if (!confirm('确定要删除该权限吗？')) return;
+
+    const updated = permissions.filter((perm) => perm.id !== id);
+    setPermissions(updated);
+    localStorage.setItem('smart_agriculture_permissions', JSON.stringify(updated));
+    toast.success('权限删除成功');
+  };
+
+  return (
+    <div className="space-y-6">
+      <PermissionManagementHeader onAddPermission={handleAdd} />
+
+      {/* 统计卡片 */}
+      <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+        {stats.map((stat, index) => (
+          <Card key={index} className="p-4">
+            <div className="text-sm text-muted-foreground">{stat.label}</div>
+            <div className={`mt-2 ${stat.color}`}>{stat.value}</div>
+          </Card>
+        ))}
+      </div>
+
+      {/* 搜索和筛选 */}
+      <Card className="p-4">
+        <div className="flex gap-4">
+          <div className="flex-1">
+            <div className="relative">
+              <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-muted-foreground" />
+              <Input
+                placeholder="搜索权限名称、代码、所属菜单..."
+                value={searchKeyword}
+                onChange={(e) => setSearchKeyword(e.target.value)}
+                className="pl-10"
+              />
+            </div>
+          </div>
+          <Select value={typeFilter} onValueChange={setTypeFilter}>
+            <SelectTrigger className="w-40">
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="all">全部类型</SelectItem>
+              <SelectItem value="view">查看</SelectItem>
+              <SelectItem value="add">新增</SelectItem>
+              <SelectItem value="edit">编辑</SelectItem>
+              <SelectItem value="delete">删除</SelectItem>
+              <SelectItem value="export">导出</SelectItem>
+              <SelectItem value="import">导入</SelectItem>
+              <SelectItem value="approve">审核</SelectItem>
+              <SelectItem value="control">控制</SelectItem>
+            </SelectContent>
+          </Select>
+        </div>
+      </Card>
+
+      {/* 权限列表 */}
+      <Card>
+        <Table>
+          <TableHeader>
+            <TableRow>
+              <TableHead>权限名称</TableHead>
+              <TableHead>权限代码</TableHead>
+              <TableHead>类型</TableHead>
+              <TableHead>关联菜单</TableHead>
+              <TableHead>描述</TableHead>
+              <TableHead>操作</TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {filteredPermissions.length === 0 ? (
+              <TableRow>
+                <TableCell colSpan={6} className="text-center text-muted-foreground py-8">
+                  暂无数据
+                </TableCell>
+              </TableRow>
+            ) : (
+              filteredPermissions.map((permission) => (
+                <TableRow key={permission.id}>
+                  <TableCell>
+                    <div className="flex items-center gap-2">
+                      <Shield className="w-4 h-4 text-muted-foreground" />
+                      {permission.name}
+                    </div>
+                  </TableCell>
+                  <TableCell className="text-muted-foreground">{permission.code}</TableCell>
+                  <TableCell>{getPermissionTypeBadge(permission.type)}</TableCell>
+                  <TableCell className="text-muted-foreground max-w-xs">
+                    {permission.menuPath ? (
+                      <div className="flex items-center gap-1 text-xs">
+                        {permission.menuPath.split(' > ').map((part, index, arr) => (
+                          <span key={index} className="flex items-center gap-1">
+                            <span className={index === arr.length - 1 ? 'text-green-600' : ''}>
+                              {part}
+                            </span>
+                            {index < arr.length - 1 && (
+                              <ChevronRight className="w-3 h-3 text-gray-400" />
+                            )}
+                          </span>
+                        ))}
+                      </div>
+                    ) : (
+                      '-'
+                    )}
+                  </TableCell>
+                  <TableCell className="text-muted-foreground max-w-xs truncate">
+                    {permission.description || '-'}
+                  </TableCell>
+                  <TableCell>
+                    <div className="flex gap-1">
+                      <Button variant="ghost" size="sm" onClick={() => handleEdit(permission)}>
+                        <Edit className="w-4 h-4" />
+                      </Button>
+                      <Button variant="ghost" size="sm" onClick={() => handleDelete(permission.id)}>
+                        <Trash2 className="w-4 h-4 text-destructive" />
+                      </Button>
+                    </div>
+                  </TableCell>
+                </TableRow>
+              ))
+            )}
+          </TableBody>
+        </Table>
+      </Card>
+
+      {/* 添加/编辑表单 */}
+      <Dialog open={showForm} onOpenChange={setShowForm}>
+        <DialogContent className="max-w-2xl">
+          <DialogHeader>
+            <DialogTitle>{editingPermission ? '编辑权限' : '添加权限'}</DialogTitle>
+            <DialogDescription className="sr-only">
+              {editingPermission ? '编辑权限信息' : '添加新权限'}
+            </DialogDescription>
+          </DialogHeader>
+          <div className="space-y-4">
+            <div className="grid grid-cols-2 gap-4">
+              <div>
+                <Label htmlFor="name">权限名称 *</Label>
+                <Input
+                  id="name"
+                  value={formData.name || ''}
+                  onChange={(e) => setFormData({ ...formData, name: e.target.value })}
+                  placeholder="如：查看农机"
+                />
+              </div>
+              <div>
+                <Label htmlFor="code">权限代码 *</Label>
+                <Input
+                  id="code"
+                  value={formData.code || ''}
+                  onChange={(e) => setFormData({ ...formData, code: e.target.value })}
+                  placeholder="如：machinery:view"
+                />
+              </div>
+              <div className="col-span-2">
+                <Label htmlFor="type">权限类型 *</Label>
+                <Select value={formData.type || 'view'} onValueChange={(value: PermissionType) => setFormData({ ...formData, type: value })}>
+                  <SelectTrigger>
+                    <SelectValue />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem value="view">查看</SelectItem>
+                    <SelectItem value="add">新增</SelectItem>
+                    <SelectItem value="edit">编辑</SelectItem>
+                    <SelectItem value="delete">删除</SelectItem>
+                    <SelectItem value="export">导出</SelectItem>
+                    <SelectItem value="import">导入</SelectItem>
+                    <SelectItem value="approve">审核</SelectItem>
+                    <SelectItem value="control">控制</SelectItem>
+                  </SelectContent>
+                </Select>
+              </div>
+            </div>
+            <div>
+              <Label htmlFor="description">权限描述</Label>
+              <Input
+                id="description"
+                value={formData.description || ''}
+                onChange={(e) => setFormData({ ...formData, description: e.target.value })}
+                placeholder="描述该权限的作用..."
+              />
+            </div>
+          </div>
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setShowForm(false)}>
+              取消
+            </Button>
+            <Button onClick={handleSave} className="bg-green-600 hover:bg-green-700">
+              保存
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+
+      {/* 使用说明 */}
+      <Card className="p-4 bg-blue-50 border-blue-200">
+        <h4 className="text-blue-900 mb-2">权限管理说明</h4>
+        <ul className="space-y-1 text-sm text-blue-800">
+          <li>• 权限是系统功能的最小控制单元，精确到按钮级别</li>
+          <li>• 权限代码格式建议：模块:操作，如 machinery:view</li>
+          <li>• 每个权限可以关联到具体的菜单（支持一级、二级、三级菜单）</li>
+          <li>• 权限通过角色分配给用户，实现灵活的访问控制</li>
+          <li>• 支持8种权限类型：查看、新增、编辑、删除、导出、导入、审核、控制</li>
+          <li>• 合理规划权限体系，确保系统安全性和易用性</li>
+        </ul>
+      </Card>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/permission/types.ts b/crop-x/src/app/(app)/central-config/user/permission/types.ts
new file mode 100644
index 0000000..4b74aae
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/permission/types.ts
@@ -0,0 +1,37 @@
+export interface Permission {
+  id: string;
+  name: string;
+  code: string;
+  type: PermissionType;
+  description?: string;
+  menuId?: string;
+  menuPath?: string;
+  status: 'active' | 'inactive';
+  createdAt: string;
+  updatedAt: string;
+}
+
+export type PermissionType =
+  | 'view'
+  | 'add'
+  | 'edit'
+  | 'delete'
+  | 'export'
+  | 'import'
+  | 'approve'
+  | 'control';
+
+export interface Menu {
+  id: string;
+  parentId?: string;
+  name: string;
+  code: string;
+  icon?: string;
+  path?: string;
+  component?: string;
+  type: 'directory' | 'menu' | 'button';
+  sort: number;
+  visible: boolean;
+  status: 'active' | 'inactive';
+  children?: Menu[];
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/role/components/RoleDetailDialog.tsx b/crop-x/src/app/(app)/central-config/user/role/components/RoleDetailDialog.tsx
new file mode 100644
index 0000000..9fcbe57
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/role/components/RoleDetailDialog.tsx
@@ -0,0 +1,110 @@
+'use client';
+
+import React from 'react';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Label } from '@/components/ui/label';
+import { Badge } from '@/components/ui/badge';
+import { Role, RoleType } from '../types';
+
+interface RoleDetailDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  selectedRole: Role | null;
+}
+
+export function RoleDetailDialog({
+  open,
+  onOpenChange,
+  selectedRole
+}: RoleDetailDialogProps) {
+  const getRoleTypeBadge = (type: RoleType) => {
+    return type === 'system' ? (
+      <Badge className="bg-blue-100 text-blue-700">系统角色</Badge>
+    ) : (
+      <Badge className="bg-green-100 text-green-700">自定义</Badge>
+    );
+  };
+
+  const getStatusBadge = (status: string) => {
+    return status === 'active' ? (
+      <Badge className="bg-green-100 text-green-700">启用</Badge>
+    ) : (
+      <Badge className="bg-gray-100 text-gray-700">禁用</Badge>
+    );
+  };
+
+  if (!selectedRole) return null;
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-2xl">
+        <DialogHeader>
+          <DialogTitle>角色详情</DialogTitle>
+          <DialogDescription className="sr-only">
+            查看角色的详细信息和权限
+          </DialogDescription>
+        </DialogHeader>
+        <div className="space-y-4">
+          <div className="grid grid-cols-2 gap-4">
+            <div>
+              <Label>角色名称</Label>
+              <div className="mt-1">{selectedRole.name}</div>
+            </div>
+            <div>
+              <Label>角色代码</Label>
+              <div className="mt-1">{selectedRole.code}</div>
+            </div>
+            <div className="col-span-2">
+              <Label>角色描述</Label>
+              <div className="mt-1">{selectedRole.description || '-'}</div>
+            </div>
+            <div>
+              <Label>角色类型</Label>
+              <div className="mt-1">{getRoleTypeBadge(selectedRole.type)}</div>
+            </div>
+            <div>
+              <Label>状态</Label>
+              <div className="mt-1">{getStatusBadge(selectedRole.status)}</div>
+            </div>
+            {selectedRole.defaultHomePage && (
+              <div className="col-span-2">
+                <Label>默认首页</Label>
+                <div className="mt-1">{selectedRole.defaultHomePage}</div>
+              </div>
+            )}
+            <div>
+              <Label>菜单数量</Label>
+              <div className="mt-1">
+                {selectedRole.menuIds.includes('*') ? '全部' : selectedRole.menuIds.length}
+              </div>
+            </div>
+            <div>
+              <Label>权限数量</Label>
+              <div className="mt-1">
+                {selectedRole.permissionIds.includes('*') ? '全部' : selectedRole.permissionIds.length}
+              </div>
+            </div>
+            <div>
+              <Label>创建时间</Label>
+              <div className="mt-1">
+                {new Date(selectedRole.createdAt).toLocaleString('zh-CN')}
+              </div>
+            </div>
+            <div>
+              <Label>更新时间</Label>
+              <div className="mt-1">
+                {new Date(selectedRole.updatedAt).toLocaleString('zh-CN')}
+              </div>
+            </div>
+          </div>
+        </div>
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)}>
+            关闭
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/role/components/RoleFormDialog.tsx b/crop-x/src/app/(app)/central-config/user/role/components/RoleFormDialog.tsx
new file mode 100644
index 0000000..61a0ad7
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/role/components/RoleFormDialog.tsx
@@ -0,0 +1,235 @@
+'use client';
+
+import React from 'react';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Textarea } from '@/components/ui/textarea';
+import { Checkbox } from '@/components/ui/checkbox';
+import { Card } from '@/components/ui/card';
+import { ScrollArea } from '@/components/ui/scroll-area';
+import { ChevronRight } from 'lucide-react';
+import { Role, RoleFormData, allSystemMenus } from '../types';
+
+interface RoleFormDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  editingRole: Role | null;
+  formData: RoleFormData;
+  onFormDataChange: (data: RoleFormData) => void;
+  onSave: () => void;
+}
+
+export function RoleFormDialog({
+  open,
+  onOpenChange,
+  editingRole,
+  formData,
+  onFormDataChange,
+  onSave
+}: RoleFormDialogProps) {
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-2xl">
+        <DialogHeader>
+          <DialogTitle>{editingRole ? '编辑角色' : '添加角色'}</DialogTitle>
+          <DialogDescription className="sr-only">
+            {editingRole ? '编辑角色信息' : '添加新角色'}
+          </DialogDescription>
+        </DialogHeader>
+        <ScrollArea className="max-h-[calc(90vh-180px)]">
+          <div className="space-y-6 pr-4">
+            {/* 基本信息 */}
+            <div className="space-y-4">
+              <h4 className="text-green-800">基本信息</h4>
+              <div className="grid grid-cols-2 gap-4">
+                <div>
+                  <Label htmlFor="name">角色名称 *</Label>
+                  <Input
+                    id="name"
+                    value={formData.name || ''}
+                    onChange={(e) => onFormDataChange({ ...formData, name: e.target.value })}
+                    placeholder="如：数据分析员"
+                  />
+                </div>
+                <div>
+                  <Label htmlFor="code">角色代码 *</Label>
+                  <Input
+                    id="code"
+                    value={formData.code || ''}
+                    onChange={(e) => onFormDataChange({ ...formData, code: e.target.value })}
+                    placeholder="如：data_analyst"
+                  />
+                </div>
+              </div>
+              <div>
+                <Label htmlFor="description">角色描述</Label>
+                <Textarea
+                  id="description"
+                  value={formData.description || ''}
+                  onChange={(e) => onFormDataChange({ ...formData, description: e.target.value })}
+                  rows={3}
+                  placeholder="描述角色的职责和权限范围..."
+                />
+              </div>
+              <div>
+                <Label htmlFor="defaultHomePage">默认首页</Label>
+                <Input
+                  id="defaultHomePage"
+                  value={formData.defaultHomePage || ''}
+                  onChange={(e) => onFormDataChange({ ...formData, defaultHomePage: e.target.value })}
+                  placeholder="/machinery/monitoring/location"
+                />
+              </div>
+            </div>
+
+            {/* 菜单与操作权限 */}
+            <div className="space-y-4">
+              <div className="flex items-center justify-between">
+                <h4 className="text-green-800">菜单与操作权限</h4>
+                <p className="text-xs text-muted-foreground">选择菜单后可配置该菜单下的操作权限</p>
+              </div>
+              <Card className="p-4 bg-gray-50">
+                <div className="space-y-6">
+                  {allSystemMenus.map((system) => (
+                    <div key={system.id} className="space-y-3">
+                      {/* 系统级别 */}
+                      <div className="flex items-center gap-2 pb-2 border-b border-green-200">
+                        <Checkbox
+                          id={`system-${system.id}`}
+                          checked={
+                            formData.menuIds?.includes('*') ||
+                            (system.menus.every(menu =>
+                              formData.menuIds?.includes(menu.id)
+                            ) && system.menus.length > 0)
+                          }
+                          onCheckedChange={(checked) => {
+                            if (checked) {
+                              // 选中所有一级菜单
+                              const allMenuIds = system.menus.map(m => m.id);
+                              onFormDataChange({
+                                ...formData,
+                                menuIds: Array.from(new Set([...(formData.menuIds || []), ...allMenuIds])),
+                              });
+                            } else {
+                              // 取消选中所有一级菜单
+                              const menuIdsToRemove = system.menus.map(m => m.id);
+                              onFormDataChange({
+                                ...formData,
+                                menuIds: (formData.menuIds || []).filter(id => !menuIdsToRemove.includes(id)),
+                              });
+                            }
+                          }}
+                          disabled={formData.menuIds?.includes('*')}
+                        />
+                        <Label htmlFor={`system-${system.id}`} className="cursor-pointer text-green-700">
+                          {system.label}
+                        </Label>
+                      </div>
+
+                      {/* 一级菜单 */}
+                      <div className="ml-6 space-y-4">
+                        {system.menus.map((menu) => (
+                          <div key={menu.id} className="space-y-2">
+                            <div className="flex items-center gap-2">
+                              <Checkbox
+                                id={`menu-${menu.id}`}
+                                checked={formData.menuIds?.includes(menu.id) || formData.menuIds?.includes('*')}
+                                onCheckedChange={(checked) => {
+                                  if (checked) {
+                                    onFormDataChange({
+                                      ...formData,
+                                      menuIds: [...(formData.menuIds || []), menu.id],
+                                    });
+                                  } else {
+                                    // 取消菜单时，同时取消该菜单下的所有权限
+                                    const childrenIds = menu.children?.map(c => c.id) || [];
+                                    const permissionsToRemove = menu.children?.flatMap(c =>
+                                      c.operations.map(op => op.id)
+                                    ) || [];
+
+                                    onFormDataChange({
+                                      ...formData,
+                                      menuIds: (formData.menuIds || []).filter(id =>
+                                        id !== menu.id && !childrenIds.includes(id)
+                                      ),
+                                      permissionIds: (formData.permissionIds || []).filter(id =>
+                                        !permissionsToRemove.includes(id)
+                                      ),
+                                    });
+                                  }
+                                }}
+                                disabled={formData.menuIds?.includes('*')}
+                              />
+                              <Label htmlFor={`menu-${menu.id}`} className="cursor-pointer">
+                                {menu.label}
+                              </Label>
+                            </div>
+
+                            {/* 二级菜单及其操作权限 */}
+                            {menu.children && (formData.menuIds?.includes(menu.id) || formData.menuIds?.includes('*')) && (
+                              <div className="ml-6 space-y-3 pl-4 border-l-2 border-green-100">
+                                {menu.children.map((child) => (
+                                  <div key={child.id} className="space-y-2">
+                                    <div className="flex items-center gap-2">
+                                      <ChevronRight className="w-3 h-3 text-green-600" />
+                                      <span className="text-sm text-muted-foreground">{child.label}</span>
+                                    </div>
+                                    <div className="ml-5 flex flex-wrap gap-3">
+                                      {child.operations.map((operation) => (
+                                        <div key={operation.id} className="flex items-center gap-1.5">
+                                          <Checkbox
+                                            id={`permission-${operation.id}`}
+                                            checked={
+                                              formData.permissionIds?.includes(operation.id) ||
+                                              formData.permissionIds?.includes('*')
+                                            }
+                                            onCheckedChange={(checked) => {
+                                              if (checked) {
+                                                onFormDataChange({
+                                                  ...formData,
+                                                  permissionIds: [...(formData.permissionIds || []), operation.id],
+                                                });
+                                              } else {
+                                                onFormDataChange({
+                                                  ...formData,
+                                                  permissionIds: (formData.permissionIds || []).filter(id => id !== operation.id),
+                                                });
+                                              }
+                                            }}
+                                            disabled={formData.permissionIds?.includes('*')}
+                                          />
+                                          <Label
+                                            htmlFor={`permission-${operation.id}`}
+                                            className="text-xs cursor-pointer text-foreground"
+                                          >
+                                            {operation.label}
+                                          </Label>
+                                        </div>
+                                      ))}
+                                    </div>
+                                  </div>
+                                ))}
+                              </div>
+                            )}
+                          </div>
+                        ))}
+                      </div>
+                    </div>
+                  ))}
+                </div>
+              </Card>
+            </div>
+          </div>
+        </ScrollArea>
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)}>
+            取消
+          </Button>
+          <Button onClick={onSave}>保存</Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/role/components/RoleList.tsx b/crop-x/src/app/(app)/central-config/user/role/components/RoleList.tsx
new file mode 100644
index 0000000..2de936a
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/role/components/RoleList.tsx
@@ -0,0 +1,113 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+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, Edit, Trash2, Shield } from 'lucide-react';
+import { Role, RoleType } from '../types';
+
+interface RoleListProps {
+  roles: Role[];
+  onViewDetail: (role: Role) => void;
+  onEdit: (role: Role) => void;
+  onDelete: (id: string) => void;
+}
+
+export function RoleList({
+  roles,
+  onViewDetail,
+  onEdit,
+  onDelete
+}: RoleListProps) {
+  const getRoleTypeBadge = (type: RoleType) => {
+    return type === 'system' ? (
+      <Badge className="bg-blue-100 text-blue-700">系统角色</Badge>
+    ) : (
+      <Badge className="bg-green-100 text-green-700">自定义</Badge>
+    );
+  };
+
+  const getStatusBadge = (status: string) => {
+    return status === 'active' ? (
+      <Badge className="bg-green-100 text-green-700">启用</Badge>
+    ) : (
+      <Badge className="bg-gray-100 text-gray-700">禁用</Badge>
+    );
+  };
+
+  return (
+    <Card>
+      <Table>
+        <TableHeader>
+          <TableRow>
+            <TableHead>角色名称</TableHead>
+            <TableHead>角色代码</TableHead>
+            <TableHead>角色描述</TableHead>
+            <TableHead>类型</TableHead>
+            <TableHead>状态</TableHead>
+            <TableHead>创建时间</TableHead>
+            <TableHead>操作</TableHead>
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {roles.length === 0 ? (
+            <TableRow>
+              <TableCell colSpan={7} className="text-center text-muted-foreground py-8">
+                暂无数据
+              </TableCell>
+            </TableRow>
+          ) : (
+            roles.map((role) => (
+              <TableRow key={role.id}>
+                <TableCell>
+                  <div className="flex items-center gap-2">
+                    <Shield className="w-4 h-4 text-muted-foreground" />
+                    {role.name}
+                  </div>
+                </TableCell>
+                <TableCell className="text-muted-foreground">{role.code}</TableCell>
+                <TableCell className="text-muted-foreground max-w-xs truncate">
+                  {role.description}
+                </TableCell>
+                <TableCell>{getRoleTypeBadge(role.type)}</TableCell>
+                <TableCell>{getStatusBadge(role.status)}</TableCell>
+                <TableCell className="text-muted-foreground">
+                  {new Date(role.createdAt).toLocaleDateString('zh-CN')}
+                </TableCell>
+                <TableCell>
+                  <div className="flex gap-1">
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={() => onViewDetail(role)}
+                    >
+                      <Eye className="w-4 h-4" />
+                    </Button>
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={() => onEdit(role)}
+                    >
+                      <Edit className="w-4 h-4" />
+                    </Button>
+                    {role.type === 'custom' && (
+                      <Button
+                        variant="ghost"
+                        size="sm"
+                        onClick={() => onDelete(role.id)}
+                      >
+                        <Trash2 className="w-4 h-4 text-destructive" />
+                      </Button>
+                    )}
+                  </div>
+                </TableCell>
+              </TableRow>
+            ))
+          )}
+        </TableBody>
+      </Table>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/role/components/RoleManagementHeader.tsx b/crop-x/src/app/(app)/central-config/user/role/components/RoleManagementHeader.tsx
new file mode 100644
index 0000000..ebb583e
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/role/components/RoleManagementHeader.tsx
@@ -0,0 +1,24 @@
+'use client';
+
+import React from 'react';
+import { Button } from '@/components/ui/button';
+import { Plus } from 'lucide-react';
+
+interface RoleManagementHeaderProps {
+  onAddRole: () => void;
+}
+
+export function RoleManagementHeader({ onAddRole }: RoleManagementHeaderProps) {
+  return (
+    <div className="flex items-center justify-between">
+      <div>
+        <h2 className="text-green-800">角色管理</h2>
+        <p className="text-muted-foreground">基于RBAC的角色访问控制管理</p>
+      </div>
+      <Button onClick={onAddRole}>
+        <Plus className="w-4 h-4 mr-2" />
+        添加角色
+      </Button>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/role/components/RoleManagementInstructions.tsx b/crop-x/src/app/(app)/central-config/user/role/components/RoleManagementInstructions.tsx
new file mode 100644
index 0000000..59e01d9
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/role/components/RoleManagementInstructions.tsx
@@ -0,0 +1,19 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+
+export function RoleManagementInstructions() {
+  return (
+    <Card className="p-4 bg-blue-50 border-blue-200">
+      <h4 className="text-blue-900 mb-2">角色管理说明</h4>
+      <ul className="space-y-1 text-sm text-blue-800">
+        <li>• 系统角色是预定义的角色，不能删除，只能修改描述和权限</li>
+        <li>• 自定义角色可根据业务需求灵活创建</li>
+        <li>• 每个角色可配置可访问的菜单和功能权限</li>
+        <li>• 用户通过分配角色获得相应的系统访问权限</li>
+        <li>• 建议按照职能划分角色，便于权限管理</li>
+      </ul>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/role/components/RoleManagementStatsCards.tsx b/crop-x/src/app/(app)/central-config/user/role/components/RoleManagementStatsCards.tsx
new file mode 100644
index 0000000..d06ed20
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/role/components/RoleManagementStatsCards.tsx
@@ -0,0 +1,43 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { RoleManagementStats, Role } from '../types';
+
+interface RoleManagementStatsCardsProps {
+  roles: Role[];
+}
+
+export function RoleManagementStatsCards({ roles }: RoleManagementStatsCardsProps) {
+  const stats: RoleManagementStats[] = [
+    {
+      label: '总角色数',
+      value: roles.length,
+      color: 'text-blue-600',
+      bg: 'bg-blue-100',
+    },
+    {
+      label: '系统角色',
+      value: roles.filter(r => r.type === 'system').length,
+      color: 'text-purple-600',
+      bg: 'bg-purple-100',
+    },
+    {
+      label: '自定义角色',
+      value: roles.filter(r => r.type === 'custom').length,
+      color: 'text-green-600',
+      bg: 'bg-green-100',
+    },
+  ];
+
+  return (
+    <div className="grid grid-cols-3 gap-4">
+      {stats.map((stat, index) => (
+        <Card key={index} className="p-4">
+          <div className="text-sm text-muted-foreground">{stat.label}</div>
+          <div className={`mt-2 ${stat.color} text-2xl font-semibold`}>{stat.value}</div>
+        </Card>
+      ))}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/role/components/RoleSearch.tsx b/crop-x/src/app/(app)/central-config/user/role/components/RoleSearch.tsx
new file mode 100644
index 0000000..cdf4b35
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/role/components/RoleSearch.tsx
@@ -0,0 +1,27 @@
+'use client';
+
+import React from 'react';
+import { Card } from '@/components/ui/card';
+import { Input } from '@/components/ui/input';
+import { Search } from 'lucide-react';
+
+interface RoleSearchProps {
+  searchKeyword: string;
+  onSearchChange: (keyword: string) => void;
+}
+
+export function RoleSearch({ searchKeyword, onSearchChange }: RoleSearchProps) {
+  return (
+    <Card className="p-4">
+      <div className="relative">
+        <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-muted-foreground" />
+        <Input
+          placeholder="搜索角色名称、代码、描述..."
+          value={searchKeyword}
+          onChange={(e) => onSearchChange(e.target.value)}
+          className="pl-10"
+        />
+      </div>
+    </Card>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/role/page.tsx b/crop-x/src/app/(app)/central-config/user/role/page.tsx
new file mode 100644
index 0000000..df3e50a
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/role/page.tsx
@@ -0,0 +1,219 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { toast } from 'sonner';
+
+import { RoleManagementHeader } from './components/RoleManagementHeader';
+import { RoleManagementStatsCards } from './components/RoleManagementStatsCards';
+import { RoleSearch } from './components/RoleSearch';
+import { RoleList } from './components/RoleList';
+import { RoleFormDialog } from './components/RoleFormDialog';
+import { RoleDetailDialog } from './components/RoleDetailDialog';
+import { RoleManagementInstructions } from './components/RoleManagementInstructions';
+import { Role, RoleFormData } from './types';
+
+export default function RoleManagementPage() {
+  const [roles, setRoles] = useState<Role[]>([]);
+  const [searchKeyword, setSearchKeyword] = useState('');
+  const [showForm, setShowForm] = useState(false);
+  const [showDetailDialog, setShowDetailDialog] = useState(false);
+  const [editingRole, setEditingRole] = useState<Role | null>(null);
+  const [selectedRole, setSelectedRole] = useState<Role | null>(null);
+  const [formData, setFormData] = useState<RoleFormData>({
+    type: 'custom',
+    status: 'active',
+    menuIds: [],
+    permissionIds: [],
+  });
+
+  useEffect(() => {
+    loadRoles();
+  }, []);
+
+  const loadRoles = () => {
+    const data = localStorage.getItem('smart_agriculture_roles');
+    if (data) {
+      setRoles(JSON.parse(data));
+    } else {
+      const mockRoles: Role[] = [
+        {
+          id: 'role-1',
+          name: '超级管理员',
+          code: 'super_admin',
+          description: '系统最高权限，可管理所有功能和数据',
+          type: 'system',
+          menuIds: ['*'],
+          permissionIds: ['*'],
+          status: 'active',
+          createdAt: '2024-01-01T00:00:00',
+          updatedAt: '2024-01-01T00:00:00',
+        },
+        {
+          id: 'role-2',
+          name: '企业管理员',
+          code: 'enterprise_admin',
+          description: '企业管理员，可管理本企业的员工和数据',
+          type: 'system',
+          menuIds: ['config-user', 'machinery', 'field'],
+          permissionIds: ['user:view', 'user:add', 'user:edit', 'machinery:*'],
+          defaultHomePage: '/machinery/archive/entry',
+          status: 'active',
+          createdAt: '2024-01-01T00:00:00',
+          updatedAt: '2024-01-01T00:00:00',
+        },
+        {
+          id: 'role-3',
+          name: '操作员',
+          code: 'operator',
+          description: '一般操作员，可查看和操作农机设备',
+          type: 'system',
+          menuIds: ['machinery', 'field'],
+          permissionIds: ['machinery:view', 'machinery:control', 'field:view'],
+          defaultHomePage: '/machinery/monitoring/location',
+          status: 'active',
+          createdAt: '2024-01-01T00:00:00',
+          updatedAt: '2024-01-01T00:00:00',
+        },
+        {
+          id: 'role-4',
+          name: '维修员',
+          code: 'maintenance',
+          description: '农机维修人员，负责设备维护和故障诊断',
+          type: 'custom',
+          menuIds: ['machinery-fault', 'machinery-archive'],
+          permissionIds: ['machinery:view', 'fault:view', 'fault:handle'],
+          status: 'active',
+          createdAt: '2024-10-01T00:00:00',
+          updatedAt: '2024-10-01T00:00:00',
+        },
+      ];
+      localStorage.setItem('smart_agriculture_roles', JSON.stringify(mockRoles));
+      setRoles(mockRoles);
+    }
+  };
+
+  const filteredRoles = roles.filter(role => {
+    const matchKeyword = !searchKeyword ||
+      role.name.includes(searchKeyword) ||
+      role.code.includes(searchKeyword) ||
+      (role.description && role.description.includes(searchKeyword));
+    return matchKeyword;
+  });
+
+  const handleAddRole = () => {
+    setEditingRole(null);
+    setFormData({
+      type: 'custom',
+      status: 'active',
+      menuIds: [],
+      permissionIds: [],
+    });
+    setShowForm(true);
+  };
+
+  const handleEdit = (role: Role) => {
+    setEditingRole(role);
+    setFormData(role);
+    setShowForm(true);
+  };
+
+  const handleSave = () => {
+    if (!formData.name || !formData.code) {
+      toast.error('请填写必填项');
+      return;
+    }
+
+    if (editingRole) {
+      const updated = roles.map(role =>
+        role.id === editingRole.id
+          ? {
+              ...role,
+              ...formData,
+              updatedAt: new Date().toISOString(),
+            }
+          : role
+      );
+      setRoles(updated);
+      localStorage.setItem('smart_agriculture_roles', JSON.stringify(updated));
+      toast.success('角色更新成功');
+    } else {
+      const newRole: Role = {
+        id: `role-${Date.now()}`,
+        ...formData as Role,
+        createdAt: new Date().toISOString(),
+        updatedAt: new Date().toISOString(),
+      };
+      const updated = [...roles, newRole];
+      setRoles(updated);
+      localStorage.setItem('smart_agriculture_roles', JSON.stringify(updated));
+      toast.success('角色添加成功');
+    }
+
+    setShowForm(false);
+  };
+
+  const handleDelete = (id: string) => {
+    const role = roles.find(r => r.id === id);
+    if (role && role.type === 'system') {
+      toast.error('系统角色不能删除');
+      return;
+    }
+
+    if (!confirm('确定要删除该角色吗？')) return;
+
+    const updated = roles.filter(role => role.id !== id);
+    setRoles(updated);
+    localStorage.setItem('smart_agriculture_roles', JSON.stringify(updated));
+    toast.success('角色删除成功');
+  };
+
+  const handleViewDetail = (role: Role) => {
+    setSelectedRole(role);
+    setShowDetailDialog(true);
+  };
+
+  return (
+    <div className="space-y-6">
+      <RoleManagementHeader
+        onAddRole={handleAddRole}
+      />
+
+      {/* 统计卡片 */}
+      <RoleManagementStatsCards roles={roles} />
+
+      {/* 搜索 */}
+      <RoleSearch
+        searchKeyword={searchKeyword}
+        onSearchChange={setSearchKeyword}
+      />
+
+      {/* 角色列表 */}
+      <RoleList
+        roles={filteredRoles}
+        onViewDetail={handleViewDetail}
+        onEdit={handleEdit}
+        onDelete={handleDelete}
+      />
+
+      {/* 添加/编辑表单 */}
+      <RoleFormDialog
+        open={showForm}
+        onOpenChange={setShowForm}
+        editingRole={editingRole}
+        formData={formData}
+        onFormDataChange={setFormData}
+        onSave={handleSave}
+      />
+
+      {/* 详情对话框 */}
+      <RoleDetailDialog
+        open={showDetailDialog}
+        onOpenChange={setShowDetailDialog}
+        selectedRole={selectedRole}
+      />
+
+      {/* 使用说明 */}
+      <RoleManagementInstructions />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/user/role/types.ts b/crop-x/src/app/(app)/central-config/user/role/types.ts
new file mode 100644
index 0000000..fa0db32
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/user/role/types.ts
@@ -0,0 +1,358 @@
+// 角色管理相关类型定义
+
+export interface Role {
+  id: string;
+  name: string;
+  code: string;
+  description?: string;
+  type: RoleType;
+  menuIds: string[];
+  permissionIds: string[];
+  defaultHomePage?: string;
+  status: 'active' | 'inactive';
+  createdAt: string;
+  updatedAt: string;
+}
+
+export type RoleType = 'system' | 'custom';
+
+// 定义菜单权限结构（菜单与操作权限关联）
+export interface MenuWithPermissions {
+  id: string;
+  label: string;
+  children?: {
+    id: string;
+    label: string;
+    operations: {
+      id: string;
+      label: string;
+      key: string;
+    }[];
+  }[];
+}
+
+// 所有系统菜单及其操作权限
+export const allSystemMenus: { id: string; label: string; menus: MenuWithPermissions[] }[] = [
+  {
+    id: 'machinery',
+    label: '智能农机管理系统',
+    menus: [
+      {
+        id: 'machinery-archive',
+        label: '农机档案',
+        children: [
+          {
+            id: 'machinery-entry',
+            label: '农机档案录入与维护',
+            operations: [
+              { id: 'machinery-entry:view', label: '查看', key: 'view' },
+              { id: 'machinery-entry:add', label: '新增', key: 'add' },
+              { id: 'machinery-entry:edit', label: '编辑', key: 'edit' },
+              { id: 'machinery-entry:delete', label: '删除', key: 'delete' },
+              { id: 'machinery-entry:export', label: '导出', key: 'export' },
+            ],
+          },
+          {
+            id: 'machinery-classification',
+            label: '农机分类与标签管理',
+            operations: [
+              { id: 'machinery-classification:view', label: '查看', key: 'view' },
+              { id: 'machinery-classification:edit', label: '编辑', key: 'edit' },
+            ],
+          },
+          {
+            id: 'machinery-qrcode',
+            label: '农机二维码管理',
+            operations: [
+              { id: 'machinery-qrcode:view', label: '查看', key: 'view' },
+              { id: 'machinery-qrcode:generate', label: '生成', key: 'generate' },
+              { id: 'machinery-qrcode:print', label: '打印', key: 'print' },
+            ],
+          },
+        ],
+      },
+      {
+        id: 'driver-archive',
+        label: '驾驶员档案',
+        children: [
+          {
+            id: 'driver-info',
+            label: '驾驶员信息管理',
+            operations: [
+              { id: 'driver-info:view', label: '查看', key: 'view' },
+              { id: 'driver-info:add', label: '新增', key: 'add' },
+              { id: 'driver-info:edit', label: '编辑', key: 'edit' },
+              { id: 'driver-info:delete', label: '删除', key: 'delete' },
+            ],
+          },
+          {
+            id: 'driver-task',
+            label: '驾驶员任务管理',
+            operations: [
+              { id: 'driver-task:view', label: '查看', key: 'view' },
+              { id: 'driver-task:assign', label: '分配任务', key: 'assign' },
+              { id: 'driver-task:cancel', label: '取消任务', key: 'cancel' },
+            ],
+          },
+        ],
+      },
+      {
+        id: 'monitoring',
+        label: '设备实时监控与定位',
+        children: [
+          {
+            id: 'realtime-location',
+            label: '实时位置追踪',
+            operations: [
+              { id: 'realtime-location:view', label: '查看', key: 'view' },
+              { id: 'realtime-location:track', label: '追踪', key: 'track' },
+            ],
+          },
+          {
+            id: 'work-status',
+            label: '工作状态监控',
+            operations: [
+              { id: 'work-status:view', label: '查看', key: 'view' },
+              { id: 'work-status:control', label: '远程控制', key: 'control' },
+            ],
+          },
+        ],
+      },
+      {
+        id: 'fault-diagnosis',
+        label: '远程诊断与故障预警',
+        children: [
+          {
+            id: 'fault-warning',
+            label: '故障诊断与预警',
+            operations: [
+              { id: 'fault-warning:view', label: '查看', key: 'view' },
+              { id: 'fault-warning:handle', label: '处理', key: 'handle' },
+              { id: 'fault-warning:export', label: '导出', key: 'export' },
+            ],
+          },
+        ],
+      },
+    ],
+  },
+  {
+    id: 'field',
+    label: '地块信息管理系统',
+    menus: [
+      {
+        id: 'field-info',
+        label: '地块信息',
+        children: [
+          {
+            id: 'field-list',
+            label: '地块列表',
+            operations: [
+              { id: 'field-list:view', label: '查看', key: 'view' },
+              { id: 'field-list:add', label: '新增', key: 'add' },
+              { id: 'field-list:edit', label: '编辑', key: 'edit' },
+              { id: 'field-list:delete', label: '删除', key: 'delete' },
+            ],
+          },
+          {
+            id: 'field-map',
+            label: '地块地图',
+            operations: [
+              { id: 'field-map:view', label: '查看', key: 'view' },
+              { id: 'field-map:draw', label: '绘制', key: 'draw' },
+            ],
+          },
+        ],
+      },
+    ],
+  },
+  {
+    id: 'operation',
+    label: '农事操作管理系统',
+    menus: [
+      {
+        id: 'operation-plan',
+        label: '作业计划',
+        children: [
+          {
+            id: 'plan-list',
+            label: '计划列表',
+            operations: [
+              { id: 'plan-list:view', label: '查看', key: 'view' },
+              { id: 'plan-list:add', label: '新增', key: 'add' },
+              { id: 'plan-list:edit', label: '编辑', key: 'edit' },
+              { id: 'plan-list:delete', label: '删除', key: 'delete' },
+            ],
+          },
+        ],
+      },
+    ],
+  },
+  {
+    id: 'asset',
+    label: '农业资产管理系统',
+    menus: [
+      {
+        id: 'asset-inventory',
+        label: '资产清单',
+        children: [
+          {
+            id: 'inventory-list',
+            label: '清单列表',
+            operations: [
+              { id: 'inventory-list:view', label: '查看', key: 'view' },
+              { id: 'inventory-list:manage', label: '管理', key: 'manage' },
+            ],
+          },
+        ],
+      },
+    ],
+  },
+  {
+    id: 'ai-model',
+    label: 'AI作物模型精准决策系统',
+    menus: [
+      {
+        id: 'ai-models',
+        label: 'AI模型',
+        children: [
+          {
+            id: 'model-list',
+            label: '模型列表',
+            operations: [
+              { id: 'model-list:view', label: '查看', key: 'view' },
+              { id: 'model-list:run', label: '运行', key: 'run' },
+            ],
+          },
+        ],
+      },
+    ],
+  },
+  {
+    id: 'irrigation',
+    label: '水肥一体化控制系统',
+    menus: [
+      {
+        id: 'irrigation-control',
+        label: '灌溉控制',
+        children: [
+          {
+            id: 'zone-control',
+            label: '区域控制',
+            operations: [
+              { id: 'zone-control:view', label: '查看', key: 'view' },
+              { id: 'zone-control:control', label: '控制', key: 'control' },
+            ],
+          },
+        ],
+      },
+    ],
+  },
+  {
+    id: 'config',
+    label: '中心配置管理系统',
+    menus: [
+      {
+        id: 'tenant-management',
+        label: '租户管理',
+        children: [
+          {
+            id: 'enterprise-audit',
+            label: '企业审核',
+            operations: [
+              { id: 'enterprise-audit:view', label: '查看', key: 'view' },
+              { id: 'enterprise-audit:audit', label: '审核', key: 'audit' },
+            ],
+          },
+          {
+            id: 'enterprise-info',
+            label: '企业信息',
+            operations: [
+              { id: 'enterprise-info:view', label: '查看', key: 'view' },
+              { id: 'enterprise-info:edit', label: '编辑', key: 'edit' },
+            ],
+          },
+        ],
+      },
+      {
+        id: 'user-management',
+        label: '用户管理',
+        children: [
+          {
+            id: 'employee-management',
+            label: '员工管理',
+            operations: [
+              { id: 'employee-management:view', label: '查看', key: 'view' },
+              { id: 'employee-management:add', label: '新增', key: 'add' },
+              { id: 'employee-management:edit', label: '编辑', key: 'edit' },
+              { id: 'employee-management:delete', label: '删除', key: 'delete' },
+            ],
+          },
+          {
+            id: 'role-management',
+            label: '角色管理',
+            operations: [
+              { id: 'role-management:view', label: '查看', key: 'view' },
+              { id: 'role-management:manage', label: '管理', key: 'manage' },
+            ],
+          },
+        ],
+      },
+      {
+        id: 'system-params',
+        label: '系统参数',
+        children: [
+          {
+            id: 'system-settings',
+            label: '系统设置',
+            operations: [
+              { id: 'system-settings:view', label: '查看', key: 'view' },
+              { id: 'system-settings:edit', label: '编辑', key: 'edit' },
+            ],
+          },
+        ],
+      },
+      {
+        id: 'system-monitor',
+        label: '系统监控',
+        children: [
+          {
+            id: 'login-log',
+            label: '登录日志',
+            operations: [
+              { id: 'login-log:view', label: '查看', key: 'view' },
+              { id: 'login-log:export', label: '导出', key: 'export' },
+            ],
+          },
+          {
+            id: 'operation-log',
+            label: '操作日志',
+            operations: [
+              { id: 'operation-log:view', label: '查看', key: 'view' },
+              { id: 'operation-log:export', label: '导出', key: 'export' },
+            ],
+          },
+        ],
+      },
+    ],
+  },
+];
+
+// 统计数据
+export interface RoleManagementStats {
+  label: string;
+  value: number;
+  color: string;
+  bg: string;
+}
+
+// 表单数据
+export interface RoleFormData {
+  name?: string;
+  code?: string;
+  description?: string;
+  type?: RoleType;
+  status?: 'active' | 'inactive';
+  defaultHomePage?: string;
+  menuIds?: string[];
+  permissionIds?: string[];
+}
\ No newline at end of file
diff --git a/crop-x/src/app/(app)/central-config/映射关系.md b/crop-x/src/app/(app)/central-config/映射关系.md
new file mode 100644
index 0000000..2e3c63a
--- /dev/null
+++ b/crop-x/src/app/(app)/central-config/映射关系.md
@@ -0,0 +1,309 @@
+# Smart Crop UI - 配置管理系统页面映射关系
+
+## 项目概述
+
+本文档记录了从原始项目到crop-x项目的页面映射关系，以及样式复刻的实现方式。
+
+## 页面映射关系
+
+### 1. 企业审核管理页面
+- **原始文件**: `D:\code\repotest\smart-crop-ui\src\components\dashboard\EnterpriseAudit.tsx`
+- **目标文件**: `D:\code\repotest\smart-crop-ui\crop-x\src\app\(app)\central-config\tenant\enterprise-audit\page.tsx`
+- **组件结构**:
+  - `AuditStatsCards` - 统计卡片组件
+  - `SearchFilters` - 搜索筛选组件
+  - `EnterpriseList` - 企业列表组件
+  - `EnterpriseDetailDialog` - 企业详情对话框
+
+### 2. 审核历史页面
+- **原始文件**: `D:\code\repotest\smart-crop-ui\src\components\dashboard\AuditHistory.tsx`
+- **目标文件**: `D:\code\repotest\smart-crop-ui\crop-x\src\app\(app)\central-config\tenant\audit-history\page.tsx`
+- **组件结构**:
+  - `AuditHistoryStatsCards` - 统计卡片组件
+  - `AuditHistoryFilters` - 筛选器组件
+  - `AuditHistoryList` - 审核历史列表
+  - `AuditHistoryDetailDialog` - 审核详情对话框
+
+### 3. 企业信息管理页面
+- **原始文件**: `D:\code\repotest\smart-crop-ui\src\components\dashboard\EnterpriseInfo.tsx`
+- **目标文件**: `D:\code\repotest\smart-crop-ui\crop-x\src\app\(app)\central-config\tenant\enterprise-info\page.tsx`
+- **组件结构**:
+  - `EnterpriseInfoHeader` - 页面头部组件
+  - `AuditStatusAlert` - 审核状态提醒
+  - `BasicInfoForm` - 基本信息表单
+  - `OtherInfoForm` - 其他信息表单
+  - `BankInfoForm` - 银行信息表单
+  - `LegalInfoForm` - 法人信息表单
+
+### 4. 用户管理页面
+- **原始文件**: `D:\code\repotest\smart-crop-ui\src\components\dashboard\UserManagement.tsx`
+- **目标文件**: `D:\code\repotest\smart-crop-ui\crop-x\src\app\(app)\central-config\tenant\user-management\page.tsx`
+- **组件结构**:
+  - `UserManagementHeader` - 页面头部组件
+  - `UserManagementStatsCards` - 统计卡片组件
+  - `UserManagementFilters` - 筛选器组件
+  - `UserList` - 用户列表组件
+  - `UserFormDialog` - 用户表单对话框
+  - `UserDetailDialog` - 用户详情对话框
+
+### 5. 员工管理页面
+- **原始文件**: `D:\code\repotest\smart-crop-ui\src\components\dashboard\EmployeeManagement.tsx`
+- **目标文件**: `D:\code\repotest\smart-crop-ui\crop-x\src\app\(app)\central-config\user\employee\page.tsx`
+- **组件结构**:
+  - `EmployeeManagementHeader` - 页面头部组件
+  - `EmployeeManagementStatsCards` - 统计卡片组件
+  - `EmployeeManagementFilters` - 筛选器组件
+  - `EmployeeList` - 员工列表组件
+  - `EmployeeFormDialog` - 员工表单对话框
+  - `EmployeeDetailDialog` - 员工详情对话框
+
+### 6. 角色管理页面
+- **原始文件**: `D:\code\repotest\smart-crop-ui\src\components\dashboard\RoleManagement.tsx`
+- **目标文件**: `D:\code\repotest\smart-crop-ui\crop-x\src\app\(app)\central-config\user\role\page.tsx`
+- **组件结构**:
+  - `RoleManagementHeader` - 页面头部组件
+  - `RoleManagementStatsCards` - 统计卡片组件
+  - `RoleSearch` - 角色搜索组件
+  - `RoleList` - 角色列表组件
+  - `RoleFormDialog` - 角色表单对话框
+  - `RoleDetailDialog` - 角色详情对话框
+  - `RoleManagementInstructions` - 使用说明组件
+
+## 样式复刻实现方式
+
+### 1. 技术栈对齐
+- **UI框架**: 使用shadcn/ui组件库替代原始UI组件
+- **样式系统**: 使用Tailwind CSS实现相同的视觉效果
+- **图标库**: 使用lucide-react替代原始图标库
+- **状态管理**: 保持React hooks状态管理模式
+
+### 2. 样式映射原则
+
+#### 颜色系统映射
+```typescript
+// 原始颜色系统 -> Tailwind CSS类
+primary-green -> bg-green-600, text-green-600
+primary-blue -> bg-blue-600, text-blue-600
+success-green -> bg-green-100, text-green-700
+warning-yellow -> bg-yellow-100, text-yellow-700
+error-red -> bg-red-100, text-red-700
+gray-scale -> bg-gray-50, text-gray-600
+```
+
+#### 组件样式复刻
+- **Card组件**: 使用`@/components/ui/card`包装内容
+- **Button组件**: 使用`@/components/ui/button`并应用变体
+- **Table组件**: 使用`@/components/ui/table`保持表格结构
+- **Dialog组件**: 使用`@/components/ui/dialog`实现弹窗
+- **Badge组件**: 使用`@/components/ui/badge`显示状态标签
+
+#### 布局系统
+```typescript
+// 响应式布局
+<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+
+// 弹性布局
+<div className="flex items-center justify-between">
+
+// 间距系统
+<div className="space-y-6">  // 垂直间距
+<div className="flex gap-4">   // 水平间距
+```
+
+### 3. 功能实现保持
+
+#### 状态管理模式
+```typescript
+// 保持原有的状态管理模式
+const [data, setData] = useState<DataType[]>([]);
+const [searchKeyword, setSearchKeyword] = useState('');
+const [showForm, setShowForm] = useState(false);
+```
+
+#### 数据持久化
+```typescript
+// 使用LocalStorage保持数据持久化
+localStorage.setItem('smart_agriculture_data', JSON.stringify(data));
+```
+
+#### 交互反馈
+```typescript
+// 使用sonner保持相同的toast提示
+import { toast } from 'sonner';
+toast.success('操作成功');
+toast.error('操作失败');
+```
+
+### 4. 类型系统迁移
+
+#### 接口定义
+- 为每个页面创建完整的TypeScript类型定义
+- 保持原有的数据结构不变
+- 增强类型安全检查
+
+#### 类型文件组织
+```typescript
+// 每个功能模块独立的类型文件
+export interface Enterprise { ... }
+export interface User { ... }
+export interface Role { ... }
+```
+
+### 5. 组件拆分策略
+
+#### 单一职责原则
+- 将复杂页面拆分为多个独立组件
+- 每个组件负责特定的功能区域
+- 通过props传递数据和回调函数
+
+#### 可复用性设计
+- 统计卡片组件可在多个页面复用
+- 筛选器组件保持一致的交互模式
+- 表单组件采用相同的验证机制
+
+### 6. 实现规范
+
+#### 命名约定
+- 组件文件使用PascalCase命名
+- 组件导出使用命名导出
+- 类型定义使用接口而非类型别名
+
+#### 代码组织
+```typescript
+// 导入顺序
+1. React相关导入
+2. 第三方库导入
+3. UI组件导入
+4. 类型定义导入
+5. 本地组件导入
+
+// 组件结构
+1. 接口定义
+2. 组件实现
+3. 默认导出
+```
+
+## 开发注意事项
+
+### 1. 路径映射
+- 确保所有导入路径正确
+- 使用相对路径导入本地组件
+- 使用绝对路径导入UI组件
+
+### 2. 数据一致性
+- 保持与原始数据结构的一致性
+- 确保所有CRUD操作正常工作
+- 维护数据的完整性
+
+### 3. 用户体验
+- 保持与原始页面相同的交互流程
+- 确保响应式设计正常工作
+- 维护一致的用户反馈机制
+
+### 4. 测试验证
+- 验证所有功能正常工作
+- 检查样式在不同屏幕尺寸下的表现
+- 确保数据持久化功能正常
+
+---
+
+*本文档记录了Smart Crop UI配置管理系统的完整映射关系和实现方式，为后续开发提供参考。*
+
+待实现的映射关系，一口气给我实现，并且更新映射关系.md
+
+菜单管理
+
+需实现文件：D:\code\repotest\smart-crop-ui\crop-x\src\app\(app)\central-config\user\menu\page.tsx
+
+参考文件:D:\code\repotest\smart-crop-ui\src\components\config\MenuManagement.tsx
+
+权限配置管理 页面
+
+需实现文件：D:\code\repotest\smart-crop-ui\crop-x\src\app\(app)\central-config\user\permission\page.tsx
+
+参考文件:D:\code\repotest\smart-crop-ui\src\components\config\PermissionManagement.tsx
+
+系统设置 页面
+
+需实现文件：D:\code\repotest\smart-crop-ui\crop-x\src\app\(app)\central-config\system\settings\page.tsx
+
+参考文件:D:\code\repotest\smart-crop-ui\src\components\config\SystemSettings.tsx
+
+
+
+ 页面 登录日志
+
+需实现文件：D:\code\repotest\smart-crop-ui\crop-x\src\app\(app)\central-config\monitor\login-log\page.tsx
+
+参考文件:D:\code\repotest\smart-crop-ui\src\components\config\LoginLog.tsx
+
+
+
+页面 操作日志
+
+需实现文件：D:\code\repotest\smart-crop-ui\crop-x\src\app\(app)\central-config\monitor\operation-log
+
+参考文件:D:\code\repotest\smart-crop-ui\src\components\config\OperationLog.tsx
+
+
+
+页面 性能监控
+
+需实现文件：D:\code\repotest\smart-crop-ui\crop-x\src\app\(app)\central-config\monitor\performance\page.tsx
+
+参考文件:D:\code\repotest\smart-crop-ui\src\components\config\PerformanceMonitor.tsx
+
+
+
+页面 网络日志
+
+需实现文件：D:\code\repotest\smart-crop-ui\crop-x\src\app\(app)\central-config\monitor\network-log\page.tsx
+
+参考文件:D:\code\repotest\smart-crop-ui\src\components\config\NetworkLog.tsx
+
+
+
+页面 消息发送
+
+需实现文件：D:\code\repotest\smart-crop-ui\crop-x\src\app\(app)\central-config\message\send\page.tsx
+
+参考文件:D:\code\repotest\smart-crop-ui\src\components\config\MessageSend.tsx
+
+
+
+实现以下文件：
+
+要求：与参考文件一摸一样的效果。
+
+页面 消息模板
+
+需实现文件：D:\code\repotest\smart-crop-ui\crop-x\src\app\(app)\central-config\message\template\page.tsx
+
+参考文件:D:\code\repotest\smart-crop-ui\src\components\config\MessageTemplate.tsx
+
+
+
+页面 消息日志
+
+需实现文件：D:\code\repotest\smart-crop-ui\crop-x\src\app\(app)\central-config\message\log\page.tsx
+
+参考文件:D:\code\repotest\smart-crop-ui\src\components\config\MessageLog.tsx
+
+
+
+参考页面实现新的页面，要求如下
+
+1.参考页面中所有引入必须找import引入的文件，学习后再开发
+
+2.在当前目录下新建components文件，分模块开发，做到高内聚，低耦合，功能抽成组件。
+
+3.样式尽量做到一摸一样。
+
+4.注意原来文件中的中文 utf-8编码问题
+
+主要问题：1：1是实现消息模板页面
+
+需实现文件：D:\code\repotest\smart-crop-ui\crop-x\src\app\(app)\central-config\message\template\page.tsx
+
+参考文件:D:\code\repotest\smart-crop-ui\src\components\config\MessageTemplate.tsx
+
diff --git a/crop-x/src/components/layouts/Navbar.tsx b/crop-x/src/components/layouts/Navbar.tsx
index 11269f9..9953c48 100644
--- a/crop-x/src/components/layouts/Navbar.tsx
+++ b/crop-x/src/components/layouts/Navbar.tsx
@@ -1,12 +1,12 @@
-import { Book, Menu, Sunset, Trees, Zap } from "lucide-react";
-
+import { Menu } from "lucide-react";
+import { Tractor, Map, Clipboard, Package, Brain, Droplets, Settings } from 'lucide-react';
 import {
   Accordion,
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
 } from "@/components/ui/accordion";
-import { Button } from "@/components/ui/button";
+import { Button } from "@/components/ui/button"; 
 import {
   NavigationMenu,
   NavigationMenuContent,
@@ -77,43 +77,43 @@ const defaultNavbar: NavbarData = {
       title: "智能农机管理系统",
       url: "/agricultural-machinery",
       description: "农机档案、实时监控、精准作业管理",
-      icon: <Book className="size-5 shrink-0" />,
+      icon: <Tractor className="size-5 shrink-0" />,
     },
     {
       title: "地块信息管理系统",
       url: "/land-information",
       description: "地块档案、地图管理、空间分析",
-      icon: <Trees className="size-5 shrink-0" />,
+      icon: <Map className="size-5 shrink-0" />,
     },
     {
       title: "农事操作管理系统",
       url: "/farming-operation",
       description: "农事计划、任务管理、操作执行",
-      icon: <Sunset className="size-5 shrink-0" />,
+      icon: <Clipboard className="size-5 shrink-0" />,
     },
     {
       title: "农业资产管理系统",
       url: "/agricultural-asset",
       description: "基础信息、采购管理、库存管理",
-      icon: <Zap className="size-5 shrink-0" />,
+      icon: <Package className="size-5 shrink-0" />,
     },
     {
       title: "AI作物模型精准决策系统",
       url: "/ai-crop-model",
       description: "数据感知、模型应用、智能决策",
-      icon: <Book className="size-5 shrink-0" />,
+      icon: <Brain className="size-5 shrink-0" />,
     },
     {
       title: "水肥一体化控制系统",
       url: "/water-fertilizer-control",
       description: "水肥机管理、智能灌溉、配方管理",
-      icon: <Trees className="size-5 shrink-0" />,
+      icon: <Droplets className="size-5 shrink-0" />,
     },
     {
       title: "中心配置管理系统",
       url: "/central-config",
       description: "租户管理、用户管理、系统监控",
-      icon: <Sunset className="size-5 shrink-0" />,
+      icon: <Settings className="size-5 shrink-0" />,
     },
   ],
   auth: {
@@ -137,16 +137,15 @@ export function Navbar({ navbar }: NavbarProps) {
         <nav className="hidden justify-between lg:flex">
           <div className="flex items-center gap-6">
             {/* Logo */}
-            <a href={logo.url} className="flex items-center gap-2">
-              <img
-                src={logo.src}
-                className="max-h-8 dark:invert"
-                alt={logo.alt}
-              />
-              <span className="text-lg font-semibold tracking-tighter">
-                {logo.title}
-              </span>
-            </a>
+            <div className="flex items-center gap-3 flex-shrink-0">
+          <div className="w-10 h-10 bg-green-600 rounded-lg flex items-center justify-center">
+            <Tractor className="w-6 h-6 text-white" />
+          </div>
+          <div>
+            <h1 className="text-green-800">智慧农业生产管理系统</h1>
+            <p className="text-xs text-muted-foreground">Smart Agriculture Management System</p>
+          </div>
+        </div>
             <div className="flex items-center">
               <NavigationMenu>
                 <NavigationMenuList>
@@ -244,8 +243,9 @@ const renderMenuItem = (item: MenuItem) => {
     <NavigationMenuItem key={item.title}>
       <NavigationMenuLink
         href={item.url}
-        className="bg-background hover:bg-muted hover:text-accent-foreground group inline-flex h-10 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors"
+        className="bg-background hover:bg-muted hover:text-accent-foreground group inline-flex h-10 w-max items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors"
       >
+        {item.icon}
         {item.title}
       </NavigationMenuLink>
     </NavigationMenuItem>
diff --git a/crop-x/src/services/api/messageLogApi.ts b/crop-x/src/services/api/messageLogApi.ts
new file mode 100644
index 0000000..09a4ba7
--- /dev/null
+++ b/crop-x/src/services/api/messageLogApi.ts
@@ -0,0 +1,267 @@
+import { MessageLog } from '@/types/message';
+
+export interface MessageLogFilters {
+  searchKeyword?: string;
+  type?: string;
+  status?: string;
+  page?: number;
+  pageSize?: number;
+}
+
+export interface MessageLogResponse {
+  data: MessageLog[];
+  total: number;
+  page: number;
+  pageSize: number;
+}
+
+/**
+ * 消息日志API服务
+ * 提供消息日志相关的接口调用方法
+ */
+class MessageLogApiService {
+  /**
+   * 获取消息日志列表
+   * @param filters 过滤条件
+   * @returns 消息日志列表数据
+   */
+  async getMessageLogs(filters: MessageLogFilters = {}): Promise<MessageLogResponse> {
+    // TODO: 替换为实际的API调用
+    // const response = await fetch('/api/message-logs', {
+    //   method: 'GET',
+    //   headers: {
+    //     'Content-Type': 'application/json',
+    //   },
+    //   body: JSON.stringify(filters),
+    // });
+    // return response.json();
+
+    // 模拟API调用延迟
+    await new Promise(resolve => setTimeout(resolve, 300));
+
+    // 从localStorage获取数据作为模拟数据
+    const data = localStorage.getItem('smart_agriculture_message_logs');
+    let logs: MessageLog[] = [];
+
+    if (data) {
+      logs = JSON.parse(data);
+    } else {
+      // 初始化模拟数据
+      logs = this.generateMockData();
+      localStorage.setItem('smart_agriculture_message_logs', JSON.stringify(logs));
+    }
+
+    // 应用过滤条件
+    let filteredLogs = logs.filter(log => {
+      const matchKeyword = !filters.searchKeyword ||
+        (log.recipientName && log.recipientName.includes(filters.searchKeyword)) ||
+        log.recipient.includes(filters.searchKeyword) ||
+        log.content.includes(filters.searchKeyword);
+      const matchType = !filters.type || filters.type === 'all' || log.type === filters.type;
+      const matchStatus = !filters.status || filters.status === 'all' || log.status === filters.status;
+      return matchKeyword && matchType && matchStatus;
+    });
+
+    // 排序（按发送时间倒序）
+    filteredLogs.sort((a, b) => new Date(b.sentTime).getTime() - new Date(a.sentTime).getTime());
+
+    // 分页
+    const page = filters.page || 1;
+    const pageSize = filters.pageSize || 20;
+    const startIndex = (page - 1) * pageSize;
+    const endIndex = startIndex + pageSize;
+    const paginatedLogs = filteredLogs.slice(startIndex, endIndex);
+
+    return {
+      data: paginatedLogs,
+      total: filteredLogs.length,
+      page,
+      pageSize,
+    };
+  }
+
+  /**
+   * 导出消息日志
+   * @param filters 过滤条件
+   * @returns 导出文件
+   */
+  async exportMessageLogs(filters: MessageLogFilters = {}): Promise<void> {
+    const response = await this.getMessageLogs(filters);
+    const dataStr = JSON.stringify(response.data, null, 2);
+    const dataBlob = new Blob([dataStr], { type: 'application/json' });
+    const url = URL.createObjectURL(dataBlob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = `message_logs_${new Date().getTime()}.json`;
+    link.click();
+    URL.revokeObjectURL(url);
+  }
+
+  /**
+   * 批量标记消息为已读
+   * @param ids 消息ID列表
+   */
+  async markMessagesAsRead(ids: string[]): Promise<void> {
+    // TODO: 替换为实际的API调用
+    // await fetch('/api/message-logs/mark-read', {
+    //   method: 'POST',
+    //   headers: {
+    //     'Content-Type': 'application/json',
+    //   },
+    //   body: JSON.stringify({ ids }),
+    // });
+
+    // 模拟API调用
+    await new Promise(resolve => setTimeout(resolve, 200));
+
+    // 更新本地数据
+    const data = localStorage.getItem('smart_agriculture_message_logs');
+    if (data) {
+      const logs: MessageLog[] = JSON.parse(data);
+      const updatedLogs = logs.map(log =>
+        ids.includes(log.id)
+          ? { ...log, status: 'read' as const, readTime: new Date().toISOString() }
+          : log
+      );
+      localStorage.setItem('smart_agriculture_message_logs', JSON.stringify(updatedLogs));
+    }
+  }
+
+  /**
+   * 删除消息日志
+   * @param ids 消息ID列表
+   */
+  async deleteMessageLogs(ids: string[]): Promise<void> {
+    // TODO: 替换为实际的API调用
+    // await fetch('/api/message-logs', {
+    //   method: 'DELETE',
+    //   headers: {
+    //     'Content-Type': 'application/json',
+    //   },
+    //   body: JSON.stringify({ ids }),
+    // });
+
+    // 模拟API调用
+    await new Promise(resolve => setTimeout(resolve, 200));
+
+    // 更新本地数据
+    const data = localStorage.getItem('smart_agriculture_message_logs');
+    if (data) {
+      const logs: MessageLog[] = JSON.parse(data);
+      const updatedLogs = logs.filter(log => !ids.includes(log.id));
+      localStorage.setItem('smart_agriculture_message_logs', JSON.stringify(updatedLogs));
+    }
+  }
+
+  /**
+   * 生成模拟数据
+   * @returns 模拟消息日志数据
+   */
+  private generateMockData(): MessageLog[] {
+    const mockLogs: MessageLog[] = [
+      {
+        id: 'msg-1',
+        templateId: 'tpl-1',
+        templateName: '任务分配通知',
+        type: 'internal',
+        recipient: 'user-2',
+        recipientName: '张三',
+        subject: '新任务分配',
+        content: '您好，张三！您有新的作业任务：小麦播种作业，计划执行时间：2024-10-15 08:00。请及时查看并准备。',
+        status: 'sent',
+        sentTime: '2024-10-14T09:30:00',
+        readTime: '2024-10-14T10:15:00',
+        retryCount: 0,
+        variables: {
+          username: '张三',
+          taskName: '小麦播种作业',
+          executeTime: '2024-10-15 08:00',
+        },
+      },
+      {
+        id: 'msg-2',
+        templateId: 'tpl-2',
+        templateName: '设备预警通知',
+        type: 'sms',
+        recipient: '13800138000',
+        recipientName: '李四',
+        content: '【智慧农业】设备预警：约翰迪尔拖拉机检测到异常，发动机温度过高，请及时处理。',
+        status: 'sent',
+        sentTime: '2024-10-14T11:20:00',
+        retryCount: 0,
+      },
+      {
+        id: 'msg-3',
+        templateId: 'tpl-3',
+        templateName: '保养提醒',
+        type: 'email',
+        recipient: 'wangwu@example.com',
+        recipientName: '王五',
+        subject: '设备保养提醒',
+        content: '尊敬的用户：\n\n您的设备约翰迪尔拖拉机（编号：JD-001）已使用500小时，建议进行保养维护...',
+        status: 'sent',
+        sentTime: '2024-10-14T14:00:00',
+        retryCount: 0,
+      },
+      {
+        id: 'msg-4',
+        templateId: 'tpl-4',
+        templateName: '任务完成通知',
+        type: 'push',
+        recipient: 'user-2',
+        recipientName: '张三',
+        subject: '任务完成',
+        content: '作业任务小麦播种作业已完成，作业面积：50亩，耗时：3小时。',
+        status: 'read',
+        sentTime: '2024-10-14T15:30:00',
+        readTime: '2024-10-14T15:32:00',
+        retryCount: 0,
+      },
+      {
+        id: 'msg-5',
+        templateId: 'tpl-5',
+        templateName: '验证码通知',
+        type: 'sms',
+        recipient: '13900139000',
+        recipientName: '赵六',
+        subject: '验证码',
+        content: '【智慧农业】验证码：123456，有效期5分钟。',
+        status: 'failed',
+        sentTime: '2024-10-14T16:00:00',
+        failReason: '手机号码格式错误',
+        retryCount: 2,
+      },
+    ];
+
+    // 添加更多模拟数据
+    for (let i = 6; i <= 50; i++) {
+      const types: MessageLog['type'][] = ['sms', 'email', 'internal', 'push'];
+      const statuses: MessageLog['status'][] = ['sent', 'read', 'failed', 'pending'];
+      const type = types[Math.floor(Math.random() * types.length)];
+      const status = statuses[Math.floor(Math.random() * statuses.length)];
+
+      mockLogs.push({
+        id: `msg-${i}`,
+        templateId: `tpl-${Math.floor(Math.random() * 4) + 1}`,
+        templateName: `通知模板${Math.floor(Math.random() * 4) + 1}`,
+        type,
+        recipient: type === 'sms' ? `138${String(Math.floor(Math.random() * 100000000)).padStart(8, '0')}` :
+                 type === 'email' ? `user${i}@example.com` : `user-${i}`,
+        recipientName: `用户${i}`,
+        subject: status === 'read' || status === 'sent' ? `通知主题${i}` : undefined,
+        content: `这是第${i}条测试消息内容，用于展示消息日志功能。`,
+        status,
+        sentTime: new Date(Date.now() - Math.random() * 7 * 24 * 60 * 60 * 1000).toISOString(),
+        readTime: status === 'read' ? new Date(Date.now() - Math.random() * 24 * 60 * 60 * 1000).toISOString() : undefined,
+        failReason: status === 'failed' ? '网络连接失败' : undefined,
+        retryCount: status === 'failed' ? Math.floor(Math.random() * 3) : 0,
+        variables: type === 'internal' ? { userId: `user-${i}` } : undefined,
+      });
+    }
+
+    return mockLogs;
+  }
+}
+
+// 导出单例实例
+export const messageLogApi = new MessageLogApiService();
\ No newline at end of file
diff --git a/crop-x/src/types/auth.ts b/crop-x/src/types/auth.ts
new file mode 100644
index 0000000..62cd301
--- /dev/null
+++ b/crop-x/src/types/auth.ts
@@ -0,0 +1,81 @@
+export interface Enterprise {
+  id: string;
+  name: string;
+  code: string;
+  type: string;
+  status: 'active' | 'inactive';
+  address?: string;
+  contact?: string;
+  phone?: string;
+  createdAt: string;
+}
+
+export interface User {
+  id: string;
+  username: string;
+  phone: string;
+  email?: string;
+  realName: string;
+  role: string;
+  permissions: string[];
+  avatar?: string;
+  department?: string;
+  enterpriseId: string;
+  enterpriseName: string;
+  createdAt: string;
+  lastLoginTime?: string;
+  lastLoginIp?: string;
+  lastLoginDevice?: string;
+}
+
+export interface LoginForm {
+  username?: string;
+  password?: string;
+  phone?: string;
+  code?: string;
+  captcha: string;
+  loginType: 'password' | 'phone';
+}
+
+export interface RegisterForm {
+  username: string;
+  password: string;
+  confirmPassword: string;
+  phone: string;
+  code: string;
+  realName: string;
+  email?: string;
+  enterpriseId: string;
+  captcha: string;
+}
+
+export interface AuthState {
+  isAuthenticated: boolean;
+  user: User | null;
+  token: string | null;
+  refreshToken: string | null;
+}
+
+export interface LoginResponse {
+  success: boolean;
+  message: string;
+  data?: {
+    user: User;
+    token: string;
+    refreshToken: string;
+  };
+}
+
+export interface LoginRecord {
+  id: string;
+  userId: string;
+  username: string;
+  loginTime: string;
+  loginIp: string;
+  loginDevice: string;
+  browser: string;
+  os: string;
+  loginType: 'password' | 'phone';
+  status: 'success' | 'failed';
+  failReason?: string;
+}
\ No newline at end of file
diff --git a/crop-x/src/types/message.ts b/crop-x/src/types/message.ts
new file mode 100644
index 0000000..98fe27f
--- /dev/null
+++ b/crop-x/src/types/message.ts
@@ -0,0 +1,61 @@
+// 消息中心类型定义
+
+// 消息类型
+export type MessageType = 'sms' | 'email' | 'internal' | 'push';
+
+// 消息状态
+export type MessageStatus = 'pending' | 'sent' | 'failed' | 'read';
+
+// 消息模板
+export interface MessageTemplate {
+  id: string;
+  code: string;
+  name: string;
+  type: MessageType;
+  subject?: string;
+  content: string;
+  variables: string[]; // 变量列表，如 ['username', 'code', 'time']
+  isActive: boolean;
+  description?: string;
+  createdAt: string;
+  updatedAt: string;
+  createdBy?: string;
+}
+
+// 消息日志
+export interface MessageLog {
+  id: string;
+  templateId?: string;
+  templateName?: string;
+  type: MessageType;
+  recipient: string; // 接收人（手机号/邮箱/用户ID）
+  recipientName?: string;
+  subject?: string;
+  content: string;
+  status: MessageStatus;
+  sentTime: string;
+  readTime?: string;
+  failReason?: string;
+  retryCount: number;
+  variables?: Record<string, any>;
+}
+
+// 消息发送记录
+export interface MessageSendRecord {
+  id: string;
+  templateId: string;
+  templateName: string;
+  type: MessageType;
+  recipients: string[];
+  recipientCount: number;
+  subject?: string;
+  content: string;
+  sendType: 'immediate' | 'scheduled';
+  scheduledTime?: string;
+  status: 'pending' | 'sending' | 'sent' | 'failed' | 'cancelled';
+  sentCount?: number;
+  failedCount?: number;
+  sentAt?: string;
+  createdAt: string;
+  createdBy: string;
+}
\ No newline at end of file
diff --git a/crop-x/src/types/monitor.ts b/crop-x/src/types/monitor.ts
new file mode 100644
index 0000000..9a1b843
--- /dev/null
+++ b/crop-x/src/types/monitor.ts
@@ -0,0 +1,112 @@
+// 系统监控类型定义
+
+// 登录日志
+export interface LoginLog {
+  id: string;
+  userId: string;
+  username: string;
+  loginTime: string;
+  ipAddress: string;
+  device: string;
+  browser?: string;
+  os?: string;
+  location?: string;
+  status: 'success' | 'failed';
+  failReason?: string;
+  sessionId?: string;
+}
+
+// 操作日志
+export interface OperationLog {
+  id: string;
+  userId: string;
+  username: string;
+  operationTime: string;
+  module: string;
+  action: string;
+  description: string;
+  ipAddress: string;
+  requestUrl?: string;
+  requestMethod?: string;
+  requestParams?: string;
+  responseData?: string;
+  duration?: number; // 毫秒
+  status: 'success' | 'failed';
+  errorMessage?: string;
+}
+
+export type OperationModule =
+  | 'user'
+  | 'role'
+  | 'permission'
+  | 'machinery'
+  | 'driver'
+  | 'task'
+  | 'system'
+  | 'other';
+
+export type OperationAction =
+  | 'create'
+  | 'update'
+  | 'delete'
+  | 'view'
+  | 'export'
+  | 'import'
+  | 'login'
+  | 'logout';
+
+// 性能监控
+export interface SystemPerformance {
+  timestamp: string;
+  cpu: {
+    usage: number; // 百分比
+    cores: number;
+  };
+  memory: {
+    total: number; // MB
+    used: number; // MB
+    free: number; // MB
+    usage: number; // 百分比
+  };
+  disk: {
+    total: number; // GB
+    used: number; // GB
+    free: number; // GB
+    usage: number; // 百分比
+  };
+  jvm?: {
+    heapUsed: number; // MB
+    heapMax: number; // MB
+    heapUsage: number; // 百分比
+    nonHeapUsed: number; // MB
+    threadCount: number;
+    gcCount: number;
+    gcTime: number; // 毫秒
+  };
+  tomcat?: {
+    threadCount: number;
+    maxThreads: number;
+    connectionCount: number;
+    requestCount: number;
+    errorCount: number;
+  };
+}
+
+// 网络日志
+export interface NetworkLog {
+  id: string;
+  timestamp: string;
+  method: string;
+  url: string;
+  requestHeaders?: Record<string, string>;
+  requestParams?: string;
+  requestBody?: string;
+  responseStatus: number;
+  responseTime: number; // 毫秒
+  responseBody?: string;
+  responseSize?: number; // bytes
+  clientIp?: string;
+  userAgent?: string;
+  userId?: string;
+  username?: string;
+}
\ No newline at end of file
diff --git a/crop-x/src/types/system-params.ts b/crop-x/src/types/system-params.ts
new file mode 100644
index 0000000..279eca1
--- /dev/null
+++ b/crop-x/src/types/system-params.ts
@@ -0,0 +1,77 @@
+// 系统参数类型定义
+
+// 系统设置
+export interface SystemSettings {
+  platformName: string;
+  platformLogo?: string;
+  systemAnnouncement?: string;
+  contactEmail?: string;
+  contactPhone?: string;
+  address?: string;
+  companyName?: string;
+  icp?: string;
+  copyright?: string;
+  enableRegistration: boolean;
+  enableGuestAccess: boolean;
+  sessionTimeout: number; // 分钟
+  maxLoginAttempts: number;
+  passwordPolicy: {
+    minLength: number;
+    requireUppercase: boolean;
+    requireLowercase: boolean;
+    requireNumbers: boolean;
+    requireSpecialChars: boolean;
+  };
+  dateFormat: string;
+  timezone: string;
+  language: string;
+}
+
+// 分类字典（树形结构）
+export interface CategoryDictionary {
+  id: string;
+  code: string;
+  name: string;
+  type: string; // 分类类型：industry, equipment, crop等
+  parentId?: string;
+  level: number;
+  sortOrder: number;
+  description?: string;
+  isActive: boolean;
+  children?: CategoryDictionary[];
+  createdAt: string;
+  updatedAt: string;
+}
+
+export type CategoryType = 'industry' | 'equipment' | 'crop' | 'operation' | 'other';
+
+// 数据字典（键值对）
+export interface DataDictionary {
+  id: string;
+  code: string;
+  name: string;
+  category: string; // 字典分类
+  value: string;
+  label: string;
+  sortOrder: number;
+  description?: string;
+  isSystem: boolean; // 是否系统内置
+  isActive: boolean;
+  extendData?: Record<string, any>;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export type DictionaryCategory =
+  | 'gender'
+  | 'status'
+  | 'unit'
+  | 'weather'
+  | 'soil_type'
+  | 'irrigation_method'
+  | 'fertilizer_type'
+  | 'pesticide_type'
+  | 'task_status'
+  | 'task_priority'
+  | 'approval_status'
+  | 'other';
\ No newline at end of file
diff --git a/docs/Crop-X-项目完整技术架构方案-Next.js-AppRouter版本.md b/docs/Crop-X-项目完整技术架构方案-Next.js-AppRouter版本.md
index 80291c2..6fea086 100644
--- a/docs/Crop-X-项目完整技术架构方案-Next.js-AppRouter版本.md
+++ b/docs/Crop-X-项目完整技术架构方案-Next.js-AppRouter版本.md
@@ -407,7 +407,7 @@ D:\code\repotest\smart-crop-ui\          # 原项目（保留不变）
 │   │   └── 📂 central-config/         # ⚙️ 中心配置管理系统页面
 │   │       ├── 📄 layout.tsx           # 🆕 配置系统布局
 │   │       ├── 📄 page.tsx             # 🆕 配置系统主页面
-│   │       ├── 📂 tenant-management/    # B级：租户管理
+│   │       ├── 📂 tenant/              # B级：租户管理
 │   │       │   ├── 📄 page.tsx         # 🆕 租户管理主页
 │   │       │   ├── 📂 enterprise-audit/ # C级：企业审核
 │   │       │   │   └── 📄 page.tsx     # 路径: /config/tenant/enterprise-audit
@@ -415,43 +415,43 @@ D:\code\repotest\smart-crop-ui\          # 原项目（保留不变）
 │   │       │   │   └── 📄 page.tsx     # 路径: /config/tenant/audit-history
 │   │       │   ├── 📂 enterprise-info/ # C级：企业信息
 │   │       │   │   └── 📄 page.tsx     # 路径: /config/tenant/enterprise-info
-│   │       │   └── 📂 platform-user-management/ # C级：用户管理
+│   │       │   └── 📂 user-management/ # C级：用户管理
 │   │       │       └── 📄 page.tsx     # 路径: /config/tenant/user-management
-│   │       ├── 📂 user-management/      # B级：用户管理
+│   │       ├── 📂 user/                # B级：用户管理
 │   │       │   ├── 📄 page.tsx         # 🆕 用户管理主页
-│   │       │   ├── 📂 employee-management/ # C级：员工管理
+│   │       │   ├── 📂 employee/        # C级：员工管理
 │   │       │   │   └── 📄 page.tsx     # 路径: /config/user/employee
-│   │       │   ├── 📂 role-management/ # C级：角色管理
+│   │       │   ├── 📂 role/            # C级：角色管理
 │   │       │   │   └── 📄 page.tsx     # 路径: /config/user/role
-│   │       │   ├── 📂 menu-management/ # C级：菜单管理
+│   │       │   ├── 📂 menu/            # C级：菜单管理
 │   │       │   │   └── 📄 page.tsx     # 路径: /config/user/menu
-│   │       │   └── 📂 permission-config/ # C级：权限配置管理
+│   │       │   └── 📂 permission/      # C级：权限配置管理
 │   │       │       └── 📄 page.tsx     # 路径: /config/user/permission
-│   │       ├── 📂 system-parameters/    # B级：系统参数
+│   │       ├── 📂 system/              # B级：系统参数
 │   │       │   ├── 📄 page.tsx         # 🆕 系统参数主页
-│   │       │   ├── 📂 system-settings/ # C级：系统设置
+│   │       │   ├── 📂 settings/        # C级：系统设置
 │   │       │   │   └── 📄 page.tsx     # 路径: /config/system/settings
-│   │       │   ├── 📂 category-dictionary/ # C级：分类字典
+│   │       │   ├── 📂 category/        # C级：分类字典
 │   │       │   │   └── 📄 page.tsx     # 路径: /config/system/category
-│   │       │   └── 📂 data-dictionary/ # C级：数据字典
+│   │       │   └── 📂 dictionary/      # C级：数据字典
 │   │       │       └── 📄 page.tsx     # 路径: /config/system/dictionary
-│   │       ├── 📂 system-monitor/       # B级：系统监控
+│   │       ├── 📂 monitor/             # B级：系统监控
 │   │       │   ├── 📄 page.tsx         # 🆕 系统监控主页
 │   │       │   ├── 📂 login-log/        # C级：登录日志
 │   │       │   │   └── 📄 page.tsx     # 路径: /config/monitor/login-log
 │   │       │   ├── 📂 operation-log/    # C级：操作日志
 │   │       │   │   └── 📄 page.tsx     # 路径: /config/monitor/operation-log
-│   │       │   ├── 📂 performance-monitor/ # C级：性能监控
+│   │       │   ├── 📂 performance/     # C级：性能监控
 │   │       │   │   └── 📄 page.tsx     # 路径: /config/monitor/performance
 │   │       │   └── 📂 network-log/      # C级：网络日志
 │   │       │       └── 📄 page.tsx     # 路径: /config/monitor/network-log
-│   │       └── 📂 message-center/       # B级：消息中心
+│   │       └── 📂 message/             # B级：消息中心
 │   │           ├── 📄 page.tsx         # 🆕 消息中心主页
-│   │           ├── 📂 message-send/     # C级：消息发送
+│   │           ├── 📂 send/            # C级：消息发送
 │   │           │   └── 📄 page.tsx     # 路径: /config/message/send
-│   │           ├── 📂 message-template/ # C级：消息模版
+│   │           ├── 📂 template/        # C级：消息模版
 │   │           │   └── 📄 page.tsx     # 路径: /config/message/template
-│   │           └── 📂 message-log/      # C级：消息日志
+│   │           └── 📂 log/             # C级：消息日志
 │   │               └── 📄 page.tsx     # 路径: /config/message/log
 │   ├── 📂 components/                  # 组件库
 │   │   ├── 📂 ui/                      # 基础UI组件(shadcn)
diff --git a/src/types/message.ts b/src/types/message.ts
index c2d52ce..ee18c5c 100644
--- a/src/types/message.ts
+++ b/src/types/message.ts
@@ -39,3 +39,23 @@ export interface MessageLog {
   retryCount: number;
   variables?: Record<string, any>;
 }
+
+// 消息发送记录
+export interface MessageSendRecord {
+  id: string;
+  templateId: string;
+  templateName: string;
+  type: MessageType;
+  recipients: string[];
+  recipientCount: number;
+  subject?: string;
+  content: string;
+  sendType: 'immediate' | 'scheduled';
+  scheduledTime?: string;
+  status: 'pending' | 'sending' | 'sent' | 'failed' | 'cancelled';
+  sentCount?: number;
+  failedCount?: number;
+  sentAt?: string;
+  createdAt: string;
+  createdBy: string;
+}