12 Commits

Author	SHA1	Message	Date
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