中国移动采购与招标网

这是中国移动面向集团、省公司、专业公司及外部供应商的采购与招标入口，承载着全国范围的招标公告、资格预审、候选人公示、结果公示与直接采购等全流程信息。难点集中在三处：一是公告的法律效力——内容必须不可篡改、不可随意复制，任何展示错误都可能引发流程争议；二是流量高度不均——投标意向集中在招标截止时间点提交，开标时段访问量陡增，平时却近乎无人访问；三是附件体验——招标文件动辄上百页 PDF，用户必须在浏览器里直接翻阅预览。此外集中采购涉及全国省公司，发布节奏容不得半点差错。

负责该 B 端采购门户的整体前端架构与持续迭代。线上站点为 Vue SPA，采用 runtime / chunk-vendors / app 三层 webpack 分包并配合 cmccui 组件库统一交互；招标大厅聚合正在招标、即将开标、候选人公示等多状态实时列表，公告体系覆盖招标公告、资格预审、候选人公示、结果公示与直接采购公告；难点在于招标文件需在浏览器内直接预览，引入 pdfjs-dist v2.11.338 承载 PDF 渲染与大文件分页；并通过 grayscale 灰度脚本支持无风险发布、禁用右键保护公告内容；搭建统一权限与组件体系，保障招标截止时间节点下开标高峰期的高并发稳定性。技术难点与解决方式：

• 招标附件动辄上百页 PDF，原生iframe 打开慢且无法控制。→ 引入 PDF.js 自行渲染，按需分页加载，避免一次性解析整份文档造成卡死。
• 所有投标意向集中在截止时间点提交。→ 提交链路做前端防重与排队提示，列表接口分页与服务端筛选，静态资源全量 CDN 化。
• 公告具有法律效力。→ 禁用页面右键与拖拽，敏感操作走后端校验，前端限制只做体验层防护、不作为唯一防线。
• 集中采购涉及全国省公司，发布出问题影响面极大。→ 引入灰度发布能力，先放部分流量验证再全量，异常可快速回滚。
• 集团、省公司、专业公司、直属单位各自的操作范围不同。→ 按组织层级建模权限，统一鉴权在路由与接口两层生效。

系统长期稳定运行，支撑全国范围政企客户的日常采购与招标业务，招标截止与开标高峰时段无明显抖动，成为该客户侧的核心线上入口之一；公告不可篡改与附件在线预览这两个卡点从源头解决，供应商与采购方都在同一个平台上完成投标与开标流程。