# 设计检查记录

final result: blocked

参考：D:/Desktop/上货截图 下的五张原始软件截图，已逐一查看。

设计范围：店铺管理、子账号管理、超级店铺管理、超级用户管理、OEM 贴牌管理。保留 #98638f 主色，重新组织导航、筛选、表格及编辑面板。采用演示数据，不复制真实账号。

阻碍：内置浏览器安全策略拒绝 file:// 协议，未进行替代浏览器或协议绕过。没有完成浏览器截图、视觉对比与真实浏览器交互验收，不能声称视觉 QA 通过。

代码检查：运行 node DesignDemo/check.cjs，覆盖脚本语法、五页渲染、筛选、分页、编辑表单构建、列设置、批量操作、空状态及 HTML 转义。此检查使用 DOM 桩，不代替浏览器验证。

使用：双击 index.html，以现代 Edge 或 Chrome 打开。所有资源内联，无网络依赖。数据仅保留在页面内存，刷新页面恢复初始样例；新增、编辑、续期及权限均为本地交互演示。

WPF 映射：侧栏与主区域采用 Grid，列表采用 DataGrid，筛选采用 TextBox/ComboBox，编辑采用项目对话框链路。颜色可迁入 ResourceDictionary；行高提供 36px 舒适与 28px 紧凑两档，默认紧凑；每页默认 50 条。实际 WPF 控件尺寸、DPI、性能和键盘行为需要后续实现时验证。

第二版调整：移除统计卡片与大标题说明，采用 44px 顶栏、156px 侧栏、行内筛选和表格网格线。店铺列表显示 11 个业务列，超级用户显示 13 个业务列；增加序号、模拟进入/续期和批量检测/登录操作。编辑改为居中双列表单。样例店铺扩展至 72 条以验证分页。视觉 QA 仍因前述浏览器限制未完成。

第三版调整：普通按钮、输入框、面板及表格边框使用中性灰；主按钮保留 #98638f 填充并取消彩色描边；行内次要操作改为灰色文字，悬停采用灰底，选中行保留浅品牌色。维持原有紧凑布局和业务交互。视觉验收状态仍为 blocked。