1、立项原因：原版 APP 在技术架构和用户体验上已无法支撑业务增长，需要进行技术重构与全面重新设计。新版 APP 不仅要兼容现有业务线的稳定运行，还要能灵活适应未来业务拓展。竞拍交易对数据实时性要求高（标的行情、出价动态需毫秒级更新），同时业务场景多样——既有面向大众的特色专场，也有面向司法机构的司法拍卖，前端需要兼顾两类用户的操作习惯和信息需求。
2、行业场景：面向竞拍参与者与司法机构的综合性竞拍交易平台，以移动端 APP（H5 技术栈重构）为核心载体。平台覆盖特色专场竞拍（稀缺资产/特殊标的）与司法拍卖（法院强制执行资产处置）两种业务模式。前端通过 WebSocket 实现标的实时行情推送，确保用户随时掌握最新出价动态。不同拍品状态（预展/竞价/成交/流拍等）的展示内容差异显著，通过页面复用策略在代码层面优雅处理。
1、功能模块：特色专场 3 条完整业务线（专场列表页/标的详情页/实时出价竞拍/成交确认）；司法拍卖首页及法院业务线（项目列表页/详情展示页，全流程覆盖）；实时行情系统（WebSocket 动态获取数据，实时监控并更新页面）；拍品多状态展示（不同状态下页面内容动态切换，状态间页面复用）；Vant-UI 组件个性化定制（根据 UI 设计稿优化组件样式，适配移动端界面）；交易资讯等丰富内容展示。
2、核心功能：① 标的实时监控——通过 WebSocket 动态获取最新数据，专场及标的列表页、详情页实时更新，用户无需手动刷新即可掌握最新行情和出价动态；② 拍品状态驱动页面复用——不同拍品状态共用页面模板，根据状态配置动态切换展示内容和操作按钮，提高代码复用率，新增拍品类型无需单独开发页面；③ APP 技术重构——在支撑现有业务完整运行的同时，通过全新的技术架构和界面设计为后续业务拓展打下基础。
1、我负责的任务：独立完成特色专场 3 条业务线前端开发（专场列表页、标的详情页、出价竞拍流程）及接口联调；开发司法拍卖首页及法院业务线前端全流程（项目列表页、详情展示页）；完成项目中 30% 公共组件开发，并根据各业务线迭代需求持续优化组件；基于 UI 设计稿对 Vant-UI 组件进行个性化定制，完成移动端界面适配。
2、技术栈与亮点：Vue + Vuex + Vant-UI + WebSocket。技术亮点：① 实时行情推送——WebSocket 连接专场和标的实时数据通道，列表页和详情页监听数据变更自动更新视图，用户无需手动刷新即可掌握最新出价动态和行情变化；② 状态驱动页面复用——将拍品各阶段（预展/竞价/成交/流拍/撤回/中止等）抽象为状态机模型，页面展示内容由拍品状态+用户角色二维驱动渲染，同一套组件体系覆盖所有状态，新增状态只需配置规则而非新建页面；③ H5 APP 重构——在技术重构过程中保证了现有业务零中断迁移，同时通过组件化的前端架构为后续业务线拓展提供可复用基础；④ Vant-UI 深度定制——在不破坏组件库可升级性的前提下，通过主题变量覆盖和样式扩展实现设计稿要求，兼顾开发效率和视觉一致性。
项目图片因离职不便提供，请见谅！
评论