133 lines
4.8 KiB
Markdown
133 lines
4.8 KiB
Markdown
|
# 神领物流 - 管理后台（PC端）
|
|||
|
|
|
|||
|
|
#### 项目简介
|
|||
|
|
管理后台：该后台包括了从收到订单开始，通过仓库拣货发货，再通过分拨进行运输、末端配送，然后进行考核、结算等功能
|
|||
|
|
|
|||
|
|
#### 项目迭代日志：
|
|||
|
|
- v1 - 涉及主流程
|
|||
|
|
- 后台管理端包含：
|
|||
|
|
- 基础数据数据
|
|||
|
|
- 车型管理
|
|||
|
|
- 车辆管理
|
|||
|
|
- 司机管理
|
|||
|
|
- 排班管理
|
|||
|
|
- 运费管理
|
|||
|
|
- 营业部管理
|
|||
|
|
- 快递员管理
|
|||
|
|
- 快递作业管理
|
|||
|
|
- 机构作业管理
|
|||
|
|
- 机构管理
|
|||
|
|
- 货品类型管理
|
|||
|
|
- 业务管理
|
|||
|
|
- 订单管理
|
|||
|
|
- 运单管理
|
|||
|
|
- 调度管理
|
|||
|
|
- 运输任务管理
|
|||
|
|
- 线路管理
|
|||
|
|
#### 技术栈
|
|||
|
|
vue2+vuex+axios
|
|||
|
|
|
|||
|
|
#### 外网展示
|
|||
|
|
> 部署说明：目前是 git 上传代码后在 jekenis 上自动部署
|
|||
|
|
- http://slwl-admin-t.itheima.net/#/login
|
|||
|
|
|
|||
|
|
#### 开发环境
|
|||
|
|
- windows 版本 windows 10 企业版
|
|||
|
|
- 开发工具 vscode
|
|||
|
|
- node 版本 v14.19.1
|
|||
|
|
- npm 版本 v6.14.16
|
|||
|
|
|
|||
|
|
#### 运行程序
|
|||
|
|
```sh
|
|||
|
|
|
|||
|
|
1. 安装 cnpm 工具，国内加速
|
|||
|
|
|
|||
|
|
npm install -g cnpm --registry=https://registry.npm.taobao.org
|
|||
|
|
|
|||
|
|
2. 安装依赖包
|
|||
|
|
|
|||
|
|
cnpm i
|
|||
|
|
|
|||
|
|
3. 运行程序
|
|||
|
|
|
|||
|
|
npm run dev
|
|||
|
|
|
|||
|
|
4. 浏览器打开
|
|||
|
|
|
|||
|
|
http://localhost:9528/
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
#### 工程结构解析
|
|||
|
|
```
|
|||
|
|
├── public # 静态资源 (会被直接复制)
|
|||
|
|
│ │── favicon.ico # favicon图标
|
|||
|
|
│ │── manifest.json # PWA 配置文件
|
|||
|
|
│ │── img # 静态图片存放
|
|||
|
|
│ └── index.html # html模板
|
|||
|
|
├── src # 源代码
|
|||
|
|
│ ├── api # 所有请求
|
|||
|
|
│ ├── assets # 主题 字体等静态资源 (由 webpack 处理加载)
|
|||
|
|
│ ├── components # 全局组件
|
|||
|
|
│ ├── icons # svg 图标
|
|||
|
|
│ ├── layout # 全局布局
|
|||
|
|
│ ├── router # 路由
|
|||
|
|
│ ├── store # 全局 vuex store
|
|||
|
|
│ ├── styles # 全局样式
|
|||
|
|
│ ├── utils # 全局方法
|
|||
|
|
│ ├── views # 所有页面
|
|||
|
|
│ └── ├── branches # 货品类型管理，机构管理，机构作业范围，快递作业管理，快递员管理（营业部管理）
|
|||
|
|
│ ├── dashboard # 首页（）
|
|||
|
|
│ ├── login # 菜品管理、添加菜品
|
|||
|
|
│ ├── order-manage # 订单管理
|
|||
|
|
│ ├── transit # 车型管理，车辆管理，司机管理，排班管理，运费管理（基础数据管理）
|
|||
|
|
│ ├── transport # 运输任务管理，线路管理（调度管理）
|
|||
|
|
│ ├── waybill # 运单管理
|
|||
|
|
│ └── 404.vue # 404报错页面
|
|||
|
|
│ ├── App.vue # 入口页面
|
|||
|
|
│ ├── main.js # 入口文件 加载组件 初始化等
|
|||
|
|
│ ├── permission.ts # 权限管理
|
|||
|
|
│ └── shims-vue.d.ts # 模块注入
|
|||
|
|
├── dist # 打包文件夹（可删除重新打包）
|
|||
|
|
├── tests # 测试
|
|||
|
|
├── .circleci/ # 自动化 CI 配置
|
|||
|
|
├── .browserslistrc # browserslistrc 配置文件 (用于支持 Autoprefixer)
|
|||
|
|
├── .editorconfig # 编辑相关配置
|
|||
|
|
├── .env.xxx # 环境变量配置
|
|||
|
|
├── .eslintrc.js # eslint 配置
|
|||
|
|
├── babel.config.js # babel-loader 配置
|
|||
|
|
├── cypress.json # e2e 测试配置
|
|||
|
|
├── jest.config.js # jest 单元测试配置
|
|||
|
|
├── package.json # package.json 依赖
|
|||
|
|
├── postcss.config.js # postcss 配置
|
|||
|
|
├── tsconfig.json # typescript 配置
|
|||
|
|
└── vue.config.js # vue-cli 配置
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
|
|||
|
|
#### 相关资料
|
|||
|
|
前端 负责人： 司文强
|
|||
|
|
|
|||
|
|
siwenqiang-0609 分支 神领物流一期 - 前端
|
|||
|
|
git 地址：http://git.itcast.cn/development/project-wl-yonghuduan-uniapp-vue3
|
|||
|
|
|
|||
|
|
后端 负责人：王小兵，张家乐
|
|||
|
|
接口：http://sl-express-gateway.yjy-public-slwl-java.svc.cluster.local:8080/manager/doc.html#/home
|
|||
|
|
git 地址：http://git.itcast.cn/sl-express/sl-express-ms-web/sl-express-ms-web-manager
|
|||
|
|
|
|||
|
|
设计 负责人：王静
|
|||
|
|
设计稿地址：https://codesign.qq.com/s/QmlyZwQxAQ9WRA1/JMwy0bRnNRq0O6L/inspect
|
|||
|
|
|
|||
|
|
原型 负责人：吕杉
|
|||
|
|
原型地址：https://codesign.qq.com/s/QmlyZwQxAQ9WRA1/preview/prototype/XMx86jzWVE9brz3
|
|||
|
|
|
|||
|
|
#### 涉及到第三方库
|
|||
|
|
|
|||
|
|
- [vue-baidu-map] (https://dafrok.github.io/vue-baidu-map/#/zh/guide/painting)
|
|||
|
|
- [vue-treeselect:] (https://www.vue-treeselect.cn/)
|
|||
|
|
- [element] (https://element.eleme.cn/#/zh-CN/)
|
|||
|
|
|
|||
|
|
#### 文档参考
|
|||
|
|
|
|||
|
|
- vue[https://cn.vuejs.org/v2/guide/]
|