因与公司签署保密协议，无法提供项目界面截图，以下为纯文字技术阐述。

项目背景：该系统服务于商业银行，提供从产品创设、销售管理、衍生品交易到存续期管理与监管报送的全流程自动化服务。支持封闭式、周期式、开放式及敲出式等产品形态，挂钩标的覆盖利率、汇率、股票指数及大宗商品。我主导前端架构设计与核心模块研发，包括金融机构入驻、产品全生命周期管理、交易撮合与风控面板等。

技术栈与架构：Vue 3 + TypeScript + Pinia + Vite，UI基于Ant Design Vue，可视化采用ECharts/G2。实现完整RBAC权限体系与动态路由加载，支撑总行、分行、客户等多角色差异化访问。网络层基于Axios二次封装，实现请求幂等控制、并发调度与防刷机制。

核心贡献：

搭建金融产品工作台，支持多类型结构化产品的配置、发行、收益情景分析与风险分级，打通前后端一体化链路，降低产品上线时间与操作风险。

开发交易与定价模块，实现存款定价、衍生品交易定盘、行权及客户收益兑付的实时计算与展示；开发挂钩标的指标与期权条件的交互式编辑器。

负责PC后台、手机银行H5及柜台系统的前端布局，通过响应式方案与组件复用库实现多终端适配，打通零售与企金业务数据流转。

设计存续期管理监控面板，实现持仓数据定时刷新、异常交易自动预警与历史回溯查询，提供可配置化的数据驾驶舱。

难点突破：

采用WebSocket + 增量更新机制，解决行情数据在仪表盘中的高密度刷新渲染难题，实现毫秒级数据同步。

针对认购高峰期大规模并行交易，优化接口并发控制与前端节流防抖，保障万级用户秒级并发下的系统稳定。

处理高安全场景下的敏感数据加密传输与前端脱敏，对接多家银行核心系统，设计接口适配层实现异构数据同构化统一视图。