29 Commits

Author	SHA1	Message	Date
Hera Zhao	650c04a972	fix: 高级编辑直接添加公共库+编辑者权限精确控制 ... 公共库添加: - 高级编辑直接添加到公共库时owner_id设为admin，所有人可见 - 高级编辑添加不触发审核通知 精油价目权限: - 编辑精油改为canManage（senior_editor+admin） - editor只能编辑配方，不能编辑精油价目 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-10 19:55:21 +00:00
Hera Zhao	8866e865f7	fix: 拼音前缀匹配、输入法enter、稀释默认值、容量填满 ... - 拼音搜索改为前缀匹配（s→生姜，不再匹配茶树） - 精油编辑enter区分输入法组合键 - 新增配方默认30ml+1:6稀释，编辑时自动识别当前比例 - 非单次容量滴数四舍五入为整数 - 容量按钮等宽填满一行 - 搜索时自动展开折叠的配方列表 - 配方编辑器加新增标签功能 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-10 11:37:20 +00:00
Hera Zhao	1d424984e0	feat: 权限细化、商业认证跳转、UI改进 ... 权限: - viewer 管理配方页只显示我的配方，隐藏公共配方库和工具栏 - 高级编辑者可看到精油价目信息不全的红色提示 - 商业核算删除按钮仅管理员可见 - 搜索未收录通知只发管理员和高级编辑者 Tab 可见性: - 所有用户可见：配方查询、管理配方、个人库存、精油价目、商业核算 - 需登录的 tab 点击弹登录框，登录后跳转 - 操作日志/Bug/用户管理仅管理员可见 商业核算: - 未认证用户可看项目列表，点详情提示去认证 - 跳转到我的账户页商业认证区域并自动滚动 其他: - 我的配方和收藏配方默认折叠 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-10 09:32:13 +00:00
Hera Zhao	27c46cb803	feat: 大量管理配方和搜索改进 ... - 存为我的：修复调用错误API，改用 diaryStore.createDiary - 存为我的：同名检测（我的配方 + 公共配方库） - 我的配方：使用 RecipeCard 统一卡片格式 - 管理配方：按钮缩小、编辑时隐藏智能粘贴、精油搜索框支持拼音跳转 - 管理配方：批量操作改为按钮组（打标签/删除/导出卡片/分享到公共库） - 管理配方：我的配方加勾选框、全选按钮、编辑功能 - 搜索：模糊匹配 + 同义词扩展（37组），精确/相似分层显示 - 搜索：无匹配时通知编辑添加，搜索时隐藏无匹配的收藏/我的配方区 - 搜索：配方按首字母排序 - 共享审核：通知高级编辑+管理员，我的配方显示共享状态 - 通知：搜索未收录→已添加按钮，审核类→去审核按钮跳转 - 贡献统计：非管理员显示已贡献公共配方数 - 登录弹窗：加反馈问题按钮（无需登录） - 精油编辑：右上角加保存按钮，支持回车保存 - 后端：新增 /api/me/contribution 接口 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 21:31:17 +00:00
Hera Zhao	86db3e1868	fix: emoji按钮缩小(13px/4px padding)，工具栏不换行(nowrap) ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 17:38:02 +00:00
Hera Zhao	3133a2f10c	fix: 手机版emoji按钮加圆角边框，与视图切换按钮风格一致 ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 17:36:12 +00:00
Hera Zhao	8a653b684e	fix: 下架精油卡片对比度提高(opacity 0.5→0.7, 加边框) ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 17:35:13 +00:00
Hera Zhao	a77aecba75	fix: 手机版新增/导出按钮改为emoji，跟视图切换同行 ... 桌面: 显示文字按钮'＋ 新增''📥 导出PDF' 手机(@media max-width:480px): 隐藏文字按钮，显示 ➕ 📄 emoji按钮 搜索框min-width缩小到140px给按钮留空间 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 17:33:59 +00:00
Hera Zhao	f355eaac4d	fix: 知识卡片第二行字号缩小+nowrap确保一行显示 ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 17:31:49 +00:00
Hera Zhao	e04d572f27	fix: 下架后卡片变灰+按钮变灰，isActive存为boolean ... 根因: oils store 存 isActive = oil.is_active ?? true oil.is_active=0 时 0??true=0，但检查用 ===false，0!==false 修复: isActive = oil.is_active !== 0 (true/false boolean) UI: - 下架后弹窗不关闭，按钮变灰显示"✓ 已下架 · 点击重新上架" - 卡片立即变灰(oil-chip--inactive class生效) - 重新上架后恢复正常 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 16:50:26 +00:00
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	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	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
YoYo	31b46d59b6	feat: 配方卡片容量切换、预览/保存流程优化、精油搜索自动补全、精油英文名编辑 ... 1. 配方卡片视图加回容量切换按钮（单次/2.5ml/5ml…）， 非单次容量的滴数通过 Math.round 取整显示 2. 编辑器「预览」按钮改为展示当前未保存数据； 预览后点关闭询问是否保存； 直接点「保存」后留在配方卡片视图（不再关闭弹层） 3. 添加精油改为搜索输入框 + 下拉自动补全， 支持中文名和英文名筛选 4. 精油价目：添加/编辑表单加入英文名字段； 编辑/删除按钮改为悬停（桌面）或点击（移动端）才显示； 后端及数据库同步支持 oils.en_name	2026-04-08 20:03:14 +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	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	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