91 Commits

Author	SHA1	Message	Date
Hera Zhao	321b1ea585	fix: 下架改用原生fetch调试、翻译保存错误可见、手机字号加大 ... 下架: - 改用原生 fetch 替代 api.post，避免抽象层干扰 - 详细错误信息: status code + response text - 分步检查: name/meta 为空时分别提示 翻译保存: - 失败不再静默吞掉，显示成功/失败数量 - console.error 记录具体失败原因 手机字号: - @media(max-width:480px): 名称13px 英文9px 价格12px - grid 最小宽度160px，间距8px Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 16:46:27 +00:00
Hera Zhao	73a041d9c8	fix: 字号恢复正常大小、下架改用api.post、翻译编辑器预填充 ... 精油价目: - 字号恢复固定大小(14/10/13/11px)，手机端@media缩小 - 不再用clamp()（之前太小） - 下架改用 api.post 替代 api() raw fetch，更可靠 - 稀释比例/使用禁忌卡片: emoji和标题合并为一行(flex row) 翻译同步: - 打开翻译编辑器时预填充: 读取 oilsMeta.enName → oilEn() → 填入输入框 - 用户看到当前英文名，修改后保存到 oils.en_name - 精油价目页 getEnglishName 读同一字段，自动同步 翻译表: - 补充 舒缓→Deep Blue 等常用精油英文名 - oilEn() 支持去掉/添加"复方"后缀匹配 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 16:38:04 +00:00
Hera Zhao	3912e2d122	fix: 价格字号随名称缩放、翻译表补全、编辑框全宽、下架修复 ... 价格字号: - 用 clamp() 跟精油名同步缩放 - 不再硬编码 13px/11px 翻译表 (useOilTranslation): - 补充: 舒缓→Deep Blue, 保卫→On Guard, 乐活→DigestZen 等 - oilEn() 支持模糊匹配: 去掉/添加"复方""呵护"后缀再试 编辑弹窗: - form-input 加 width:100% + box-sizing:border-box - 去掉 max-width:400px 限制（已在上一次提交） 下架: - 需要重启后端才能生效（OilIn model 变更需重启 uvicorn） Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 16:28:34 +00:00
Hera Zhao	4826c00e27	fix: 精油名不截断改用clamp缩放、下架错误提示、翻译双向同步 ... 精油名: - 用 font-size:clamp() 自适应缩小，不截断不换行 - 去掉 overflow:hidden/text-overflow:ellipsis 信息不全判定: - 缺英文名、零售价、或会员价 = 红色底色 - 下架的不算不全 - 补全后自动恢复 下架功能: - 修复：添加详细错误信息显示 - 编辑弹窗宽度恢复到默认520px（不再限制400px） 翻译双向同步: - 配方卡片修改翻译 → 同时保存到 oils.en_name（oilsStore.saveOil） - 精油价目页修改英文名 → 保存到 oils.en_name - 两处共用同一个DB字段，loadOils后自动同步 - getCardOilName fallback链：custom → oilsMeta.enName → oilEn → name Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 16:19:18 +00:00
Hera Zhao	2a823e5bac	feat: 精油价目页优化 — 名称缩放、去容量、红色底色、下架功能 ... 显示优化: - 中文名和英文名各一行，nowrap+ellipsis不换行 - 去掉📖 emoji标记 - 去掉右侧容量标签 - 划掉的零售价后面加/瓶，跟会员价一致 管理员功能: - 信息不全的精油(缺价格/滴数/零售价)显示浅红底色 - 补全后自动恢复正常底色 - 编辑弹窗加"下架"按钮，下架后所有人看到浅灰底色 - 已下架可"重新上架" 后端: - OilIn model 加 is_active 字段 - upsert 支持更新 is_active Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 16:09:52 +00:00
Hera Zhao	4d5c9874a9	fix: Logo提示语改为'卡片左下角水印'，Logo清晰显示(opacity:1) ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 15:58:12 +00:00
Hera Zhao	9f25da6232	fix: Logo左下角+日期靠右，手机字号自适应，精油名不换行 ... 配方卡片: - Logo: 左下角靠左对齐(flex)，opacity:0.5 - 制作日期: 靠右对齐（Logo和日期同一行，space-between） - 精油名: white-space:nowrap + text-overflow:ellipsis，不换行 - 配方名: max-width留QR空间，不换行 - 手机端(@media max-width:420px): 整体字号缩小，padding缩小 预览图: - 同样Logo左下+日期靠右布局 - 去掉了底部居中Logo水印 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 15:36:01 +00:00
Hera Zhao	d1723797e0	rewrite: 配方卡片和预览图完全重写，匹配initial commit样式 ... 完全删除之前的CSS class方案，改用inline style匹配原版HTML: 配方卡片 (RecipeDetailOverlay): - 背景图: absolute全覆盖, opacity:0.12 - Logo: absolute底部居中水印, bottom:60px, opacity:0.2 - QR: absolute右上角 top:36px right:24px, 品牌名在下方 - 内容区: position:relative z-index:2 (在overlay之上) - 制作日期: text-align:center (居中，匹配原版) - 所有样式用inline style，跟原版_buildBrandHtml()一致 预览图 (MyDiary): - 等比缩小版配方卡片，同样布局 - QR右上，Logo底部居中，日期居中 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 12:53:13 +00:00
Hera Zhao	472b554cd0	fix: 预览品牌名保留换行，配方卡片与预览布局一致 ... - 预览QR文字加 white-space: pre-line 保留换行 - 配方卡片结构: QR+品牌名(absolute右上) → 内容区(padding-right避让) → 精油列表(每行9px间距) → 总成本(绿色条) → Logo左+日期右 - 两者布局完全一致 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 12:25:14 +00:00
Hera Zhao	765bc0facc	fix: 配方卡片QR恢复absolute定位+padding-right避让，预览图修正 ... 配方卡片: - QR恢复absolute(top:36px right:36px)，不用float避免文字环绕 - card-content加padding-right:70px给QR留空间 - 文字不会被QR挤压 预览图: - QR+品牌名放在右上角area里(absolute定位) - 品牌名文字显示在QR图片下方 - 内容区padding-right:60px避让QR 返回配方: - openRecipe参数用String比较修复类型不匹配 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 12:18:03 +00:00
Hera Zhao	4a3fadb048	fix: 预览图布局匹配实际卡片、QR对齐、返回按钮 ... 预览图(MyDiary): - QR: top-right与内容区对齐(top:16px right:16px) - 内容区右侧留出QR空间(padding-right:50px) - 总成本条: flow layout不再absolute - Logo左下 + 制作日期右下(flex space-between) - 品牌名在最底部 - 去掉fixed height，自适应内容 配方卡片(RecipeDetailOverlay): - QR: top:36px right:36px 精确对齐卡片padding 返回按钮: - 保存品牌设置右侧加"← 返回配方卡片"按钮 - 从配方卡片点📲上传QR后可返回原配方 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 11:48:51 +00:00
Hera Zhao	03a112c734	fix: 上传图片保持比例、QR正方形裁剪、Logo左下角、日期靠右 ... 上传图片: - object-fit: contain 保持原比例，不压扁不拉长 - QR上传检测是否正方形，非正方形提示并自动裁剪中心区域 配方卡片: - Logo位置改为左下角 (left:24px) - 制作日期靠右对齐 (text-align:right) 品牌预览: - Logo位置改为左下角 (left:16px) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 10:40:16 +00:00
Hera Zhao	9be123e927	fix: 品牌设置tab中文化、保存提示、上传压缩优化 ... - Brand → 我的品牌, Account → 我的账户 - 保存品牌设置时显示"已保存" toast - 图片压缩: 先试PNG，超限再降JPEG质量，缩小到600px - 上传过程中显示"正在上传..." - 失败显示具体错误信息 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 10:33:11 +00:00
Hera Zhao	e0526f93b3	fix: 品牌设置页重写，匹配原版设计 ... - 三个上传框横排（二维码/背景图/Logo），100x100虚线框 - 点击上传，有预览，有清除按钮 - 上传前自动压缩图片（QR/Logo≤500KB，背景≤1MB） - 品牌名称+对齐方式（靠左/居中/靠右） - 配方卡片迷你预览（280x180，展示QR/Logo/背景/品牌名效果） - 加载时读取brand_align - 上传失败显示具体错误 - 重置file input允许重复选择同一文件 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 10:24:08 +00:00
Hera Zhao	5b5b73bba8	fix: 保存图片一次点击即弹分享面板 ... 根因: navigator.share 需要在用户手势同步上下文中调用。 之前点保存→html2canvas截图(异步)→share(手势已过期)，失败。 修复: 打开 modal 时预生成图片(watch showDilution/showContra, openOilDetail里预生成)，点保存按钮时 dataUrl 已缓存， navigator.share 在用户手势上下文内直接调用，一次即弹分享面板。 保存按钮放回卡片内部。 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 09:52:33 +00:00
Hera Zhao	5d8f1f1e1f	fix: 保存按钮移到卡片外面，截图时不包含按钮 ... 配方卡片能正常弹分享面板是因为按钮不在截图区域内。 现在稀释比例/使用禁忌/知识卡的保存按钮也移到 modal-overlay 层级（卡片 div 外面），html2canvas 截图时不会受按钮影响。 generateImageFromRef 也不再需要隐藏/恢复按钮的逻辑。 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 09:45:25 +00:00
Hera Zhao	2469f15656	rewrite: 精油价目页保存图片逻辑完全照搬配方卡片 ... 完全复制 RecipeDetailOverlay 的模式: 1. import html2canvas at top level (not dynamic) 2. ref 存预生成的 imageUrl (dilutionImageUrl, contraImageUrl, oilCardImageUrl) 3. generateImageFromRef: html2canvas截图→dataUrl存入ref 参数: backgroundColor=null, scale=3, useCORS=true, allowTaint=false 4. saveGeneratedImage: 如果没截图先生成，然后调 saveImageFromUrl 5. saveImageFromUrl: navigator.share({files}) → 系统分享面板 跟 RecipeDetailOverlay.saveImage 每一步都一样。 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 09:40:28 +00:00
Hera Zhao	309dee9848	fix: 知识卡保存图片参数与配方卡完全一致，去掉长按fallback ... - html2canvas 参数: backgroundColor=null, scale=3, allowTaint=false （与 RecipeDetailOverlay.generateCardImage 完全一致） - useSaveImage 精简为只有 share + download 两条路径 - 截图失败时显示具体错误信息便于调试 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 09:23:18 +00:00
Hera Zhao	50756528ee	fix: 知识卡保存图片流程与配方卡完全一致 ... html2canvas截图→dataUrl→saveImageFromUrl，跟配方卡片saveImage一模一样。 不再用captureAndSave封装。 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 09:17:55 +00:00
Hera Zhao	fc16436ebd	fix: 稀释比例/使用禁忌保存图片改用 ref 直接定位元素 ... 之前用 querySelector 找 modal 内元素，选择器匹配失败导致 手机端没有触发 navigator.share。现在用 Vue ref 直接引用 卡片 DOM 元素，传给 captureAndSave。 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 09:04:11 +00:00
Hera Zhao	029071dbab	fix: 手机保存图片使用 navigator.share 直接保存到相册 ... - 新增 composables/useSaveImage.js - saveImageFromUrl: data URL → 手机分享/桌面下载 - captureAndSave: DOM元素 → html2canvas → 保存 - saveCanvasImage: canvas → 保存 - RecipeDetailOverlay: saveImage 改用 saveImageFromUrl - OilReference: saveModalImage 改用 captureAndSave - 手机端调用 navigator.share({files}) 弹出系统分享面板 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 08:58:53 +00:00
Hera Zhao	3a65cb7209	feat: header重排、共享配方、待审核、权限优化 ... Header: - 登录按钮固定右侧，flex布局自适应所有屏幕 - 登录后不显示版本号，用户名在右侧 - 商业认证用户显示🏢标识 - 手机端响应式适配 配方共享: - 个人配方卡片加📤共享按钮 - 提交到公共库，非管理员需审核 管理配方: - 待审核栏从recipes动态计算（不依赖不存在的API） - 采纳用/adopt端点，拒绝=确认删除 - senior_editor可编辑精油和公共配方 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 08:24:28 +00:00
Hera Zhao	4e0039d5ad	UI: 知识卡片宽度收窄(380px)，使用方式按钮选中态更醒目 ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-08 21:59:38 +00:00
Hera Zhao	f580aa3eee	feat: 精油价目页大量改进 ... 知识卡片编辑: - 填写功效后自动生成 emoji（关键词匹配） - 使用方式改为三按钮点选（香薰/内用/涂抹） - 保存后立即生成卡片，📖标记即时出现 稀释比例/使用禁忌: - 匹配原版设计（绿色/橙色渐变头部） - 都加了保存图片按钮（html2canvas） 精油知识卡: - 加了保存图片按钮 UI优化: - 新增精油框加了零售价，隐藏数字输入加减按钮 - 搜索栏: 每瓶价/每滴价（替代会员价/滴价） - 新增按钮可展开/收起 - 植物空胶囊显示160颗 - 编辑弹窗精油名称可修改 PDF导出: - 标题含日期，去掉副标题 - 英文名列标题格式统一 - 去掉滴数列 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-08 21:55:28 +00:00
Hera Zhao	2983036388	feat: 区分我的配方(diary)和公共配方库(recipes) ... 配方查询页: - 我的配方 → /api/diary (user_diary表)，左绿色边框区分 - 收藏配方 → 收藏的公共配方 - 公共配方库 → /api/recipes (recipes表)，所有公共配方 - 搜索同时过滤个人和公共配方 管理配方页: - 我的配方 → diary store，支持搜索/标签过滤 - 公共配方库 → 所有公共配方，所有用户可见 - 管理员创建的公共配方不再误归为"我的配方" Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-08 20:45:05 +00:00
YoYo	31b46d59b6	feat: 配方卡片容量切换、预览/保存流程优化、精油搜索自动补全、精油英文名编辑 ... 1. 配方卡片视图加回容量切换按钮（单次/2.5ml/5ml…）， 非单次容量的滴数通过 Math.round 取整显示 2. 编辑器「预览」按钮改为展示当前未保存数据； 预览后点关闭询问是否保存； 直接点「保存」后留在配方卡片视图（不再关闭弹层） 3. 添加精油改为搜索输入框 + 下拉自动补全， 支持中文名和英文名筛选 4. 精油价目：添加/编辑表单加入英文名字段； 编辑/删除按钮改为悬停（桌面）或点击（移动端）才显示； 后端及数据库同步支持 oils.en_name	2026-04-08 20:03:14 +00:00
YoYo	dcf516f2de	fix: 移除所有权限身份显示，QR上传布局还原为initial commit样式	2026-04-08 19:47:24 +00:00
YoYo	533cd2a0bd	fix: 上传图片后不再自动跳转，由用户手动点击返回配方卡片 ... Co-Authored-By: YoYo <yoyo@euphon.net>	2026-04-08 19:41:04 +00:00
YoYo	65239abc53	QR upload: replace inline hint with dialog, add back button in brand page ... - Replace the inline brand-upload-hint bar in RecipeDetailOverlay with a confirm dialog (「去上传」/「取消」) that pops up when the card opens - Extend useDialog/CustomDialog to support custom ok/cancel button text - Add a 「← 返回配方卡片」banner in MyDiary brand tab when navigated from a recipe card, allowing return without uploading Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-04-07 22:55:39 +00:00
YoYo	19f4ab8abe	fix: 顶部导航栏sticky修正、右上角显示角色身份、QR上传预览布局优化 ... - 预览环境下nav-tabs top偏移36px，避免被orange banner遮挡 - 登录用户名旁显示角色身份（查看者/编辑/管理员等） - 账户页角色改用绿色渐变徽章样式，对齐UserMenu风格 - QR图片上传区改为120x120居中方形，预览样式与二维码链接预览一致 Closes #9 (part: items 1-3, accumulated to PR #5) Co-Authored-By: YoYo <yoyo@euphon.net>	2026-04-07 22:54:45 +00:00
YoYo	81ec5987b3	feat: 配方卡片加入上传个人二维码功能 ... - RecipeDetailOverlay: 未上传二维码/背景图时，卡片上方显示提示横幅，下方出现「上传我的二维码」按钮，点击跳转到 MyDiary 品牌设置页并记录来源配方 - MyDiary: 新增二维码图片上传区域（直接上传图片文件，存为 base64 → PUT /api/brand qr_code 字段）；上传成功后若有待返回配方则自动跳回配方卡片；修复 loadBrandSettings 字段名与后端不一致的问题 - RecipeSearch: 支持 ?openRecipe= 查询参数，页面挂载时自动打开指定配方卡片，实现从 MyDiary 上传后无缝返回 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-04-07 22:25:10 +00:00
Hera Zhao	6563a6f7d2	Grant senior_editor oil editing, PDF export, and public recipe management ... Add canManage computed (senior_editor + admin) to auth store and use it for oil edit/delete buttons, PDF export, and public recipe section visibility. Backend already allowed these operations for senior_editor. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-07 11:59:49 +00:00
Hera Zhao	2bec4a2d26	Revert recipe detail to modal overlay with tab switching ... Restore the original modal popup (卡片预览/编辑 tabs) instead of the inline detail panel, and bring back category carousel, personal recipes, and favorites sections on the search page. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-07 10:34:01 +00:00
Hera Zhao	f884bff452	Rewrite recipe search page to match original design ... - RecipeCard: simple card with name, tags, oil names, price (matching original .recipe-card style with hover translateY and warm shadows) - RecipeDetailOverlay: inline panel (not modal) with editable ingredients table, add ingredient row, total cost bar, and card preview section matching the original detail-panel + #recipe-card-export layout - RecipeSearch: simplified layout with search box and grid, detail panel appears inline below grid when a card is clicked - Updated Cypress tests to match new component structure Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 22:38:35 +00:00
Hera Zhao	f88521c9be	Fix CI: cd to frontend before cypress, use subshell for vite	2026-04-06 22:20:47 +00:00
Hera Zhao	ec25aebdd9	Fix carousel: full-width image slides with transform animation ... Replaced horizontal scroll tags with original-style carousel: - Full-width slides with background image + gradient overlay - translateX transform animation (0.4s ease) - Left/right arrow buttons (semi-transparent, blur backdrop) - Dot indicators with active state (elongated pill) - Category filter banner when a category is selected - Click slide to filter recipes by category tag Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 22:01:36 +00:00
Hera Zhao	0d0a563fab	Rewrite OilReference: knowledge cards, states, PDF export ... - Oil knowledge card modal for 21 oils (功效/用法/注意事项) - 📖 badge on oils that have cards - Green gradient header, method badges, bullet lists - Oil states: inactive oils greyed out, card oils highlighted - Dilution guide modal (稀释比例 by age group) - Safety caution modal (使用禁忌) - PDF export: printable price table in new window - Add oil form with volume dropdown (2.5/5/10/15/115ml) - Search filters by Chinese + English name - composables/useOilCards.js: OIL_CARDS data + getOilCard() Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 21:58:32 +00:00
Hera Zhao	7dbcd2778e	Fix BugTracker: match actual API data model ... - is_resolved (0/1/2/3) instead of string status - priority (0/1/2 numbers) instead of strings - content field instead of title/description - display_name/username for reporter - comment endpoint /comment (singular), body: {content} - Fix duplicate content display in template Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 21:38:18 +00:00
Hera Zhao	8443f1a564	Fix 5 wrong API endpoints + stop swallowing JS errors in E2E ... Endpoint fixes: - AuditLog: /api/audit-logs → /api/audit-log - BugTracker: /api/bugs → /api/bug-reports, create → /api/bug-report - BugTracker: fix create body (content+priority, not title/description) - MyDiary: /api/brand-settings → /api/brand - MyDiary: /api/me/display-name → PUT /api/me - RecipeSearch: /api/category-modules → /api/categories Test improvements: - Remove blanket uncaught:exception swallow (only ignore ResizeObserver) - Add endpoint-parity.cy.js: intercept-based test that verifies correct API endpoints are called and wrong ones are NOT called Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 21:30:54 +00:00
Hera Zhao	d88e202bb3	Fix critical bugs: oil prices ¥0.00, ingredient field mapping ... - oils store: change Map to plain object for Vue reactivity - recipes store: map `oil_name` from API (was only mapping `oil`/`name`) - OilReference: fix .get() calls to bracket access - Add price-display.cy.js regression test (3 tests) - Add visual-check.cy.js for screenshot verification Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 20:35:01 +00:00
Hera Zhao	ee8ec23dc7	Refactor frontend to Vue 3 + Vite + Pinia + Cypress E2E ... - Replace single-file 8441-line HTML with Vue 3 SPA - Pinia stores: auth, oils, recipes, diary, ui - Composables: useApi, useDialog, useSmartPaste, useOilTranslation - 6 shared components: RecipeCard, RecipeDetailOverlay, TagPicker, etc. - 9 page views: RecipeSearch, RecipeManager, Inventory, OilReference, etc. - 14 Cypress E2E test specs (113 tests), all passing - Multi-stage Dockerfile (Node build + Python runtime) - Demo video generation scripts (TTS + subtitles + screen recording) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-06 18:35:00 +00:00