# management-Fronted **Repository Path**: cometo/management-fron ## Basic Information - **Project Name**: management-Fronted - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-05-29 - **Last Updated**: 2026-05-29 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 快递管理系统前端 基于 Vue3 + Element Plus + Axios + Vuex + ECharts 的快递管理系统前端项目。 ## 技术栈 - **框架**: Vue 3 (Composition API) - **UI组件库**: Element Plus - **状态管理**: Vuex - **请求库**: Axios - **数据可视化**: ECharts - **构建工具**: Vite - **代码规范**: ESLint + Prettier ## 项目结构 ``` src/ api/ // 所有后端接口请求封装 assets/ // 静态资源(图片、样式、字体等) components/ // 通用组件 views/ // 页面级组件 router/ // 路由配置 store/ // Vuex 状态管理 utils/ // 工具函数 styles/ // 全局样式 App.vue // 根组件 main.js // 入口文件 ``` ## 功能模块 ### 1. 认证管理 - 用户登录 - 用户注销 ### 2. 订单管理 - 订单列表查询(支持分页、筛选) - 订单详情查询 - 新增订单 - 编辑订单 - 删除订单 ### 3. 快递员管理 - 快递员列表查询(支持分页、筛选) - 快递员详情查询 - 新增快递员 - 编辑快递员 - 删除快递员 ### 4. 网点管理 - 网点列表查询(支持分页、筛选) - 网点详情查询 - 新增网点 - 编辑网点 - 删除网点 ### 5. 物流状态管理 - 物流状态列表查询 - 物流状态详情查询 - 新增物流状态 - 编辑物流状态 - 删除物流状态 ### 6. 数据统计(首页仪表盘) - 订单趋势统计图表 - 订单状态分布统计图表 - 物流区域分布统计图表 ## 开发指南 ### 安装依赖 ```bash npm install ``` ### 启动开发服务器 ```bash npm run dev ``` ### 构建生产版本 ```bash npm run build ``` ### 代码检查 ```bash npm run lint ``` ## 接口配置 开发环境下,通过 Vite 的代理功能解决跨域问题。代理配置在 `vite.config.js` 中: ```js server: { proxy: { '/api': { target: 'http://localhost:8080', changeOrigin: true, rewrite: (path) => path.replace(/^\/api/, '') } } } ``` ## 环境变量 - `.env.development` - 开发环境配置 - `.env.production` - 生产环境配置 ## 开发规范 遵循前端开发规范文档 `frontrule.md` 中的要求: 1. 采用分层架构设计,确保职责分离 2. 所有请求统一封装在 `api/` 目录 3. 组件采用 Composition API 4. 使用 ESLint + Prettier 自动格式化 5. 严格遵循命名规范 6. 代码注释采用 JSDoc 风格 ## 浏览器支持 - Chrome >= 87 - Firefox >= 78 - Safari >= 14 - Edge >= 88 ## 版权信息 © 2026 快递管理系统. 保留所有权利.