Hass/xiaozhi-esp32-server
1
0
Fork 0
mirror of https://github.com/xinnan-tech/xiaozhi-esp32-server.git synced 2026-07-27 01:23:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

updata:智控台页面添加语言切换，支持中英繁。

Browse Source
This commit is contained in:
rainv123
2025-09-11 17:10:50 +08:00
parent a9b0775469
commit 98a1483032
41 changed files with 3800 additions and 1061 deletions
Download Patch File Download Diff File Expand all files Collapse all files
main/manager-web/src/views/roleConfig.vue
+46 -45
View File
@@ -3,7 +3,7 @@
<HeaderBar />
<div class="operation-bar">
<h2 class="page-title">角色配置</h2>
<h2 class="page-title">{{ $t('roleConfig.title') }}</h2>
</div>
<div class="main-wrapper">
@@ -18,10 +18,10 @@
<div class="header-actions">
<div class="hint-text">
<img loading="lazy" src="@/assets/home/info.png" alt="">
<span>保存配置后，需要重启设备，新的配置才会生效。</span>
<span>{{ $t('roleConfig.restartNotice') }}</span>
</div>
<el-button type="primary" class="save-btn" @click="saveConfig">保存配置</el-button>
<el-button class="reset-btn" @click="resetConfig">重置</el-button>
<el-button type="primary" class="save-btn" @click="saveConfig">{{ $t('roleConfig.saveConfig') }}</el-button>
<el-button class="reset-btn" @click="resetConfig">{{ $t('roleConfig.reset') }}</el-button>
<button class="custom-close-btn" @click="goToHome">
×
</button>
@@ -33,10 +33,10 @@
<div class="form-content">
<div class="form-grid">
<div class="form-column">
<el-form-item label="助手昵称：">
<el-form-item :label="$t('roleConfig.agentName') + '：'">
<el-input v-model="form.agentName" class="form-input" maxlength="10" />
</el-form-item>
<el-form-item label="角色模版：">
<el-form-item :label="$t('roleConfig.roleTemplate') + '：'">
<div class="template-container">
<div v-for="(template, index) in templates" :key="`template-${index}`" class="template-item"
:class="{ 'template-loading': loadingTemplate }" @click="selectTemplate(template)">
@@ -44,39 +44,39 @@
</div>
</div>
</el-form-item>
<el-form-item label="角色介绍：">
<el-input type="textarea" rows="9" resize="none" placeholder="请输入内容" v-model="form.systemPrompt"
<el-form-item :label="$t('roleConfig.roleIntroduction') + '：'">
<el-input type="textarea" rows="9" resize="none" :placeholder="$t('roleConfig.pleaseEnterContent')" v-model="form.systemPrompt"
maxlength="2000" show-word-limit class="form-textarea" />
</el-form-item>
<el-form-item label="记忆：">
<el-form-item :label="$t('roleConfig.memory') + '：'">
<el-input type="textarea" rows="6" resize="none" v-model="form.summaryMemory" maxlength="2000"
show-word-limit class="form-textarea"
:disabled="form.model.memModelId !== 'Memory_mem_local_short'" />
</el-form-item>
<el-form-item label="语言编码：" style="display: none;">
<el-input v-model="form.langCode" placeholder="请输入语言编码，如：zh_CN" maxlength="10" show-word-limit
<el-form-item :label="$t('roleConfig.languageCode') + '：'" style="display: none;">
<el-input v-model="form.langCode" :placeholder="$t('roleConfig.pleaseEnterLangCode')" maxlength="10" show-word-limit
class="form-input" />
</el-form-item>
<el-form-item label="交互语种：" style="display: none;">
<el-input v-model="form.language" placeholder="请输入交互语种，如：中文" maxlength="10" show-word-limit
<el-form-item :label="$t('roleConfig.interactionLanguage') + '：'" style="display: none;">
<el-input v-model="form.language" :placeholder="$t('roleConfig.pleaseEnterLangName')" maxlength="10" show-word-limit
class="form-input" />
</el-form-item>
</div>
<div class="form-column">
<div class="model-row">
<el-form-item label="语音活动检测(VAD)" class="model-item">
<el-form-item :label="$t('roleConfig.vad')" class="model-item">
<div class="model-select-wrapper">
<el-select v-model="form.model.vadModelId" filterable placeholder="请选择" class="form-select"
<el-select v-model="form.model.vadModelId" filterable :placeholder="$t('roleConfig.pleaseSelect')" class="form-select"
@change="handleModelChange('VAD', $event)">
<el-option v-for="(item, optionIndex) in modelOptions['VAD']"
:key="`option-vad-${optionIndex}`" :label="item.label" :value="item.value" />
</el-select>
</div>
</el-form-item>
<el-form-item label="语音识别(ASR)" class="model-item">
<el-form-item :label="$t('roleConfig.asr')" class="model-item">
<div class="model-select-wrapper">
<el-select v-model="form.model.asrModelId" filterable placeholder="请选择" class="form-select"
<el-select v-model="form.model.asrModelId" filterable :placeholder="$t('roleConfig.pleaseSelect')" class="form-select"
@change="handleModelChange('ASR', $event)">
<el-option v-for="(item, optionIndex) in modelOptions['ASR']"
:key="`option-asr-${optionIndex}`" :label="item.label" :value="item.value" />
@@ -84,11 +84,11 @@
</div>
</el-form-item>
</div>
<el-form-item v-for="(model, index) in models.slice(2)" :key="`model-${index}`" :label="model.label"
<el-form-item v-for="(model, index) in models.slice(2)" :key="`model-${index}`" :label="$t('roleConfig.' + model.type.toLowerCase())"
class="model-item">
<div class="model-select-wrapper">
<el-select v-model="form.model[model.key]" filterable placeholder="请选择" class="form-select"
@change="handleModelChange(model.type, $event)">
<el-select v-model="form.model[model.key]" filterable :placeholder="$t('roleConfig.pleaseSelect')" class="form-select"
@change="handleModelChange(model.type, $event)">
<el-option v-for="(item, optionIndex) in modelOptions[model.type]" v-if="!item.isHidden"
:key="`option-${index}-${optionIndex}`" :label="item.label" :value="item.value" />
</el-select>
@@ -104,20 +104,20 @@
</el-tooltip>
<el-button class="edit-function-btn" @click="openFunctionDialog"
:class="{ 'active-btn': showFunctionDialog }">
编辑功能
{{ $t('roleConfig.editFunctions') }}
</el-button>
</div>
<div v-if="model.type === 'Memory' && form.model.memModelId !== 'Memory_nomem'"
class="chat-history-options">
<el-radio-group v-model="form.chatHistoryConf" @change="updateChatHistoryConf">
<el-radio-button :label="1">上报文字</el-radio-button>
<el-radio-button :label="2">上报文字+语音</el-radio-button>
</el-radio-group>
<el-radio-button :label="1">{{ $t('roleConfig.reportText') }}</el-radio-button>
<el-radio-button :label="2">{{ $t('roleConfig.reportTextVoice') }}</el-radio-button>
</el-radio-group>
</div>
</div>
</el-form-item>
<el-form-item label="角色音色">
<el-select v-model="form.ttsVoiceId" placeholder="请选择" class="form-select">
<el-form-item :label="$t('roleConfig.voiceType')">
<el-select v-model="form.ttsVoiceId" :placeholder="$t('roleConfig.pleaseSelect')" class="form-select">
<el-option v-for="(item, index) in voiceOptions" :key="`voice-${index}`" :label="item.label"
:value="item.value" />
</el-select>
@@ -139,6 +139,7 @@
import Api from '@/apis/api';
import FunctionDialog from "@/components/FunctionDialog.vue";
import HeaderBar from "@/components/HeaderBar.vue";
import i18n from '@/i18n';
export default {
name: 'RoleConfigPage',
@@ -166,13 +167,13 @@ export default {
}
},
models: [
{ label: '语音活动检测(VAD)', key: 'vadModelId', type: 'VAD' },
{ label: '语音识别(ASR)', key: 'asrModelId', type: 'ASR' },
{ label: '大语言模型(LLM)', key: 'llmModelId', type: 'LLM' },
{ label: '视觉大模型(VLLM)', key: 'vllmModelId', type: 'VLLM' },
{ label: '意图识别(Intent)', key: 'intentModelId', type: 'Intent' },
{ label: '记忆(Memory)', key: 'memModelId', type: 'Memory' },
{ label: '语音合成(TTS)', key: 'ttsModelId', type: 'TTS' }
{ label: this.$t('roleConfig.vad'), key: 'vadModelId', type: 'VAD' },
{ label: this.$t('roleConfig.asr'), key: 'asrModelId', type: 'ASR' },
{ label: this.$t('roleConfig.llm'), key: 'llmModelId', type: 'LLM' },
{ label: this.$t('roleConfig.vllm'), key: 'vllmModelId', type: 'VLLM' },
{ label: this.$t('roleConfig.intent'), key: 'intentModelId', type: 'Intent' },
{ label: this.$t('roleConfig.memory'), key: 'memModelId', type: 'Memory' },
{ label: this.$t('roleConfig.tts'), key: 'ttsModelId', type: 'TTS' }
],
llmModeTypeMap: new Map(),
modelOptions: {},
@@ -221,21 +222,21 @@ export default {
Api.agent.updateAgentConfig(this.$route.query.agentId, configData, ({ data }) => {
if (data.code === 0) {
this.$message.success({
message: '配置保存成功',
message: i18n.t('roleConfig.saveSuccess'),
showClose: true
});
} else {
this.$message.error({
message: data.msg || '配置保存失败',
message: data.msg || i18n.t('roleConfig.saveFailed'),
showClose: true
});
}
});
},
resetConfig() {
this.$confirm('确定要重置配置吗？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
this.$confirm(i18n.t('roleConfig.confirmReset'), i18n.t('message.info'), {
confirmButtonText: i18n.t('button.ok'),
cancelButtonText: i18n.t('button.cancel'),
type: 'warning'
}).then(() => {
this.form = {
@@ -260,7 +261,7 @@ export default {
}
this.currentFunctions = [];
this.$message.success({
message: '配置已重置',
message: i18n.t('roleConfig.resetSuccess'),
showClose: true
})
}).catch(() => {
@@ -271,7 +272,7 @@ export default {
if (data.code === 0) {
this.templates = data.data;
} else {
this.$message.error(data.msg || '获取模板列表失败');
this.$message.error(data.msg || i18n.t('roleConfig.fetchTemplatesFailed'));
}
});
},
@@ -281,12 +282,12 @@ export default {
try {
this.applyTemplateData(template);
this.$message.success({
message: `「${template.agentName}」模板已应用`,
message: `${template.agentName}${i18n.t('roleConfig.templateApplied')}`,
showClose: true
});
} catch (error) {
this.$message.error({
message: '应用模板失败',
message: i18n.t('roleConfig.applyTemplateFailed'),
showClose: true
});
console.error('应用模板失败:', error);
@@ -361,7 +362,7 @@ export default {
this.updateIntentOptionsVisibility();
});
} else {
this.$message.error(data.msg || '获取配置失败');
this.$message.error(data.msg || i18n.t('roleConfig.fetchConfigFailed'));
}
});
},
@@ -381,7 +382,7 @@ export default {
this.updateIntentOptionsVisibility();
}
} else {
this.$message.error(data.msg || '获取模型列表失败');
this.$message.error(data.msg || i18n.t('roleConfig.fetchModelsFailed'));
}
});
} else {
@@ -457,7 +458,7 @@ export default {
});
resolve();
} else {
this.$message.error(data.msg || '获取插件列表失败');
this.$message.error(data.msg || i18n.t('roleConfig.fetchPluginsFailed'));
reject();
}
});