家长管理 (shop-manage)

• 文件：web/src/pages/shop-manage/shop-manage.vue
• 路由：/shop-manage

页面职责

家长管理后台，需密码验证才能进入，管理积分奖励项（增删改查）、查看兑换历史和修改密码。

使用的 Store

• useShopStore：奖励管理（rewards, addReward, updateReward, deleteReward, toggleReward）、密码管理（hasPassword, verifyPassword, setPassword）、兑换历史（shopHistory）、锁定机制

核心功能

密码验证（入口守卫）

• 首次进入：引导设置 4-6 位数字密码
• 已设密码：需输入密码验证
• 6 位密码圆点输入界面
• 数字键盘（0-9）+ 删除键
• 错误次数过多触发锁定，显示倒计时
• 锁定结束后自动清除错误提示

奖励管理

• 奖励列表：展示所有奖励项（含 disabled 的）
  • 每项显示：图标（SVG）、名称、所需积分
  • 开关切换启用/禁用
  • 编辑按钮（修改名称、积分、图标）
  • 删除按钮（带确认弹窗）
• 添加奖励：底部按钮弹出表单弹窗
  • 奖励名称输入
  • 所需积分输入（数字）
  • 图标选择（横向滚动/下拉展开 3 列布局，预设图标列表）
  • 保存后刷新列表

兑换历史

• 展示最近 20 条兑换记录
• 每条记录：奖励名称、扣除积分、兑换时间

密码管理

• 修改密码按钮
• 新密码 + 确认密码双输入框（6 位）
• 点击切换激活输入框（高亮边框）
• 数字键盘输入
• 验证两次密码一致
• 保存后提示成功

导航

• 返回按钮：回到上一页
• 取消按钮（未验证时）：回到上一页