OA协同办公系统

企业服务数据服务案例ID：217821

Arlene

2 年经验· 深圳市乐途宝网络科技有限公司

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

- 项目描述：该项目针对公司的不同业务流程，提供了无纸化解决方案，主要完成了公司的业务审批流程，与ERP系统实现协同办公；
- 项目技术：
- 采用Element-UI+ RuoYi框架为项目基础，进行二次开发；
- 采用SCSS作为CSS预编译器，es6为新的JavaScript代码规范；
- 采用axios请求数据，并解析json数据；
- 采用Nginx部署对接口进行反向代理；
- 使用vue-draggable实现表单控件拖拽；使用Codemirror-Lite插件，实现JSON的在线编辑器；
- 负责任务：
- 封装自定义表单组件，使用递归组件的方式开发表格布局、栅格布局等布局模块；表格布局中实现了对表格的行、列的新增、修改、拆分与合并；
- 封装自定义弹窗插件，采用render()函数的方式生成DOM，将返回DOM手动挂载到body上，通过 install方法将插件挂载到 Vue.prototype上，实现全局访问；
- 项目优化：在vue.config.js中通过externals外部扩展忽略不需要打包的代码库；代码层面上，合理使用v-if和v-show，在v-for遍历添加key，对图片进行懒加载处理；
- 独立完成该项目所有页面开发、页面交互及接口对接；
- 负责项目上线部署到Linux服务器，使用nginx进行反向代理；