feat: 操作日志重写+已审核标签+配方名自适应
All checks were successful
PR Preview / teardown-preview (pull_request) Has been skipped
Test / unit-test (push) Successful in 4s
Test / build-check (push) Successful in 3s
PR Preview / test (pull_request) Successful in 4s
PR Preview / deploy-preview (pull_request) Successful in 15s
Test / e2e-test (push) Successful in 1m0s

操作日志:
- 完全重写,正确映射所有 action 类型(配方/精油/用户/标签/审核)
- 三级筛选:操作类型、用户、对象类型
- 正确解析 detail JSON 显示来源/原因/角色等
- 包含精油价目修改记录

已审核标签:
- editor+ 可见可编辑,viewer 不可见
- 蓝色样式区分

其他:
- 配方卡片名称过长自动缩小字号
- 配方编辑器加新增标签输入框

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-10 10:52:36 +00:00
parent 4de1c41131
commit a81f7788c0
3 changed files with 144 additions and 254 deletions

View File

@@ -1,8 +1,8 @@
<template>
<div class="recipe-card" @click="$emit('click', index)">
<div class="recipe-card-name">{{ recipe.name }}</div>
<div v-if="recipe.tags && recipe.tags.length" class="recipe-card-tags">
<span v-for="tag in recipe.tags" :key="tag" class="tag">{{ tag }}</span>
<div class="recipe-card-name" :style="{ fontSize: recipe.name.length > 12 ? (recipe.name.length > 20 ? '12px' : '14px') : '16px' }">{{ recipe.name }}</div>
<div v-if="visibleTags.length" class="recipe-card-tags">
<span v-for="tag in visibleTags" :key="tag" class="tag" :class="{ 'tag-reviewed': tag === '已审核' }">{{ tag }}</span>
</div>
<div class="recipe-card-oils">{{ oilNames }}</div>
<div class="recipe-card-bottom">
@@ -21,6 +21,9 @@
import { computed } from 'vue'
import { useOilsStore } from '../stores/oils'
import { useRecipesStore } from '../stores/recipes'
import { useAuthStore } from '../stores/auth'
const EDITOR_ONLY_TAGS = ['已审核']
const props = defineProps({
recipe: { type: Object, required: true },
@@ -31,6 +34,13 @@ defineEmits(['click', 'toggle-fav'])
const oilsStore = useOilsStore()
const recipesStore = useRecipesStore()
const auth = useAuthStore()
const visibleTags = computed(() => {
if (!props.recipe.tags) return []
if (auth.canEdit) return props.recipe.tags
return props.recipe.tags.filter(t => !EDITOR_ONLY_TAGS.includes(t))
})
const oilNames = computed(() =>
props.recipe.ingredients.map(i => i.oil).join('、')
@@ -79,6 +89,11 @@ const isFav = computed(() => recipesStore.isFavorite(props.recipe))
color: #5a7d5e;
}
.tag-reviewed {
background: #e3f2fd;
color: #1565c0;
}
.recipe-card-oils {
font-size: 12px;
color: #9a8570;