77 Commits

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