SPC 控制图 Vue 验证项目
这个目录是一个独立的 Vue 3 + Vite + ECharts 项目,用于验证 Cmd_Spc 的 WASM 计算结果。每一种控制图都拆成独立路由,方便后续把单个页面或组件集成到其他项目。
本地运行
cd spc-vue
npm install
npm run dev
开发环境会通过 Vite 插件把主项目的 ../public/wasm 映射到 /wasm。执行 npm run build 时会自动把 smart_math.js 和 smart_math.wasm 复制到 dist/wasm。
页面路由
/overview:SPC 总览和关键指标/run-chart:基本趋势图,显示原始序列、均值线、中位线、规格限和移动平均线/xbar-r:Xbar 控制图,控制限来自 XR 结果/r-chart:R 极差控制图/xbar-s:Xbar 控制图,控制限来自 XS 结果/s-chart:S 标准差控制图/cpk:过程能力与直方图
接口校验重点
KinematicsWebAPI::func 会把业务返回统一包装成顶层 success: true,所以页面不会只判断顶层 success。SPC 调用成功必须同时满足:
- 顶层
success !== false res_data存在res_data.error不存在res_data.XR、res_data.XS、res_data.Cpk都存在