fix: ChatTTS前端状态动态检测,移除硬编码disabled

This commit is contained in:
2026-04-22 18:19:24 +08:00
parent dbafd4fb73
commit 2877ae996d
2 changed files with 14 additions and 7 deletions

Binary file not shown.

View File

@@ -372,9 +372,9 @@
<div class="name">🌐 Edge TTS</div> <div class="name">🌐 Edge TTS</div>
<div class="status" id="edgeStatus">检测中...</div> <div class="status" id="edgeStatus">检测中...</div>
</div> </div>
<div class="tts-option disabled" data-provider="chattts"> <div class="tts-option" data-provider="chattts">
<div class="name">🤖 ChatTTS</div> <div class="name">🤖 ChatTTS</div>
<div class="status">暂未部署</div> <div class="status" id="chatttsStatus">检测中...</div>
</div> </div>
</div> </div>
<div class="voice-select" id="voiceSelect" style="display: none;"> <div class="voice-select" id="voiceSelect" style="display: none;">
@@ -490,13 +490,20 @@
// 更新状态 // 更新状态
data.providers.forEach(p => { data.providers.forEach(p => {
if (p.name === 'edge') { const statusElId = p.name === 'edge' ? 'edgeStatus' :
const statusEl = document.getElementById('edgeStatus'); p.name === 'chattts' ? 'chatttsStatus' : null;
if (statusElId) {
const statusEl = document.getElementById(statusElId);
statusEl.textContent = p.available ? '可用 ✓' : '不可用'; statusEl.textContent = p.available ? '可用 ✓' : '不可用';
const optionEl = ttsOptions.querySelector('[data-provider="edge"]'); const optionEl = ttsOptions.querySelector(`[data-provider="${p.name}"]`);
if (p.available) { if (optionEl) {
optionEl.classList.remove('disabled'); if (p.available) {
optionEl.classList.remove('disabled');
} else {
optionEl.classList.add('disabled');
}
} }
} }
}); });