在海宁市城市发展投资集团有限公司的股权投资系统项目中,担任前端开发角色,负责构建支持股权投资全流程管理的数字化平台。系统涵盖项目储备、立项审批、尽职调查、方案评审、决策执行、投后管理及退出等关键环节,实现业务流程的线上化与可视化。
主要开发模块包括:
工作台:集成数据统计、通知提醒、待办事项及预警消息功能,提升用户操作效率;
项目储备库:支持新建储备库、审批及立项发起,实现项目前期管理;
项目管理:涵盖项目台账维护、变更审批、立项审批、尽调与方案制定、项目评审、方案报批、决策会议、外部审批及投后执行等全流程管理;
专家评审:支持评审内容录入与操作流程;
企业投后管理:包含季度数据填报、监督文件上传、投后事项发起与查看、外部风险监控;
企业列表:支持企业信息维护、资料管理、经办人设置、企业导入导出及详情查看;
股权图谱:可视化展示集团控股及参股企业的层级架构,提升数据理解与分析能力。
在开发过程中,统一封装表格、表单及弹窗组件,实现日期、身份证、手机号等字段的规则校验,提高代码复用率与系统稳定性。对股权图谱模块进行实例化封装,提升可视化效果与交互体验。
技术栈包括:Vue3.js + Pinia、D3.js、ECharts、html2canvas、自主封装的 Element-Plus UI 框架,并结合 Copilot AI 工具辅助开发,提升开发效率与代码质量。
技术难点:封装股权图谱使用D3.js、html2canvas,进行多次封装优化,逐级节点排查问题,定制化开发。要求效果树形结构,根节点有顶点和中间节点两种,中间节点要求也是按照正常从上往下展示,这个地方需要逆推数据,正推展示树形结构。可展开策略也是类似方法逆推数据逐层向上打开关联节点数据,连线基于每个节点的关系单独绘制连线,存在多条连线、互相连线,需要制定连线规则和标准。