1.0.2 • Published 6 years ago
tms-element v1.0.2
费用登记.审核 前端项目
本项目基于 vue2 + vue-cli +ElemetUI 开发
项目背景
现状:发货渠道计费设置太复杂,调拨渠道计费无线上管理,每个月实际发生费用与预估费用相差较大。
目标:管理发货渠道与调拨渠道的计费设置,按每个渠道商的报价维护价格,生成计费,把每笔费用的发生都清晰的管理起来。与渠道商对账,可以很清楚的知道对账差异,并进行修正。
关键业务描述
费用登记管理:1、新增费用、导入费用、修改(单条修改、重新导入)2、查询、导出
费用审核管理:1、查询、导出2、审核(单条修改、批量审核)
项目路线图
- 费用登记管理
- 费用审核管理2
外链地址
cost-controller费用登记控制器
GET
/express/cost/downloadExcelTemplate
下载模板
GET
导出费用登记
GET
查询单据类型
GET
获取进度条
GET
查询审核状态
POST
导入费用
GET
费用登记分页查询
POST
审核保存
GET
审核页面导出接口
GET
审核页面
POST
保存
前置工作
- 安装nodejs 6.5或以上
- 全局安装 npm
执行命令
npm run dev
依赖安装
npm install
- 在 localhost:8080 运行开发环境测试站点,
- 如果需要更改端口号,可修改 /config/index.js 中的
dev.port
属性。 npm run dev
编译并压缩生产环境文件到 dist 目录 npm run build
build for production and view the bundle analyzer report
- npm run build --report
创建新应用
vue init webpack 新应用名字
应用目录
费用登记管理
- index (费用登记管理首页)
目录结构
.
├── api # 所有 API 接口统一封装在该目录
│ ├── api.js # 新增广告API
├── build # 构建配置相关文件
├── config # 配置相关文件
│ ├── dev.env.js # 开发环境配置文件
│ ├── index.js # 配置文件入口
│ └── prod.env.js # 生产环境配置文件
├── dist # 编译构建目录
├── index.html # 站点入口 html 模板
├── package.json # package.json
├── src # 源码目录
│ ├── App.vue # 站点入口
│ ├── main.js # 站点初始化入口
│ ├── assets # 需要打包的静态资源存放目录目录
│ ├── components # 公用组件目录
│ ├── router # 路由配置目录
├── static # 不需打包的静态资源存放目录
路由
站点路由路由配置存放在 /src/router 目录下。 index.js 为统一入口文件。
项目依赖框架
项目以Element UI为主要框架进行构建,已更新版本为2.0.5
vue最低要求2.5.0版本以上
组件
对于全项目的组件,存放于 /src/components 中。
组件编码规范可参考 《Vue.js 组件编码规范》
开发人
- 产品负责人 蒋芳
- 开发负责人 刘亚华
- 测试负责人 代慧琴