该项目由20多个基于vue开发的PC系统组成的微服务，各系统统一部署在同一个二级域名上，通过同域环境共享cookies，实现各系统直接的单点访问。该微服务子系统涵盖财务领域所涉及到的各大环节及流程，实现将财务数字化。 ● 我负责开发的项目：1、报账单据画布引擎系统。2、zfs-ui库开发（基于element-ui用vue进行二次封装，迎合公司复杂需求，包含画布引擎系统各类可拖拽组件和公司常用复用性高的组件）。3、费用报销系统。4、 进项认证系统。5、财务云图系统。6、采购商城系统。7、电子影像系统。8、电子档案系统 ● 部分技术实现盘点： 1、 《zfs-ui》，为了迎合财务领域复杂需求，我们基于element-ui进行二次封装做成公司自用zfs-ui库，该库包含整个微服务所需的模块组件和常用高复用型组件，如若需新增一个pc系统，包含各类数据列的增删查改，此类系统仅需1-2天即可完成开发，极大减少重复工作、提高开发效率。目前该ui库部署在中兴新云私有服务器上，需使用内网单独npm install下到项目内。 2、《报账单据画布引擎系统》，它是基于vue、elementui以及zfsui库来实现将各类单据模板组件化，支持区域配置，任意表单、表格、按钮等通过拖拽组件添加在画布上，并且通过读取配置展示相应组件所支持的配置项，极大地简化了开发流程，提高开发效率。 3、《财务云图系统》使用echarts各类统计图表，用于展示财务数据的动态看板。财务数据看板需要即时展示最新数据，我们根据复杂看板需求对整个循环计时器机制进行了最优处理，封装了一个迎合复杂需求的计时器，防止多余请求，提高系统性能。 4、《费用报销系统》是提供员工进行提单报销的一个系统，可选的报销单据是根据基础数据平台（用于配置一切基础数据的平台）配置的各类单据模板json配置，引入单据画布引擎进行渲染，用户保存单据只需要将表单数据传输给后台进行保存。 5、 ...... ● 总结 : 我们在开发过程中，一切以提高开发效率为主，根据财务蓝图以及未来可能需要开发的功能我们会提前花时间开会商讨拆分模块、设计组件，所有模块都向后兼容，可拓展，高复用。

该项目整合了《知学云学员端》所有支持拖拽配置的模块，将所有模块缩略图展示在画布左侧，组件相对应的配置项数据展示在画布右侧，支持自定义组件大小、位置等各种信息。用户编辑完成后，生成json配置数据提交给后台保存，在《知学云学员端》页面请求接口读取配置，将画布内容进行渲染。 ● 使用less快速编写页面样式 ● 使用ant-design组件快速构建vue页面 ● 使用webpack打包项目 ● 使用es6-promise配置IE低版本兼容 ● 使用vue-i18n做国际化多语言处理 ● 使用vuedraggable配置拖动组件 ● 使用vuex进行全局状态管理 ● 使用vue-router进行路由跳转管理 ● 兼容：系统兼容到IE9及以上版本

基于Vue和Element-UI进行的二次开发，主要应用于Web端管理后台。能够更大程度简化web端应用的开发工作、节省开发成本、极大地减少代码量