julian/ai-translate-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

import eval display

Browse Source
This commit is contained in:
Julian Freeman
2026-02-25 00:21:17 -04:00
parent f21366e55f
commit a8e14269af
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/App.vue
View File

@@ -618,7 +618,7 @@ const translate = async () => {
'w-2 h-2 rounded-full', 'w-2 h-2 rounded-full',
isEvaluating ? 'bg-blue-400 animate-pulse' : (evaluationResult?.score && evaluationResult.score >= 80 ? 'bg-green-500' : evaluationResult?.score && evaluationResult.score >= 60 ? 'bg-amber-500' : 'bg-red-500') isEvaluating ? 'bg-blue-400 animate-pulse' : (evaluationResult?.score && evaluationResult.score >= 80 ? 'bg-green-500' : evaluationResult?.score && evaluationResult.score >= 60 ? 'bg-amber-500' : 'bg-red-500')
)"></div> )"></div>
<h3 class="text-xs font-bold text-slate-400 uppercase tracking-widest">翻译质量审计</h3> <h3 class="text-xs font-bold text-slate-400 uppercase tracking-widest">质量审计</h3>
</div> </div>
<div v-if="evaluationResult" :class="cn( <div v-if="evaluationResult" :class="cn(
'text-lg font-black font-mono', 'text-lg font-black font-mono',
@@ -639,10 +639,12 @@ const translate = async () => {
</p> </p>
</div> </div>
<div v-if="evaluationResult.improvements && evaluationResult.score < 90" class="flex gap-2 p-3 bg-blue-50/50 dark:bg-blue-900/10 rounded-lg border border-blue-100/50 dark:border-blue-900/20"> <div v-if="evaluationResult.improvements" class="space-y-2 pt-2">
<Check class="w-4 h-4 text-blue-500 shrink-0 mt-0.5" /> <div class="flex items-center gap-2">
<div class="space-y-1"> <div class="w-2 h-2 rounded-full bg-blue-500"></div>
<span class="text-[11px] font-bold text-blue-600/70 dark:text-blue-400/70 uppercase">建议优化</span> <h3 class="text-xs font-bold text-slate-400 uppercase tracking-widest">建议优化</h3>
</div>
<div class="bg-blue-50/50 dark:bg-blue-900/10 p-3 rounded-lg border border-blue-100/50 dark:border-blue-900/20">
<p class="text-xs text-slate-600 dark:text-slate-300 leading-relaxed"> <p class="text-xs text-slate-600 dark:text-slate-300 leading-relaxed">
{{ evaluationResult.improvements }} {{ evaluationResult.improvements }}
</p> </p>