87 Commits

This Branch

This Branch

All Branches

Author	SHA1	Message	Date
Hera Zhao	2417ea2525	fix: QR改为float right自然对齐文字，不再absolute定位 ... 配方卡片: - QR从.export-card的absolute定位改为.card-content内float right - QR自然跟"来自大地的礼物"文字顶端对齐 - 右侧边缘跟内容区域对齐（不再需要手动算padding偏移） Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 12:09:26 +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	1044873336	fix: Logo放在总成本下方靠左，QR与标题顶端/日期右侧对齐 ... - Logo: 从absolute改为flow layout，放在总成本和制作日期之间 左侧显示logo，右侧显示制作日期（flex space-between） 没有logo时日期仍靠右 - QR: right改为36px（与卡片padding对齐），top微调到34px 右边缘与制作日期右侧对齐 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 11:01:10 +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	95368049fe	fix: 登录按钮与标题顶端对齐 (align-items: flex-start) ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 10:28:17 +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	751ef9d07d	fix: 配方卡片预览隐藏容量按钮 ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 10:16:24 +00:00
Hera Zhao	e3285f0961	fix: 未登录用户每次提示上传QR，已登录每月一次 ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 10:12:53 +00:00
Hera Zhao	1018c1db11	fix: QR上传提醒改为每月一次，按钮始终显示 ... - 用 localStorage 记录上次弹窗时间，30天内不再弹 - 📲 上传二维码按钮始终显示（只要用户没上传QR） - 弹窗取消按钮文案改为「下次再说」 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 10:12:30 +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	26a47aaf23	fix: 手机保存图片加长按保存 fallback ... navigator.share 在部分手机浏览器不可用时，改为弹出全屏图片 让用户长按保存到相册。三层 fallback: 1. navigator.share({files}) → 系统分享面板 2. 图片弹窗 → 长按保存（手机通用） 3. 下载链接（桌面） Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-09 09:08:22 +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	3d95db6cae	Merge pull request 'feat: 配方卡片加入上传个人二维码功能' (#5) from feature/qr-upload-hint into main ... Reviewed-on: #5	2026-04-08 22:09:30 +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	0c19153156	fix: 增强存为我的调试日志和错误提示，修复空名称静默失败问题 ... - 区分「取消」(null) 和「清空名称后确认」(空字符串) 两种情况 前者静默返回，后者提示「请输入配方名称」 - 添加 console.log/error 方便在浏览器控制台定位问题 - 成功 toast 改为「已保存！可在「配方查询 → 我的配方」查看」提示去向 - 错误 toast 延长至 3s，并显示 status code - saveRecipe：loadRecipes 失败不再抛出，保证保存成功后不误报失败 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-04-08 20:27:03 +00:00
YoYo	66766197a4	fix: 输入框 Enter 键忽略 IME 输入法合字阶段，防止误触提交 ... 中文输入法在选字时按回车，会触发 keydown.enter 事件， 但此时 v-model 尚未更新（组合阶段未结束），导致 inputValue 仍为空字符串，造成 saveToDiary 的 if (!name) return 分支被触发，配方从未保存，「我的配方」中自然看不到。 修复方案： - 监听 compositionstart / compositionend 事件， 用 isComposing 标记组合状态 - compositionend 时手动同步 inputValue（确保值最新） - submitPrompt 检查 e.isComposing || isComposing.value， 任一为真则跳过提交，等用户真正按下独立 Enter 再确认 Co-Authored-By: YoYo <yoyo@euphon.net>	2026-04-08 20:07:13 +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	cc79ae1211	fix: 存为我的改写入 recipes 表，确保在「我的配方」和「管理配方」中显示 ... 之前 saveToDiary() 调用 POST /api/diary，数据写入 user_diary 表， 只在「我的配方日记」(/mydiary) 中可见。 改为调用 recipesStore.saveRecipe()，写入 recipes 表并以当前用户为 owner， GET /api/recipes 会返回该用户自己创建的配方， RecipeSearch 的「我的配方」预览和 RecipeManager 的配方列表均可显示。 Co-Authored-By: YoYo <yoyo@euphon.net>	2026-04-08 19:56:36 +00:00
YoYo	dcf516f2de	fix: 移除所有权限身份显示，QR上传布局还原为initial commit样式	2026-04-08 19:47:24 +00:00
YoYo	c8de1ad229	fix: 退出登录后跳转到配方查询页面 ... 将 handleLogout 里的 window.location.reload() 改为 router.push('/')， 确保在任何需要登录的页面退出后都能回到配方查询页面。 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	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	de74ffe638	fix: 配方卡片品牌样式与 initial commit 保持一致 ... - 背景图改用 div+background-image，opacity 从 0.06 恢复为 0.12 - 二维码位置改回 top:36px/right:24px，尺寸 54×54，加圆角和阴影 - 二维码下方新增品牌名称小字（7px） - Logo 位置改回 bottom:60px，尺寸 height:60px，opacity 0.2 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-04-08 07:42:47 +00:00
YoYo	4761253d73	fix: 存为我的改用自定义 showPrompt，与主分支保持一致 ... 将 saveToDiary 中的原生 prompt() 替换为项目内置的 showPrompt()，使对话框样式与主分支及全站风格保持一致。 Co-Authored-By: YoYo <yoyo@euphon.net>	2026-04-07 23:09:29 +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
Hera Zhao	96504ed1d7	Resume pending action after login (favorite, diary, QR upload) ... Add pendingAction callback to UI store. When user clicks favorite, save-to-diary, or upload QR while not logged in, the action is stored and automatically executed after successful login/register instead of reloading the page. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-07 22:39:59 +00:00
Hera Zhao	5eba04a1fa	Fix toast rendering: display toast.msg instead of object ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-07 22:35:41 +00:00
Hera Zhao	4d5e3c46e7	Shorten copy toast to just '已复制' ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-07 22:34:07 +00:00
Hera Zhao	3bbe437616	Remove volume selector from recipe card view ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-07 22:33:16 +00:00
Hera Zhao	edc053ae0e	Raise toast z-index to 9000 so it shows above all overlays ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-07 22:32:42 +00:00
Hera Zhao	b9681141af	Fix LoginModal z-index to 6000 so it appears above recipe overlay ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-07 22:28:17 +00:00
YoYo	dee4b1649a	fix: 卡片预览加入容量切换，非单次滴数四舍五入 ... - VOLUME_DROPS 新增「单次」(null，不缩放) - 新增 scaleIngredients() 按比例缩放成分 - 卡片预览区加入容量切换按钮，切换后实时更新滴数与成本 - priceInfo 与 coconutDrops 均基于缩放后数据 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>	2026-04-07 22:27:21 +00:00
YoYo	955512d344	feat: 未登录用户也显示二维码上传提示，点击时引导登录/注册	2026-04-07 22:25:10 +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	70413971e3	Merge pull request 'dev' (#2) from dev into main ... Reviewed-on: #2	2026-04-07 22:12:00 +00:00
Hera Zhao	6804835e85	Persist recipe English name translation to database ... - Add en_name column to recipes table (migration in database.py) - Include en_name in recipe API responses and RecipeUpdate model - Save en_name when admin/senior_editor applies translation - Load en_name on overlay open, so translation persists across sessions Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-07 22:08:05 +00:00
Hera Zhao	2088019ed7	Fix overlay: always show buttons, restrict translation, fix save data ... - Always show favorite/save-to-diary buttons (login check on click) - Restrict translation editor to senior_editor/admin only (canManage) - Fix save: map ingredient oil→oil_name for API, reload recipes after - Ensures next open shows the saved data Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-07 21:59:41 +00:00
Hera Zhao	86be739667	Fix card overlay: scrollable buttons, doTERRA casing, English text ... - Move action buttons (favorite, save-to-diary) inside card view so they scroll with content instead of sticking at top - Remove text-transform:uppercase so doTERRA renders correctly - Fix English dilution text to match main branch (bottle vs single-use) - Add close button to editor view header Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-07 21:50:07 +00:00
Hera Zhao	4655040153	Fix recipe detail overlay: layout, buttons, price columns ... - Remove "卡片预览" tab text, use top bar with action buttons - Move language toggle (中文/English) to top of card view - Fix favorite button: check recipe _id before toggling - Fix save-to-diary: match API fields (name, source_recipe_id) - Use custom translations in card rendering (getCardOilName/getCardRecipeName) - Swap price columns: cost first, retail strikethrough after - Add retail strikethrough price in total cost bar Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-07 21:41:49 +00:00
Hera Zhao	d68f5b35ee	Rewrite RecipeDetailOverlay to match main branch layout ... Card view: branded recipe card image (html2canvas), language toggle, save image, copy text, favorite, save to diary, translation editor. Editor view: volume/dilution controls, ingredient table with add row, tag management with candidates, notes, total cost. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-07 21:30:34 +00:00
Hera Zhao	cd833a6232	Add confirm password field on registration ... Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-07 21:13:27 +00:00