cavin/smart-crop-ui
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
55c1248a8b97e7844b2feb37d3d4dbbf7aa0f415
smart-crop-ui/docs/其他业务模块页面结构示例.md

1263 lines
40 KiB
Markdown
Raw Blame History

# 其他业务模块页面结构示例
基于 navigation.ts 中的剩余菜单，为 AgriculturalAsset、AICropModel、WaterFertilizerControl 和 CentralConfig 模块创建完整的页面目录结构。
## 1. AgriculturalAsset (农资资产) 模块
### 1.1 基础信息管理 (AssetBasic)
#### 1.1.1 农资档案管理 (AssetMaterials)
```
pages/AgriculturalAsset/Basic/AssetMaterials/
├── 📄 index.jsx
├── 📄 index.css
├── 📄 index.types.ts
├── 📂 hooks/
│ ├── 📄 usePageData.js
│ ├── 📄 usePageActions.js
│ └── 📄 useMaterialManagement.js
├── 📂 utils/
│ ├── 📄 pageHelpers.js
│ ├── 📄 materialUtils.js
│ └── 📄 inventoryUtils.js
├── 📂 constants.js
└── 📂 components/
├── 📂 MaterialForm/ # 农资表单组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 MaterialList/ # 农资列表组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 MaterialTable/ # 农资表格组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 MaterialCategory/ # 农资分类组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 SpecificationForm/ # 规格表单组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 MaterialSearch/ # 农资搜索组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
└── 📂 MaterialDetails/ # 农资详情组件
├── 📄 index.jsx
├── 📄 index.css
└── 📄 types.ts
```
#### 1.1.2 库存管理 (AssetInventory)
##### 1.1.2.1 入库管理 (InventoryIn)
```
pages/AgriculturalAsset/Inventory/InventoryIn/
├── 📄 index.jsx
├── 📄 index.css
├── 📄 index.types.ts
├── 📂 hooks/
│ ├── 📄 usePageData.js
│ ├── 📄 usePageActions.js
│ ├── 📄 useInventoryIn.js
│ └── 📄 useStockUpdate.js
├── 📂 utils/
│ ├── 📄 pageHelpers.js
│ ├── 📄 inventoryUtils.js
│ ├── 📄 stockUtils.js
│ └── 📄 validationUtils.js
├── 📂 constants.js
└── 📂 components/
├── 📂 InboundForm/ # 入库表单组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 MaterialSelector/ # 物料选择器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 QuantityInput/ # 数量输入组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 BatchSelector/ # 批次选择器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ExpirationDate/ # 过期日期组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 QualityCheck/ # 质量检查组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 StorageLocation/ # 存储位置组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 InboundHistory/ # 入库历史组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
└── 📂 BatchPrint/ # 批次打印组件
├── 📄 index.jsx
├── 📄 index.css
└── 📄 types.ts
```
##### 1.1.2.2 出库管理 (InventoryOut)
```
pages/AgriculturalAsset/Inventory/InventoryOut/
├── 📄 index.jsx
├── 📄 index.css
├── 📄 index.types.ts
├── 📂 hooks/
│ ├── 📄 usePageData.js
│ ├── 📄 usePageActions.js
│ ├── 📄 useInventoryOut.js
│ └── 📄 useStockValidation.js
├── 📂 utils/
│ ├── 📄 pageHelpers.js
│ ├── 📄 outboundUtils.js
│ ├── 📄 stockUtils.js
│ └── 📄 validationUtils.js
├── 📂 constants.js
└── 📂 components/
├── 📂 OutboundForm/ # 出库表单组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 RequestSelector/ # 申请单选择器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 StockChecker/ # 库存检查组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 BatchPicker/ # 批次选择器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 FIFOSelector/ # 先进先出选择器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 RecipientInfo/ # 领用人信息组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 OutboundReason/ # 出库原因组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 OutboundHistory/ # 出库历史组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
└── 📂 ReturnTracking/ # 退回跟踪组件
├── 📄 index.jsx
├── 📄 index.css
└── 📄 types.ts
```
##### 1.1.2.3 库存预警 (InventoryWarning)
```
pages/AgriculturalAsset/Inventory/InventoryWarning/
├── 📄 index.jsx
├── 📄 index.css
├── 📄 index.types.ts
├── 📂 hooks/
│ ├── 📄 usePageData.js
│ ├── 📄 usePageActions.js
│ ├── 📄 useInventoryWarning.js
│ └── 📄 useAlertManagement.js
├── 📂 utils/
│ ├── 📄 pageHelpers.js
│ ├── 📄 warningUtils.js
│ ├── 📄 thresholdUtils.js
│ └── 📄 notificationUtils.js
├── 📂 constants.js
└── 📂 components/
├── 📂 WarningDashboard/ # 预警仪表板组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 WarningList/ # 预警列表组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ThresholdConfig/ # 阈值配置组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 WarningRule/ # 预警规则组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 AlertNotification/ # 告警通知组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 StockAnalysis/ # 库存分析组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ExpirationWarning/ # 过期预警组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 SlowMovingWarning/ # 滞销预警组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
└── 📂 SuggestionEngine/ # 建议引擎组件
├── 📄 index.jsx
├── 📄 index.css
└── 📄 types.ts
```
## 2. AICropModel (AI模型) 模块
### 2.1 全域数据感知中心 (AIDataCenter)
#### 2.1.1 多源数据接入 (DataExternal)
```
pages/AICropModel/DataCenter/DataExternal/
├── 📄 index.jsx
├── 📄 index.css
├── 📄 index.types.ts
├── 📂 hooks/
│ ├── 📄 usePageData.js
│ ├── 📄 usePageActions.js
│ ├── 📄 useDataExternal.js
│ └── 📄 useDataConnector.js
├── 📂 utils/
│ ├── 📄 pageHelpers.js
│ ├── 📄 dataUtils.js
│ ├── 📄 connectorUtils.js
│ └── 📄 transformUtils.js
├── 📂 constants.js
└── 📂 components/
├── 📂 DataSourceManager/ # 数据源管理组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 DataConnector/ # 数据连接器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 DataMapping/ # 数据映射组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 DataValidation/ # 数据验证组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 DataTransform/ # 数据转换组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ScheduleConfig/ # 调度配置组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 DataPreview/ # 数据预览组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ConnectionTest/ # 连接测试组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
└── 📂 DataQuality/ # 数据质量组件
├── 📄 index.jsx
├── 📄 index.css
└── 📄 types.ts
```
#### 2.1.2 物联设备数据接入 (DataIoT)
```
pages/AICropModel/DataCenter/DataIoT/
├── 📄 index.jsx
├── 📄 index.css
├── 📄 index.types.ts
├── 📂 hooks/
│ ├── 📄 usePageData.js
│ ├── 📄 usePageActions.js
│ ├── 📄 useIoTData.js
│ └── 📄 useDeviceManager.js
├── 📂 utils/
│ ├── 📄 pageHelpers.js
│ ├── 📄 iotUtils.js
│ ├── 📄 deviceUtils.js
│ └── 📄 protocolUtils.js
├── 📂 constants.js
└── 📂 components/
├── 📂 DeviceManager/ # 设备管理器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 DeviceRegistration/ # 设备注册组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 SensorDataView/ # 传感器数据视图组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 DataStream/ # 数据流组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ProtocolConfig/ # 协议配置组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 DataCollector/ # 数据采集器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 RealtimeMonitor/ # 实时监控组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 DeviceStatus/ # 设备状态组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 AlertConfig/ # 告警配置组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
└── 📂 DataStorage/ # 数据存储组件
├── 📄 index.jsx
├── 📄 index.css
└── 📄 types.ts
```
### 2.2 模型接入集成 (AIModelIntegration)
#### 2.2.1 模型服务接入 (ModelServiceAccess)
```
pages/AICropModel/ModelIntegration/ModelServiceAccess/
├── 📄 index.jsx
├── 📄 index.css
├── 📄 index.types.ts
├── 📂 hooks/
│ ├── 📄 usePageData.js
│ ├── 📄 usePageActions.js
│ ├── 📄 useModelAccess.js
│ └── 📄 useAPITester.js
├── 📂 utils/
│ ├── 📄 pageHelpers.js
│ ├── 📄 modelUtils.js
│ ├── 📄 apiUtils.js
│ └── 📄 validationUtils.js
├── 📂 constants.js
└── 📂 components/
├── 📂 ModelRegistration/ # 模型注册组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 APIConnector/ # API连接器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 AuthConfig/ # 认证配置组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ModelTester/ # 模型测试器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 RequestBuilder/ # 请求构建器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ResponseViewer/ # 响应查看器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ParameterConfig/ # 参数配置组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ModelDocumentation/ # 模型文档组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 UsageStatistics/ # 使用统计组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
└── 📂 HealthMonitor/ # 健康监控组件
├── 📄 index.jsx
├── 📄 index.css
└── 📄 types.ts
```
### 2.3 智能决策生成 (AIDecisionGeneration)
#### 2.3.1 业务融合 (DecisionFusion)
```
pages/AICropModel/Decision/DecisionFusion/
├── 📄 index.jsx
├── 📄 index.css
├── 📄 index.types.ts
├── 📂 hooks/
│ ├── 📄 usePageData.js
│ ├── 📄 usePageActions.js
│ ├── 📄 useDecisionFusion.js
│ └── 📄 useRuleEngine.js
├── 📂 utils/
│ ├── 📄 pageHelpers.js
│ ├── 📄 fusionUtils.js
│ ├── 📄 ruleUtils.js
│ └── 📄 decisionUtils.js
├── 📂 constants.js
└── 📂 components/
├── 📂 FusionRuleBuilder/ # 融合规则构建器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ModelWeightConfig/ # 模型权重配置组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 DecisionTree/ # 决策树组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 LogicFlow/ # 逻辑流组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ScenarioConfig/ # 场景配置组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📄 ConflictResolver/ # 冲突解决器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📄 FusionResult/ # 融合结果组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📄 ConfidenceScore/ # 置信度评分组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📄 ExplanationEngine/ # 解释引擎组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
└── 📄 ValidationTester/ # 验证测试器组件
├── 📄 index.jsx
├── 📄 index.css
└── 📄 types.ts
```
## 3. WaterFertilizerControl (水肥控制) 模块
### 3.1 水肥机管理 (WaterFertilizerManagement)
#### 3.1.1 水肥机设备 (WFDevice)
```
pages/WaterFertilizerControl/WFManagement/WFDevice/
├── 📄 index.jsx
├── 📄 index.css
├── 📄 index.types.ts
├── 📂 hooks/
│ ├── 📄 usePageData.js
│ ├── 📄 usePageActions.js
│ ├── 📄 useWFDevice.js
│ └── 📄 useDeviceControl.js
├── 📂 utils/
│ ├── 📄 pageHelpers.js
│ ├── 📄 deviceUtils.js
│ ├── 📄 controlUtils.js
│ └── 📄 protocolUtils.js
├── 📂 constants.js
└── 📂 components/
├── 📂 DeviceList/ # 设备列表组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 DeviceForm/ # 设备表单组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 DeviceStatus/ # 设备状态组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ControlPanel/ # 控制面板组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ParameterDisplay/ # 参数显示组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 RemoteControl/ # 远程控制组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ScheduleControl/ # 调度控制组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 DeviceMaintenance/ # 设备维护组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 AlertSettings/ # 告警设置组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
└── 📂 DeviceHistory/ # 设备历史组件
├── 📄 index.jsx
├── 📄 index.css
└── 📄 types.ts
```
#### 3.1.2 智能灌溉 (SmartIrrigation)
##### 3.1.2.1 智能灌溉 (AutoIrrigation)
```
pages/WaterFertilizerControl/Smart/AutoIrrigation/
├── 📄 index.jsx
├── 📄 index.css
├── 📄 index.types.ts
├── 📂 hooks/
│ ├── 📄 usePageData.js
│ ├── 📄 usePageActions.js
│ ├── 📄 useAutoIrrigation.js
│ └── 📄 useIrrigationStrategy.js
├── 📂 utils/
│ ├── 📄 pageHelpers.js
│ ├── 📄 irrigationUtils.js
│ ├── 📄 strategyUtils.js
│ └── 📄 calculationUtils.js
├── 📂 constants.js
└── 📂 components/
├── 📂 IrrigationControl/ # 灌溉控制组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 StrategyConfig/ # 策略配置组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 WeatherIntegration/ # 天气集成组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 SoilMoisture/ # 土壤湿度组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 CropWaterDemand/ # 作物需水量组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 IrrigationSchedule/ # 灌溉计划组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 WaterUsageAnalysis/ # 用水分析组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 EfficiencyCalculator/ # 效率计算器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 AlertSystem/ # 告警系统组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
└── 📂 HistoricalData/ # 历史数据组件
├── 📄 index.jsx
├── 📄 index.css
└── 📄 types.ts
```
### 3.2 实时监测与预警 (MonitoringAlert)
#### 3.2.1 预警逻辑管理 (AlertLogic)
```
pages/WaterFertilizerControl/Monitoring/AlertLogic/
├── 📄 index.jsx
├── 📄 index.css
├── 📄 index.types.ts
├── 📂 hooks/
│ ├── 📄 usePageData.js
│ ├── 📄 usePageActions.js
│ ├── 📄 useAlertLogic.js
│ └── 📄 useRuleEngine.js
├── 📂 utils/
│ ├── 📄 pageHelpers.js
│ ├── 📄 alertUtils.js
│ ├── 📄 ruleUtils.js
│ └── 📄 conditionUtils.js
├── 📂 constants.js
└── 📂 components/
├── 📂 RuleBuilder/ # 规则构建器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ConditionBuilder/ # 条件构建器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ActionBuilder/ # 动作构建器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 LogicFlow/ # 逻辑流组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 RuleList/ # 规则列表组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 RuleTest/ # 规则测试组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 AlertTemplate/ # 告警模板组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 PriorityConfig/ # 优先级配置组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 EscalationRules/ # 升级规则组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
└── 📂 RuleStatistics/ # 规则统计组件
├── 📄 index.jsx
├── 📄 index.css
└── 📄 types.ts
```
## 4. CentralConfig (中心配置) 模块
### 4.1 租户管理 (TenantManagement)
#### 4.1.1 企业审核 (EnterpriseAudit)
```
pages/CentralConfig/Tenant/EnterpriseAudit/
├── 📄 index.jsx
├── 📄 index.css
├── 📄 index.types.ts
├── 📂 hooks/
│ ├── 📄 usePageData.js
│ ├── 📄 usePageActions.js
│ ├── 📄 useEnterpriseAudit.js
│ └── 📄 useApprovalWorkflow.js
├── 📂 utils/
│ ├── 📄 pageHelpers.js
│ ├── 📄 auditUtils.js
│ ├── 📄 workflowUtils.js
│ └── 📄 validationUtils.js
├── 📂 constants.js
└── 📂 components/
├── 📂 AuditList/ # 审核列表组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 EnterpriseForm/ # 企业表单组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 DocumentUpload/ # 文档上传组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📄 DocumentReview/ # 文档审核组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📄 ApprovalProcess/ # 审批流程组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📄 AuditHistory/ # 审核历史组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📄 CommentsSection/ # 评论组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📄 StatusBadge/ # 状态标签组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📄 BulkActions/ # 批量操作组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
└── 📄 AuditReport/ # 审核报告组件
├── 📄 index.jsx
├── 📄 index.css
└── 📄 types.ts
```
#### 4.1.2 用户管理 (UserManagement)
##### 4.1.2.1 员工管理 (EmployeeManagement)
```
pages/CentralConfig/User/EmployeeManagement/
├── 📄 index.jsx
├── 📄 index.css
├── 📄 index.types.ts
├── 📂 hooks/
│ ├── 📄 usePageData.js
│ ├── 📄 usePageActions.js
│ ├── 📄 useEmployeeManagement.js
│ └── 📄 useUserValidation.js
├── 📂 utils/
│ ├── 📄 pageHelpers.js
│ ├── 📄 employeeUtils.js
│ ├── 📄 validationUtils.js
│ └── 📄 permissionUtils.js
├── 📂 constants.js
└── 📂 components/
├── 📂 EmployeeList/ # 员工列表组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 EmployeeForm/ # 员工表单组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 EmployeeProfile/ # 员工档案组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 DepartmentSelector/ # 部门选择器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 PositionSelector/ # 职位选择器组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ContactInfo/ # 联系信息组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 EmergencyContact/ # 紧急联系人组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 SkillsManager/ # 技能管理组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 PerformanceRecord/ # 绩效记录组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 AttendanceRecord/ # 考勤记录组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 SalaryInfo/ # 薪资信息组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
└── 📂 EmployeeStatus/ # 员工状态组件
├── 📄 index.jsx
├── 📄 index.css
└── 📄 types.ts
```
### 4.2 系统监控 (SystemMonitor)
#### 4.2.1 登录日志 (LoginLog)
```
pages/CentralConfig/Monitor/LoginLog/
├── 📄 index.jsx
├── 📄 index.css
├── 📄 index.types.ts
├── 📂 hooks/
│ ├── 📄 usePageData.js
│ ├── 📄 usePageActions.js
│ ├── 📄 useLoginLog.js
│ └── 📄 useLogAnalysis.js
├── 📂 utils/
│ ├── 📄 pageHelpers.js
│ ├── 📄 logUtils.js
│ ├── 📄 analysisUtils.js
│ └── 📄 exportUtils.js
├── 📂 constants.js
└── 📂 components/
├── 📂 LogList/ # 日志列表组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 LogFilter/ # 日志筛选组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 LogDetails/ # 日志详情组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 SecurityAnalysis/ # 安全分析组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 LocationMap/ # 位置地图组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 DeviceFingerprint/ # 设备指纹组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 SessionManager/ # 会话管理组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 AlertDetection/ # 告警检测组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 LogExport/ # 日志导出组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
└── 📂 StatisticsDashboard/ # 统计仪表板组件
├── 📄 index.jsx
├── 📄 index.css
└── 📄 types.ts
```
#### 4.2.2 性能监控 (PerformanceMonitor)
```
pages/CentralConfig/Monitor/PerformanceMonitor/
├── 📄 index.jsx
├── 📄 index.css
├── 📄 index.types.ts
├── 📂 hooks/
│ ├── 📄 usePageData.js
│ ├── 📄 usePageActions.js
│ ├── 📄 usePerformanceMonitor.js
│ └── 📄 useRealtimeMetrics.js
├── 📂 utils/
│ ├── 📄 pageHelpers.js
│ ├── 📄 performanceUtils.js
│ ├── 📄 metricsUtils.js
│ └── 📄 alertUtils.js
├── 📂 constants.js
└── 📂 components/
├── 📂 PerformanceDashboard/ # 性能仪表板组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 SystemMetrics/ # 系统指标组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 CPUUsage/ # CPU使用率组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 MemoryUsage/ # 内存使用率组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 DiskUsage/ # 磁盘使用率组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 NetworkTraffic/ # 网络流量组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ResponseTime/ # 响应时间组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 ErrorRate/ # 错误率组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 AlertThreshold/ # 告警阈值组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
├── 📂 PerformanceReport/ # 性能报告组件
│ ├── 📄 index.jsx
│ ├── 📄 index.css
│ └── 📄 types.ts
└── 📂 TrendAnalysis/ # 趋势分析组件
├── 📄 index.jsx
├── 📄 index.css
└── 📄 types.ts
```
## 5. 主要类型定义示例
### 5.1 农资资产类型 (AssetMaterials/index.types.ts)
```typescript
export interface MaterialRecord {
id: string;
name: string;
code: string;
category: MaterialCategory;
type: MaterialType;
unit: string;
specifications: MaterialSpecification[];
supplier: SupplierInfo;
manufacturer?: string;
brand?: string;
model?: string;
description?: string;
hazardLevel?: HazardLevel;
storageCondition?: StorageCondition;
shelfLife?: number;
unitPrice: number;
status: MaterialStatus;
createdAt: string;
updatedAt: string;
}
export type MaterialCategory =
| 'fertilizer'
| 'pesticide'
| 'seed'
| 'feed'
| 'equipment'
| 'tool'
| 'other';
export type MaterialType =
| 'organic'
| 'chemical'
| 'biological'
| 'mechanical'
| 'digital';
export interface MaterialSpecification {
name: string;
value: string;
unit?: string;
required: boolean;
}
export interface SupplierInfo {
id: string;
name: string;
contact: string;
phone: string;
email: string;
address: string;
licenseNumber?: string;
certifications: string[];
}
export type HazardLevel = 'none' | 'low' | 'medium' | 'high' | 'extreme';
export interface StorageCondition {
temperature: {
min: number;
max: number;
unit: 'celsius' | 'fahrenheit';
};
humidity: {
min: number;
max: number;
};
ventilation: boolean;
lightProtection: boolean;
moistureProtection: boolean;
}
export type MaterialStatus = 'active' | 'inactive' | 'discontinued' | 'out_of_stock';
export interface StockRecord {
id: string;
materialId: string;
batchNumber: string;
quantity: number;
availableQuantity: number;
reservedQuantity: number;
unit: string;
location: StorageLocation;
manufactureDate?: string;
expirationDate?: string;
purchaseDate: string;
purchasePrice: number;
supplierId: string;
qualityStatus: QualityStatus;
lastChecked?: string;
notes?: string;
}
export interface StorageLocation {
warehouseId: string;
warehouseName: string;
area: string;
shelf: string;
position: string;
zone?: string;
}
export type QualityStatus = 'excellent' | 'good' | 'acceptable' | 'poor' | 'expired';
export interface MaterialFilters {
name?: string;
code?: string;
category?: MaterialCategory;
type?: MaterialType;
supplier?: string;
hazardLevel?: HazardLevel;
status?: MaterialStatus;
priceRange?: [number, number];
stockRange?: [number, number];
}
```
### 5.2 AI模型类型 (ModelServiceAccess/index.types.ts)
```typescript
export interface AIModel {
id: string;
name: string;
version: string;
description: string;
type: ModelType;
category: ModelCategory;
provider: ModelProvider;
apiConfig: APIConfig;
inputSchema: JSONSchema;
outputSchema: JSONSchema;
parameters: ModelParameter[];
capabilities: ModelCapability[];
limitations?: string[];
performance: PerformanceMetrics;
status: ModelStatus;
createdAt: string;
updatedAt: string;
lastTested?: string;
}
export type ModelType =
| 'classification'
| 'regression'
| 'clustering'
| 'forecasting'
| 'recommendation'
| 'generation'
| 'detection'
| 'segmentation';
export type ModelCategory =
| 'crop_health'
| 'yield_prediction'
| 'pest_detection'
| 'weather_forecast'
| 'soil_analysis'
| 'irrigation_optimization'
| 'resource_allocation'
| 'decision_support';
export interface ModelProvider {
id: string;
name: string;
type: ProviderType;
contact: ContactInfo;
documentation?: string;
supportInfo?: SupportInfo;
}
export type ProviderType = 'internal' | 'external' | 'third_party' | 'open_source';
export interface ContactInfo {
email?: string;
phone?: string;
website?: string;
apiDocs?: string;
}
export interface SupportInfo {
email?: string;
phone?: string;
responseTime?: string;
availableHours?: string;
}
export interface APIConfig {
endpoint: string;
method: 'GET' | 'POST' | 'PUT' | 'DELETE';
headers?: Record<string, string>;
authentication: AuthConfig;
rateLimit?: RateLimit;
timeout?: number;
retryConfig?: RetryConfig;
}
export interface AuthConfig {
type: 'none' | 'api_key' | 'oauth' | 'bearer' | 'basic';
credentials?: Record<string, string>;
tokenUrl?: string;
scopes?: string[];
}
export interface RateLimit {
requestsPerSecond?: number;
requestsPerMinute?: number;
requestsPerHour?: number;
requestsPerDay?: number;
}
export interface RetryConfig {
maxAttempts: number;
backoffStrategy: 'fixed' | 'exponential' | 'linear';
initialDelay: number;
maxDelay: number;
}
export interface JSONSchema {
type: string;
properties?: Record<string, JSONSchema>;
required?: string[];
items?: JSONSchema;
enum?: any[];
format?: string;
minimum?: number;
maximum?: number;
minLength?: number;
maxLength?: number;
pattern?: string;
}
export interface ModelParameter {
name: string;
type: ParameterType;
description: string;
required: boolean;
defaultValue?: any;
constraints?: ParameterConstraints;
validation?: ValidationRule[];
}
export type ParameterType = 'string' | 'number' | 'boolean' | 'array' | 'object';
export interface ParameterConstraints {
minimum?: number;
maximum?: number;
minLength?: number;
maxLength?: number;
pattern?: string;
enum?: any[];
format?: string;
}
export interface ValidationRule {
type: 'required' | 'format' | 'range' | 'pattern' | 'custom';
rule: string | Function;
message?: string;
}
export interface ModelCapability {
name: string;
description: string;
supported: boolean;
confidence?: number;
performance?: CapabilityPerformance;
}
export interface CapabilityPerformance {
accuracy?: number;
precision?: number;
recall?: number;
f1Score?: number;
latency?: number;
throughput?: number;
}
export interface PerformanceMetrics {
accuracy: number;
precision: number;
recall: number;
f1Score: number;
latency: number;
throughput: number;
availability: number;
errorRate: number;
lastUpdated: string;
}
export type ModelStatus = 'active' | 'inactive' | 'testing' | 'deprecated' | 'error';
export interface ModelTest {
id: string;
modelId: string;
name: string;
description?: string;
input: any;
expectedOutput?: any;
actualOutput: any;
success: boolean;
executionTime: number;
timestamp: string;
error?: string;
metrics?: TestMetrics;
}
export interface TestMetrics {
accuracy?: number;
confidence?: number;
processingTime?: number;
memoryUsage?: number;
resourceUtilization?: number;
}
export interface ModelFilters {
name?: string;
type?: ModelType;
category?: ModelCategory;
provider?: string;
status?: ModelStatus;
capabilities?: string[];
minAccuracy?: number;
maxLatency?: number;
}
```
这个综合文档为其他业务模块提供了完整的页面组织架构，每个模块都包含了详细的组件结构、类型定义和功能说明，严格遵循了开发规范，确保代码的可维护性和可扩展性。
Reference in New Issue View Git Blame Copy Permalink