一、项目结构
BaiduHi_2019-2-21_9-49-27.png1. src: 项目主开发目录
2. api:axios封装(loading,message)
3. base:基础组件(分页、地区行业、角色树、部门树、用户选择、上传、资质展示等)
4. checkSteps:审核步骤(各个步骤的审核组件,相似组件可共用,各个步骤的公用方法都提取到了mixin
中,src/common/js/mixin,比如驳回节点、下一步审核人等)
5. common:一些公用资源,如less,字体图标、image,js中包括操作dom的dom.js、过滤器filters.js、混入
mixin.js、一些常用函数util.js
6. directive:自定义指令,暂时只有一个el-dialog拖动效果的指令,用法: <el-dialog v-drag-dialog >
7. router:项目路由
8. store:vuex,主要在productList和feedBack有用到,用来控制几个组件的状态,具体用法请看vue官网
9. views:暂未用到
10. app.vue: 项目根组件
11. main.js:项目入口文件,全局css、过滤器、指令和一些常用方法在此处有定义(如$post,callPhone
等)
二、项目完成情况
1. 现有功能中,文章分类有提到实现拖拽,暂未实现,其它都已完成
2. 后续有提到,加入集结号流程,考勤系统,人事系统等,具体需求请和廖和英、刘肖生对接。
三、 项目有待改进的地方
1. 发票合并的方法rowSpan可以简化参数 (src/common/js/util.js)
2. 基础组件的封装可以更完善
3. 整体ui
4. 移动端适配
5. webpack打包优化
四、项目所用第三方库
BaiduHi_2019-2-21_14-28-55.png所有第三方库的文档请在github上按名称搜索
地址: https://github.com
五、个人电脑项目目录
1. oa2.0 :D:\html_m
2. 集结号项目 :F:\pc-design
3. 短信手机审核页面 : F:\bjoa\phoneCheck
网友评论