面向业务部门的通用级组件库-恒生 HUI 组件库
2025-12-09 15:04:16
行业：金融
载体：插件
技术：JavaScript、Node.js、TypeScript、Vue
业务和功能介绍
基于 Vue 实现的通用业务组件库，包括表单类、表格类等高性能业务组件；
支持极大数据量的场景下使用的选择框组件、输入联想、虚拟滚动表格等；
针对各业务的差异封装通用的实现接口与数据交换，在保证兼容性的前提下实现业务多样化。
支持极大数据量的场景下使用的选择框组件、输入联想、虚拟滚动表格等；
针对各业务的差异封装通用的实现接口与数据交换，在保证兼容性的前提下实现业务多样化。
项目实现
负责业务组件的功能与维护、技术支持，主要负责下拉选框、表格组件；
负责大量业务对接部门的问题排查与上报、排期修改；
排查并跟进解决 HUI2 组件库大数据表格、大数据下拉选框组件的内存泄漏问题；
2022 年负责 HUI 组件库的所有代码质量调优，整理已有代码，最大化地减少代码存在的风险，通过恒生公司的代码质量扫描标准；
2023 年开始参与 HUI 组件库由 Vue2 升级至 Vue3 的大型重构任务，负责大量组件的代码迁移与翻译；
牵头负责第一期 HUI 样式表全局定制的开发，将原本的全组件库的 scss 样式表进行拆分、封装，以支持通过业务方对极少数的全局变量修改就达成极具个性的定制化风格的实现，如颜色、间距等；
撰写图片调色盘的渐进式加载、颜色拾取与组件库样式风格联动等专利文档；
负责 HUI 组件库的代码注释落实，并原创基于 JSDoc 实现的 Vue 组件注释自动生成文档的插件，通过扫描 Vue 组件的注释自动标记成员属性、开放业务接口介绍与组件库官网同步、定制化 API 区分处理、支持文档内自动生成跳转链接等功能。
负责大量业务对接部门的问题排查与上报、排期修改；
排查并跟进解决 HUI2 组件库大数据表格、大数据下拉选框组件的内存泄漏问题；
2022 年负责 HUI 组件库的所有代码质量调优，整理已有代码，最大化地减少代码存在的风险，通过恒生公司的代码质量扫描标准；
2023 年开始参与 HUI 组件库由 Vue2 升级至 Vue3 的大型重构任务，负责大量组件的代码迁移与翻译；
牵头负责第一期 HUI 样式表全局定制的开发，将原本的全组件库的 scss 样式表进行拆分、封装，以支持通过业务方对极少数的全局变量修改就达成极具个性的定制化风格的实现，如颜色、间距等；
撰写图片调色盘的渐进式加载、颜色拾取与组件库样式风格联动等专利文档；
负责 HUI 组件库的代码注释落实，并原创基于 JSDoc 实现的 Vue 组件注释自动生成文档的插件，通过扫描 Vue 组件的注释自动标记成员属性、开放业务接口介绍与组件库官网同步、定制化 API 区分处理、支持文档内自动生成跳转链接等功能。
示例图片视频
相似推荐
蛋票系统
Web 管理后台（Java+SpringBoot+Vue+ElementUI）：
蛋票管理：类别配置、产出录入、批次 / 库存关联、过期预警；
业务流程：客户建档、订单管理（创建 / 支付 / 退款）、物流轨迹同步、财务结单对账；
数据能力：多维度统计报表（产出 / 订单 / 核销 / 收益）、可视化图表、数据导出；
基础能力：权限管控、操作日志、数据备份、异常提醒。
微信小程序（Vue+UniApp）：
电子票操作：票种展示、购买支付、好友赠送（微信 / 手机号）、扫码核销；
个人中心：购买 / 赠送 / 核销记录、消费统计、消息提醒；
适配能力：微信授权登录、支付回调、多终端兼容。
直播电商
1.当时直播电商为风口，受到国外客户委托开发的直播电商平台
2.主要功能有直播，短视频，人工客服，三方登录等功能，以及商家采购，补货上架，以及客户查询商品列表及购物等功能，其中直播使用的是原生插件然后对接直播流完成的，短视频则是借用了nvue 以及 循环切换视频加载完成，三方登录则是借助了 fb及google授权完成，客服则是 websocket 完成 最开始是继承的im 后因成本转为 自己编写的一套。
智慧宴席系统
1、智能清单生成
宴席套餐选择后，系统自动解析菜品组合生成：
动态菜单（含食材分量、烹饪方式）
智能厨房设备清单（按烹饪方式匹配设备）
精准调料耗材清单（考虑地域口味偏好）
动态采购清单（联动库存预警，避免浪费）
2、人力资源智能调度
厨师/帮厨智能排班（自动规避时间冲突）
车辆调度优化（考虑路线、载重、时效）
庆典团队资源池管理（含主持人、摄影师等）
3、全流程库存管理
出库自动化：宴席前一天生成电子出库单
入库智能盘点：通过扫码识别快速核对剩余物资
损耗分析：自动计算实际消耗与理论值的差异率
4、决策支持系统
实时经营看板：
成本利润率热力图（按宴席类型、季节维度）
人员效能分析（人均服务桌数、响应速度）
客户满意度回访
预测分析：基于历史数据预测未来3个月人力/物料需求
跨境电商卖家后台运营系统
负责统一管理跨境卖家在各电商平台刊登、商品、营销、店铺、数据管理等，实现跨境店铺运营数字化、自动化管理。
1、打通公司内部与电商平台数据链接，实现产品预编辑商品信息并一键刊登至多个电商平台；
2、实现自动同步本地与在线商品信息与编辑；
3、实现营销活动管理，自动同步店铺已存在，增删改店铺活动；
4、店铺管理，支持同步更改在线店铺相关所有信息，如产品分组、水印、费用、物流配置等；
5、自动化策略应用：如自动调库存、价格、处理时间、刊登；
6、数据统计，统计各店铺相关数据，如刊登数据、店铺表现等
官网、电商平台、微信小程序
一、客户关系管理系统
立项背景与目标：
公司 CDN 产品客户量破万，销售、运营、客服三方共用 Excel 跟进，信息孤岛严重，丢单率 12%。2020 年 Q2 立项构建统一 CRM，目标 6 个月内把客户资料完整率提升到 98%，销售漏斗转化率提升 8%，并满足 ISO27001 审计对权限粒度的要求。
软件功能与核心模块：
客户 360° 视图（基础资料、联系人、商机、工单四表联动）、数据库可视化操作台（支持 DML 白名单、敏感列脱敏）、权限配置中心（RBAC+数据Scope到字段级）、公海池回收机制、跟进提醒推送（企业微信+邮件）。
业务流程与功能路径：
销售线索→运营在“线索池”领取→填写初步需求→系统自动生成客户档案→销售在“客户详情-商机”页新建商机→选择产品套餐→提交技术评估→评估通过后进入“报价”阶段→报价单审批流（三级）→合同签订→客户状态自动改为“已签约”→触发财务计费接口；全程操作日志落库，权限中心实时校验字段可见性。
二、合同管理系统
立项背景与目标：
原合同靠 Word+OA 附件审批，版本混乱，曾出现“阴阳合同”导致 120 万坏账。2021 年集团风控部牵头上线合同全生命周期系统，目标实现“无纸化、版本唯一、关键节点自动阻塞”，并把合同审批时长从 7 天压缩到 2 天。
软件功能与核心模块：
合同模板中心（支持 CDN、云计算、边缘计算 3 套模板）、在线协同编辑（onlyoffice 二次开发）、电子签章（集成 e签宝）、计费规则引擎（自动解析合同文本生成计费策略）、变更/补充协议树形版本管理、归档 OCR 全文检索。
业务流程与功能路径：
销售在“模板中心”选择 CDN 模板→在线编辑商务条款→系统调用规则引擎生成计费公式→提交部门经理→法务→财务→客户→电子签章→合同状态=“已生效”→自动推送到计费系统生成账单；若中途变更→发起“补充协议”→原合同自动加锁→审批完成后生成新版本并同步计费差异。
三、计费管理系统
立项背景与目标：
2020 年流量包产品爆发，人工 Excel 计费 3 人/周，错误率 5%，客户投诉 30+ 单/月。财务部门立项构建自动化计费平台，目标 99.9% 准确率、支持 10TB 级流量实时出账，并把月结时间从 T+7 缩短到 T+1。
软件功能与核心模块：
流量采集网关（Kafka+Flume）、计费规则引擎（Yii+Redis 脚本热更）、账单生成服务（分布式定时任务）、异常账单熔断预警、客户自助对账 Portal、红冲蓝补流程、docker 一键回滚。
业务流程与功能路径：
流量日志→采集网关按 5min 窗口聚合→写入 Redis 日累
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服