# 项目结构说明

## 核心目录

### src/
主要源代码目录

#### 1. api/
- 功能：集中管理所有后端API接口调用
- 作用：按业务模块划分，封装axios请求，便于统一管理和维护
- 典型文件：user.js, system.js, erp.js, crm.js 等

#### 2. components/
- 功能：存放公共组件
- 作用：提供可复用的UI组件，提高开发效率
- 主要内容：
  - 基础UI组件
  - 业务公共组件
  - 布局组件

#### 3. router/
- 功能：路由配置管理
- 作用：
  - 定义应用的路由结构
  - 实现权限控制
  - 管理页面跳转逻辑

#### 4. store/
- 功能：状态管理
- 作用：使用Pinia管理全局状态
- 主要模块：
  - user（用户信息）
  - permission（权限数据）
  - app（应用配置）

#### 5. views/
- 功能：页面视图组件
- 作用：按业务模块组织页面
- 主要模块：
  - erp/ (企业资源管理)
  - crm/ (客户关系管理)
  - mes/ (制造执行系统)
  - iot/ (物联网管理)

#### 6. utils/
- 功能：工具函数库
- 作用：提供公共方法、工具函数
- 主要内容：
  - request.js (axios封装)
  - auth.js (权限相关)
  - validate.js (验证工具)

## 配置文件

### 1. vite.config.js
- 功能：Vite构建配置
- 作用：定义项目构建、开发服务器、插件等配置

### 2. .env.*
- 功能：环境变量配置
- 作用：管理不同环境的配置参数

## 资源目录

### public/
- 功能：静态资源目录
- 作用：存放不需要编译的静态文件

### assets/
- 功能：项目资源文件
- 作用：存放需要经过构建工具处理的资源文件

## 项目特点

1. 模块化组织：
   - 按业务域划分目录结构
   - 清晰的代码分层

2. 技术栈集成：
   - Vue 3
   - Element Plus
   - Vite
   - Pinia

3. 业务功能集成：
   - ERP系统功能
   - CRM客户管理
   - MES生产管理
   - IOT设备监控

4. 可扩展性：
   - 统一的开发规范
   - 模块化的设计
   - 清晰的目录结构