# Ant Design Pro Vue 3 基于 Vue 3、TypeScript、Vite 和 Ant Design Vue 构建的企业级中后台管理系统。 ## 技术栈 - **前端框架:** Vue 3 - **开发语言:** TypeScript - **构建工具:** Vite - **UI 框架:** Ant Design Vue 3.1.0 - **状态管理:** Vuex - **路由管理:** Vue Router - **HTTP 客户端:** Axios - **国际化:** vue-i18n - **图表:** ECharts ## 项目结构 ``` src/ ├── api/ # API 接口定义 ├── assets/ # 静态资源 ├── components/ # 公共组件 ├── config/ # 配置文件 ├── hooks/ # Vue 组合式 API hooks ├── layouts/ # 布局组件 ├── locales/ # 国际化语言包 ├── router/ # 路由配置 ├── store/ # Vuex 状态管理 ├── utils/ # 工具函数 └── views/ # 页面组件 ``` ## 主要功能模块 ### 1. 系统管理 - 用户管理 - 用户日志查询 - 在线用户查询 - 参数管理 - 机构层级管理 - 系统配置 ### 2. 流程管理 - 分支流程管理 - 分支节点设置 ### 3. 业务管理 - 科目管理 - 科目维护 ### 4. 报表合并 - 报表合并参数维护 - 报表查询 ### 5. 柜面业务 - 对私开户 - 子账户开户 - 授权查询 ### 6. 组件示例 - 日期选择器示例 - 自定义组件展示 ## 开发环境设置 ```bash # 安装依赖 npm install # 启动开发服务器 npm run dev # 构建生产版本 npm run build # 运行测试 npm run test ``` ## 环境要求 - Node.js >= 14 - npm >= 6 ## 浏览器支持 - 现代浏览器 - Chrome >= 64 - Firefox >= 78 - Safari >= 12 - Edge >= 79 ## 特性 - 📦 开箱即用的高质量组件 - 📱 响应式设计,支持多端适配 - 🔗 基于 TypeScript 的类型安全 - 🌐 内置国际化支持 - 🎨 可定制的主题和布局 - 🔐 完善的权限管理 - 📊 集成 ECharts 图表功能 - 🚀 基于 Vite 的快速开发体验 ## 开发规范 - 遵循 Vue 3 组合式 API 最佳实践 - 使用 TypeScript 进行类型检查 - 遵循 ESLint 和 Prettier 代码规范 - 组件和工具函数需要编写注释和文档 ## 贡献指南 1. Fork 本仓库 2. 创建特性分支 3. 提交你的改动 4. 推送到你的分支 5. 创建 Pull Request ## 许可证 [MIT](LICENSE)