**AI-设计魔术师产品系统

主要针对家居/家装、酒店、办公空间设计、电商图、地产宣传等需要批量生成或快速修改场景图片的业务场景，定位是给设计/营销等业务人员用的“提效工具”。

本项目是一个基于 Web 的 AI 图片设计与智能修图平台，用户可以上传一张或多张图片，选择床品处理、夜景生成、移除、扩图等修图类型，并设置图片比例和文字描述，一键生成新的效果图。系统提供快速模板中心、生成记录与详情、我的收藏、个人中心等功能，支持记录历史生成结果、收藏优秀案例、查看并编辑头像与昵称。内置统一登录与权限控制、会员与次数限制、图片预览与单张/批量下载，整体面向家居/办公空间、电商设计等需要高效出图的业务场景。

- 负责公司 AI 图片设计 Web 项目的前端开发与架构设计，搭建基于 Vue 3 + TypeScript + Vite + Ant Design Vue 的单页应用，实现用户上传图片、选择修图类型/比例、输入描述后由后端 AI 服务生成效果图的完整流程。
- 设计并实现统一登录与权限体系，通过 localStorage 持久化登录态 + 路由 meta + 全局路由守卫 + 自定义事件机制，统一接入登录弹窗、短信验证码登录和受保护页面拦截。
- 封装 HTTP 请求层与文件上传模块，对接后端 AI 生成、模板、记录、收藏、会员等接口，统一处理 Base URL、token 注入、401 失效清理和错误提示，降低业务模块的接入成本。
- 实现 AI 生成任务的完整前端流程：多图上传与前端校验、通用上传接口获取 URL、异步任务提交与多任务轮询、模拟进度条与结果图展示，以及单张/批量下载（通过 Canvas 转 base64 规避跨域限制），优化用户等待体验。
- 负责模板中心、生成记录、我的收藏和个人中心等模块开发，使用 IntersectionObserver 实现图片列表的滚动加载，通过 sessionStorage 在模板/记录与首页间做参数预填复用，提高业务操作效率。
- 针对 vite-ssg 预渲染场景，对 window/localStorage 等浏览器 API 做 SSR 兼容封装，保证构建与运行时稳定性，并通过 useHead 管理各页面 SEO 相关的标题信息。