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

improve eval ui

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

18
src/App.vue
View File

@@ -220,7 +220,7 @@ const copyTarget = async () => {
};
const evaluateTranslation = async () => {
if (!settings.enableEvaluation || !targetText.value) return;
if (!targetText.value) return;
isEvaluating.value = true;
evaluationResult.value = null;
@@ -653,6 +653,18 @@ const translate = async () => {
</div>
</div>
</div>
<div class="p-4 border-t dark:border-slate-800 bg-slate-50/30 dark:bg-transparent flex justify-end shrink-0">
<button
@click="evaluateTranslation"
:disabled="isEvaluating || isTranslating || !targetText.trim()"
class="bg-slate-200 hover:bg-slate-300 dark:bg-slate-800 dark:hover:bg-slate-700 disabled:opacity-50 text-slate-700 dark:text-slate-200 px-6 py-2.5 rounded-lg font-medium transition-all flex items-center gap-2 shadow-sm border border-slate-300/50 dark:border-slate-700/50"
>
<Loader2 v-if="isEvaluating" class="w-4 h-4 animate-spin" />
<Check v-else class="w-4 h-4" />
{{ isEvaluating ? '正在审计...' : '审计' }}
</button>
</div>
</div>
</div>
@@ -799,7 +811,7 @@ const translate = async () => {
</button>
</div>
<div v-if="settings.enableEvaluation" class="space-y-3 pt-4 border-t border-dashed dark:border-slate-800 animate-in fade-in slide-in-from-top-2 duration-300">
<div class="space-y-3 pt-4 border-t border-dashed dark:border-slate-800 animate-in fade-in slide-in-from-top-2 duration-300">
<div class="flex items-center gap-2 mb-1">
<Settings class="w-3.5 h-3.5 text-blue-500" />
<label class="text-sm font-semibold text-slate-700 dark:text-slate-300">审计模型</label>
@@ -882,7 +894,7 @@ const translate = async () => {
</div>
</div>
<div v-if="settings.enableEvaluation" class="space-y-2 border-t dark:border-slate-800 pt-6">
<div class="space-y-2 border-t dark:border-slate-800 pt-6">
<div class="flex items-center justify-between">
<label class="text-sm font-medium text-slate-700 dark:text-slate-300">审计提示词模板 (评估)</label>
<button @click="settings.evaluationPromptTemplate = DEFAULT_EVALUATION_TEMPLATE" class="text-xs text-blue-600 dark:text-blue-400 hover:underline">恢复默认值</button>