## 目标 - 美化运营管理的“小程序二维码生成”页面,使布局更现代、交互更顺畅。 - 明确并保持后端与前端的 `douyin_id` 为字符串类型。 ## 界面优化 - 布局:使用卡片+两栏布局,上方表单,下方预览区域居中;自适应在小屏改为单列。 - 交互: - 增加宽度滑块 `ElSlider`,实时控制二维码预览大小 - 增加“复制链接”按钮,复制小程序路径 `pages/login/index?...` - 表单校验与提示:必填校验,错误时显示提示消息 - 保留“下载PNG”,新增“重置”按钮 - 视觉:合并间距、统一按钮风格、预览区居中显示 ## 类型确认 - 后端 `miniapp_qrcode` 与 `weixin login` 请求体的 `douyin_id` 保持为 `string`,不做任何数字转换 - 前端表单的 `douyin_id` 仅用 `string` 类型 ## 实施 - 修改 `web/admin/src/views/operations/miniapp-qrcode/index.vue`:加入滑块、复制链接、重置、表单校验与更优布局 - 运行构建验证 ## 验收 - 表单必填校验有效,二维码预览与大小调整正常,复制链接与下载可用 - `douyin_id` 在前后端均为字符串类型