# leoh_oa_front_django

**Repository Path**: smallppppig/leoh_oa_front_django

## Basic Information

- **Project Name**: leoh_oa_front_django
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-01-26
- **Last Updated**: 2025-01-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# leohOA说明文档

## Vue 技术要点

- Vue 3 Composition API
  - setup()
  - ref/reactive
  - computed
  - watch/watchEffect
  - 生命周期钩子
  - provide/inject
- Vue Router 4
  - 路由配置
  - 路由导航守卫
  - 路由懒加载
- Vuex 4 状态管理(pinia)
  - state
  - mutations
  - actions
  - getters
  - modules
- Vue CLI/Vite 构建工具
- 组件化开发
  - 父子组件通信
  - 事件处理
  - 插槽使用
- 代码规范
  - ESLint
  - Prettier
  - TypeScript

## 项目使用的模块

1. **核心模块**

   - vue: ^3.3.0
   - vue-router: ^4.0.0
   - vuex: ^4.0.0
   - axios: ^1.5.0
2. **UI组件库**

   - element-plus: ^2.3.0
   - @element-plus/icons-vue
3. **工具库**

   - moment/dayjs: 日期处理
   - lodash: 工具函数
   - echarts: 图表展示
4. **开发工具**

   - vite: ^4.0.0
   - typescript: ^5.0.0
   - eslint
   - prettier
   - sass/less

## 功能完成情况

### 已完成功能

- [X] 用户登录/注册
- [X] 权限管理
- [X] 路由配置
- [X] 布局组件
- [X] 主题配置
- [X] API封装

### 进行中功能

- [X] 数据可视化
- [X] 表单验证
- [X] 文件上传
- [ ] 国际化

### 待开发功能

- [ ] 单元测试
- [ ] 性能优化
- [ ] 文档完善
- [ ] 部署配置

## 开发规范

1. 组件命名采用大驼峰命名法
2. props命名采用小驼峰命名法
3. 事件命名采用kebab-case命名法
4. 文件夹采用小写字母命名
5. 变量命名采用小驼峰命名法

## 项目结构

src/

├── api/ # API接口

├── assets/ # 静态资源

├── components/ # 公共组件

├── router/ # 路由配置

├── store/ # 状态管理

├── utils/ # 工具函数

├── views/ # 页面组件

└── App.vue # 根组件

## 注意事项

1. 提交代码前需要进行eslint检查
2. 新功能开发需要在新分支进行
3. 重要功能需要添加单元测试
4. 及时更新文档

## 更新日志

### v1.0.0 (2024-03-xx)

- 初始化项目
- 完成基础框架搭建
- 集成必要依赖