mirror of
https://github.com/xinnan-tech/xiaozhi-esp32-server.git
synced 2026-07-21 22:53:56 +08:00
Merge pull request #2292 from xinnan-tech/mobile-i18n
updata:移动端添加语言切换功能
This commit is contained in:
hrz
@@ -1,12 +1,16 @@
|
||||
<script setup lang="ts">
|
||||
import { onHide, onLaunch, onShow } from '@dcloudio/uni-app'
|
||||
import { watch, onMounted } from 'vue'
|
||||
import { usePageAuth } from '@/hooks/usePageAuth'
|
||||
import { useConfigStore } from '@/store'
|
||||
import { t } from '@/i18n'
|
||||
import { useLangStore } from '@/store/lang'
|
||||
import 'abortcontroller-polyfill/dist/abortcontroller-polyfill-only'
|
||||
|
||||
usePageAuth()
|
||||
|
||||
const configStore = useConfigStore()
|
||||
const langStore = useLangStore()
|
||||
|
||||
onLaunch(() => {
|
||||
console.log('App Launch')
|
||||
@@ -17,7 +21,58 @@ onLaunch(() => {
|
||||
})
|
||||
onShow(() => {
|
||||
console.log('App Show')
|
||||
// 使用setTimeout延迟执行，确保tabBar已经初始化
|
||||
setTimeout(() => {
|
||||
updateTabBarText()
|
||||
}, 100)
|
||||
})
|
||||
|
||||
// 动态更新tabBar文本
|
||||
function updateTabBarText() {
|
||||
try {
|
||||
// 设置首页tabBar文本
|
||||
uni.setTabBarItem({
|
||||
index: 0,
|
||||
text: t('tabBar.home'),
|
||||
success: () => {},
|
||||
fail: (err) => {
|
||||
console.log('设置首页tabBar文本失败:', err)
|
||||
}
|
||||
})
|
||||
|
||||
// 设置配网tabBar文本
|
||||
uni.setTabBarItem({
|
||||
index: 1,
|
||||
text: t('tabBar.deviceConfig'),
|
||||
success: () => {},
|
||||
fail: (err) => {
|
||||
console.log('设置配网tabBar文本失败:', err)
|
||||
}
|
||||
})
|
||||
|
||||
// 设置系统tabBar文本
|
||||
uni.setTabBarItem({
|
||||
index: 2,
|
||||
text: t('tabBar.settings'),
|
||||
success: () => {},
|
||||
fail: (err) => {
|
||||
console.log('设置系统tabBar文本失败:', err)
|
||||
}
|
||||
})
|
||||
} catch (error) {
|
||||
console.log('更新tabBar文本时出错:', error)
|
||||
}
|
||||
}
|
||||
// 监听语言切换事件
|
||||
onMounted(() => {
|
||||
// 监听语言变化，当语言改变时自动更新tabBar文本
|
||||
watch(() => langStore.currentLang, () => {
|
||||
console.log('语言已切换，更新tabBar文本')
|
||||
// 语言切换后立即更新tabBar文本
|
||||
updateTabBarText()
|
||||
})
|
||||
})
|
||||
|
||||
onHide(() => {
|
||||
console.log('App Hide')
|
||||
})
|
||||
|
||||
@@ -0,0 +1,407 @@
|
||||
// English language pack
|
||||
export default {
|
||||
// TabBar
|
||||
'tabBar.home': 'Home',
|
||||
'tabBar.deviceConfig': 'Network Config',
|
||||
'tabBar.settings': 'System',
|
||||
// Settings page title
|
||||
'settings.title': 'Settings',
|
||||
// Login page
|
||||
'login.pageTitle': 'Login',
|
||||
'login.navigationTitle': 'Login',
|
||||
'login.fetchConfigError': 'Failed to fetch configuration:',
|
||||
'login.selectLanguage': 'Select Language',
|
||||
'login.welcomeBack': 'Welcome Back',
|
||||
'login.pleaseLogin': 'Please log in to your account',
|
||||
'login.enterUsername': 'Please enter username',
|
||||
'login.enterPassword': 'Please enter password',
|
||||
'login.enterCaptcha': 'Please enter verification code',
|
||||
'login.loginButton': 'Login',
|
||||
'login.loggingIn': 'Logging in...',
|
||||
'login.noAccount': 'did not have an account?',
|
||||
'login.registerNow': 'Register Now',
|
||||
'login.enterPhone': 'Please enter phone number',
|
||||
'login.selectCountry': 'Select Country/Region',
|
||||
'login.confirm': 'Confirm',
|
||||
'login.serverSetting': 'Server Settings',
|
||||
'login.requiredUsername': 'Username cannot be empty',
|
||||
'login.requiredPassword': 'Password cannot be empty',
|
||||
'login.requiredCaptcha': 'Verification code cannot be empty',
|
||||
'login.requiredMobile': 'Please enter a valid phone number',
|
||||
'login.captchaError': 'Graphic verification code error',
|
||||
|
||||
// Register page
|
||||
'register.pageTitle': 'Register',
|
||||
'register.createAccount': 'Create Account',
|
||||
'register.enterUsername': 'Please enter username',
|
||||
'register.enterPassword': 'Please enter password',
|
||||
'register.confirmPassword': 'Please confirm password',
|
||||
'register.enterPhone': 'Please enter phone number',
|
||||
'register.enterCode': 'Please enter verification code',
|
||||
'register.getCode': 'Get Code',
|
||||
'register.agreeTerms': 'I have read and agree to the',
|
||||
'register.terms': 'User Agreement',
|
||||
'register.privacy': 'Privacy Policy',
|
||||
'register.registerButton': 'Register',
|
||||
'register.registering': 'Registering...',
|
||||
'register.haveAccount': 'Already have an account?',
|
||||
'register.loginNow': 'Login Now',
|
||||
'register.selectCountry': 'Select Country/Region',
|
||||
'register.confirm': 'Confirm',
|
||||
|
||||
// Home page
|
||||
'home.pageTitle': 'Home',
|
||||
'home.createAgent': 'Create Agent',
|
||||
'home.agentName': 'Agent',
|
||||
'home.modelInfo': 'Model Info',
|
||||
'home.lastActive': 'Last Active',
|
||||
'home.greeting': 'Hi Jarvis',
|
||||
'home.subtitle': 'Let\'s have',
|
||||
'home.wonderfulDay': 'a wonderful day!',
|
||||
'home.emptyState': 'No agents available',
|
||||
'home.deviceManagement': 'Device Management',
|
||||
'home.lastConversation': 'Last Conversation:',
|
||||
'home.delete': 'Delete',
|
||||
'home.createFirstAgent': 'Click the + button in the lower right corner to create your first agent',
|
||||
'home.dialogTitle': 'Create Agent',
|
||||
'home.inputPlaceholder': 'e.g. Customer Service Assistant, Voice Assistant, Knowledge Q&A',
|
||||
'home.createNow': 'Create Now',
|
||||
'home.justNow': 'Just now',
|
||||
'home.minutesAgo': 'minutes ago',
|
||||
'home.hoursAgo': 'hours ago',
|
||||
'home.daysAgo': 'days ago',
|
||||
|
||||
// Agent page
|
||||
'agent.pageTitle': 'Agent',
|
||||
'agent.roleConfig': 'Role Configuration',
|
||||
'agent.deviceManagement': 'Device Management',
|
||||
'agent.chatHistory': 'Chat History',
|
||||
'agent.voiceprintManagement': 'Voiceprint Management',
|
||||
'agent.editTitle': 'Edit Agent',
|
||||
'agent.toolsTitle': 'Edit Features',
|
||||
'agent.voiceActivityDetection': 'Voice Activity Detection',
|
||||
'agent.speechRecognition': 'Speech Recognition',
|
||||
'agent.largeLanguageModel': 'Large Language Model',
|
||||
'agent.save': 'Save',
|
||||
'agent.cancel': 'Cancel',
|
||||
// Agent Edit Page
|
||||
'agent.basicInfo': 'Basic Information',
|
||||
'agent.agentName': 'Agent Name',
|
||||
'agent.inputAgentName': 'Please input agent name',
|
||||
'agent.roleMode': 'Role Mode',
|
||||
'agent.roleDescription': 'Role Description',
|
||||
'agent.inputRoleDescription': 'Please input role description',
|
||||
'agent.modelConfig': 'Model Configuration',
|
||||
'agent.vad': 'Voice Activity Detection',
|
||||
'agent.asr': 'Speech Recognition',
|
||||
'agent.llm': 'Large Language Model',
|
||||
'agent.vllm': 'Vision Language Model',
|
||||
'agent.intent': 'Intent Recognition',
|
||||
'agent.memory': 'Memory',
|
||||
'agent.voiceSettings': 'Voice Settings',
|
||||
'agent.tts': 'Text-to-Speech',
|
||||
'agent.voiceprint': 'Agent Voice',
|
||||
'agent.plugins': 'Plugins',
|
||||
'agent.editFunctions': 'Edit Functions',
|
||||
'agent.historyMemory': 'History Memory',
|
||||
'agent.memoryContent': 'Memory content',
|
||||
'agent.saving': 'Saving...',
|
||||
'agent.saveSuccess': 'Save successful',
|
||||
'agent.saveFail': 'Save failed',
|
||||
'agent.loadFail': 'Load failed',
|
||||
'agent.pleaseInputAgentName': 'Please input agent name',
|
||||
'agent.pleaseInputRoleDescription': 'Please input role description',
|
||||
'agent.pleaseSelect': 'Please select',
|
||||
|
||||
// Chat History Page
|
||||
'chatHistory.getChatSessions': 'Get chat session list',
|
||||
'chatHistory.noSelectedAgent': 'No agent selected',
|
||||
'chatHistory.getChatSessionsFailed': 'Failed to get chat session list:',
|
||||
'chatHistory.unknownTime': 'Unknown time',
|
||||
'chatHistory.justNow': 'Just now',
|
||||
'chatHistory.minutesAgo': '{minutes} minutes ago',
|
||||
'chatHistory.hoursAgo': '{hours} hours ago',
|
||||
'chatHistory.daysAgo': '{days} days ago',
|
||||
'chatHistory.conversationRecord': 'Conversation Record',
|
||||
'chatHistory.totalChats': '{count} chats in total',
|
||||
'chatHistory.loading': 'Loading...',
|
||||
'chatHistory.noMoreData': 'No more data',
|
||||
'chatHistory.noChatRecords': 'No chat records',
|
||||
'chatRecordsDescription': 'Conversation records with agents will be displayed here',
|
||||
// Chat History Detail Page
|
||||
'chatHistory.pageTitle': 'Chat Detail',
|
||||
'chatHistory.assistantName': 'Intelligent Assistant',
|
||||
'chatHistory.userName': 'User',
|
||||
'chatHistory.aiAssistantName': 'AI Assistant',
|
||||
'chatHistory.loadFailed': 'Failed to load chat history',
|
||||
'chatHistory.parameterError': 'Page parameter error',
|
||||
'chatHistory.invalidAudioId': 'Invalid audio ID',
|
||||
'chatHistory.audioPlayFailed': 'Audio playback failed',
|
||||
'chatHistory.playAudioFailed': 'Failed to play audio',
|
||||
|
||||
// Device management page
|
||||
'device.pageTitle': 'Device Management',
|
||||
'device.noDevices': 'No devices available',
|
||||
'device.macAddress': 'MAC Address',
|
||||
'device.firmwareVersion': 'Firmware Version',
|
||||
'device.lastConnected': 'Last Conversation',
|
||||
'device.otaUpdate': 'OTA Update',
|
||||
'device.unbind': 'Unbind',
|
||||
'device.confirmUnbind': 'Sure',
|
||||
'device.bindDevice': 'Bind New Device',
|
||||
'device.deviceType': 'Device Type',
|
||||
'device.loading': 'Loading...',
|
||||
'device.neverConnected': 'Never connected',
|
||||
'device.justNow': 'Just now',
|
||||
'device.minutesAgo': '{minutes} minutes ago',
|
||||
'device.hoursAgo': '{hours} hours ago',
|
||||
'device.daysAgo': '{days} days ago',
|
||||
'device.otaAutoUpdateEnabled': 'OTA auto update enabled',
|
||||
'device.otaAutoUpdateDisabled': 'OTA auto update disabled',
|
||||
'device.operationFailed': 'Operation failed, please retry',
|
||||
'device.deviceUnbound': 'Device unbound',
|
||||
'device.unbindFailed': 'Unbind failed, please retry',
|
||||
'device.unbindDevice': 'Unbind Device',
|
||||
'device.confirmUnbindDevice': 'Are you sure you want to unbind device "{macAddress}"?',
|
||||
'device.cancel': 'Cancel',
|
||||
'device.noDevice': 'No Device',
|
||||
'device.pleaseSelectAgent': 'Please select an agent first',
|
||||
'device.deviceBindSuccess': 'Device bound successfully!',
|
||||
'device.bindFailed': 'Bind failed, please check if the verification code is correct',
|
||||
'device.enterDeviceCode': 'Please enter device verification code',
|
||||
'device.bindNow': 'Bind Now',
|
||||
'device.lastConnection': 'Last Connection',
|
||||
'device.clickToBindFirstDevice': 'Click the + button in the lower right corner to bind your first device',
|
||||
|
||||
// Common
|
||||
'common.success': 'Success',
|
||||
'common.fail': 'Failed',
|
||||
'common.loading': 'Loading...',
|
||||
'common.confirm': 'Confirm',
|
||||
'common.cancel': 'Cancel',
|
||||
'common.delete': 'Delete',
|
||||
'common.edit': 'Edit',
|
||||
'common.add': 'Add',
|
||||
'common.pleaseSelect': 'Please select',
|
||||
'common.unknownError': 'Unknown error',
|
||||
'common.networkError': 'Network error',
|
||||
|
||||
// Voiceprint page
|
||||
'voiceprint.noSelectedAgent': 'No agent selected',
|
||||
'voiceprint.pleaseSelectAgent': 'Please select an agent first',
|
||||
'voiceprint.fetchHistoryFailed': 'Failed to fetch chat history',
|
||||
'voiceprint.clickToSelectVector': 'Click to select voiceprint vector',
|
||||
'voiceprint.pleaseInputName': 'Please input name',
|
||||
'voiceprint.pleaseSelectVector': 'Please select voiceprint vector',
|
||||
'voiceprint.addSuccess': 'Add success',
|
||||
'voiceprint.addFailed': 'Failed to add speaker',
|
||||
'voiceprint.editSuccess': 'Edit success',
|
||||
'voiceprint.editFailed': 'Failed to edit speaker',
|
||||
'voiceprint.deleteConfirmMsg': 'Are you sure to delete this speaker?',
|
||||
'voiceprint.deleteConfirmTitle': 'Confirm Delete',
|
||||
'voiceprint.deleteSuccess': 'Delete success',
|
||||
'voiceprint.loading': 'Loading...',
|
||||
'voiceprint.delete': 'Delete',
|
||||
'voiceprint.emptyTitle': 'No voiceprint data',
|
||||
'voiceprint.emptyDesc': 'Click the + button at the bottom right to add your first speaker',
|
||||
'voiceprint.addSpeaker': 'Add Speaker',
|
||||
'voiceprint.voiceVector': 'Voiceprint Vector',
|
||||
'voiceprint.name': 'Name',
|
||||
'voiceprint.description': 'Description',
|
||||
'voiceprint.pleaseInputDescription': 'Please input description',
|
||||
'voiceprint.cancel': 'Cancel',
|
||||
'voiceprint.save': 'Save',
|
||||
'voiceprint.editSpeaker': 'Edit Speaker',
|
||||
'voiceprint.selectVector': 'Select Voiceprint Vector',
|
||||
'voiceprint.voiceprintInterfaceNotConfigured': 'Voiceprint interface not configured',
|
||||
|
||||
// Settings page
|
||||
'settings.pageTitle': 'Settings',
|
||||
'settings.navigationTitle': 'Settings',
|
||||
'settings.networkSettings': 'Network Settings',
|
||||
'settings.serverApiUrl': 'Server API URL',
|
||||
'settings.validServerUrl': 'Please enter a valid server address (starting with http or https and ending with /xiaozhi)',
|
||||
'settings.saveSettings': 'Save Settings',
|
||||
'settings.resetDefault': 'Reset Default',
|
||||
'settings.restartApp': 'Restart App',
|
||||
'settings.restartNow': 'Restart Now',
|
||||
'settings.restartLater': 'Later',
|
||||
// About us
|
||||
'settings.aboutApp': 'About XiaoZhi Console',
|
||||
'settings.aboutContent': 'XiaoZhi Console\n\nA cross-platform mobile management app built with Vue.js 3 + uni-app, providing device management, agent configuration and other functions for xiaozhi ESP32 smart hardware.\n\n© 2025 xiaozhi-esp32-server 0.8.3',
|
||||
'settings.restartSuccess': 'Saved, you can manually restart the app later',
|
||||
'settings.serverUrlSavedAndCacheCleared': 'Server URL saved and cache cleared',
|
||||
'settings.resetToDefaultAndCacheCleared': 'Reset to default and cache cleared',
|
||||
'settings.resetSuccess': 'Reset successful',
|
||||
'settings.enterServerUrl': 'Please enter server URL',
|
||||
'settings.clearCacheFailed': 'Failed to clear cache',
|
||||
'settings.cacheManagement': 'Cache Management',
|
||||
'settings.totalCacheSize': 'Total Cache Size',
|
||||
'settings.appDataSize': 'Total App Data Size',
|
||||
'settings.cacheClear': 'Cache Clear',
|
||||
'settings.clearAllCache': 'Clear all cache data',
|
||||
'settings.clearCache': 'Clear Cache',
|
||||
'settings.modifyWillClearCache': 'Modifications will clear cache',
|
||||
'settings.appInfo': 'App Info',
|
||||
'settings.aboutUs': 'About Us',
|
||||
'settings.appVersion': 'App Version & Team Info',
|
||||
'settings.confirmClear': 'Confirm Clear',
|
||||
'settings.confirmClearMessage': 'Are you sure you want to clear all cache? This will delete all data including login status and require re-login.',
|
||||
'settings.cacheCleared': 'Cache cleared successfully, redirecting to login page',
|
||||
'settings.languageSettings': 'Language Settings',
|
||||
'settings.language': 'Language',
|
||||
'settings.selectLanguage': 'Select Language',
|
||||
'settings.languageChanged': 'Language changed successfully',
|
||||
|
||||
// Messages
|
||||
'message.loginSuccess': 'Login successful!',
|
||||
'message.loginFail': 'Login failed',
|
||||
'message.registerSuccess': 'Registration successful',
|
||||
'message.registerFail': 'Registration failed',
|
||||
'message.saveSuccess': 'Save successful',
|
||||
'message.saveFail': 'Save failed',
|
||||
'message.deleteSuccess': 'Delete successful',
|
||||
'message.deleteFail': 'Delete failed',
|
||||
'message.bindSuccess': 'Binding successful',
|
||||
'message.bindFail': 'Binding failed',
|
||||
'message.unbindSuccess': 'Unbinding successful',
|
||||
'message.unbindFail': 'Unbinding failed',
|
||||
'message.networkError': 'Network error, please check your connection',
|
||||
'message.serverError': 'Server error, please try again later',
|
||||
'message.invalidAddress': 'Invalid address, please check if the server is started or network connection is normal',
|
||||
'message.languageChanged': 'Language changed',
|
||||
'message.passwordError': 'Account or password error',
|
||||
'message.phoneRegistered': 'This phone number has been registered',
|
||||
|
||||
// Agent Tools Page
|
||||
'agent.tools.pageTitle': 'Agent Tools',
|
||||
'agent.tools.unselected': 'Unselected',
|
||||
'agent.tools.selected': 'Selected',
|
||||
'agent.tools.noMorePlugins': 'No more plugins',
|
||||
'agent.tools.pleaseSelectPlugin': 'Please select plugin function',
|
||||
'agent.tools.builtInPlugins': 'Built-in Plugins',
|
||||
'agent.tools.mcpAccessPoint': 'MCP Access Point',
|
||||
'agent.tools.copy': 'Copy',
|
||||
'agent.tools.noTools': 'No tools available',
|
||||
'agent.tools.parameterConfig': 'Parameter Configuration',
|
||||
'agent.tools.noParamsNeeded': 'No parameters needed',
|
||||
'agent.tools.pleaseInput': 'Please input',
|
||||
'agent.tools.inputOneItemPerLine': 'Input one item per line',
|
||||
'agent.tools.pleaseInputValidJson': 'Please input valid JSON format',
|
||||
'agent.tools.enableFunction': 'Enable Function',
|
||||
'agent.tools.toggleFunction': 'Turn on or off this function',
|
||||
'agent.tools.jsonFormatError': 'JSON format error',
|
||||
'agent.tools.noMcpAddressToCopy': 'No MCP address to copy',
|
||||
'agent.tools.mcpAddressCopied': 'MCP address copied to clipboard',
|
||||
'agent.tools.copyFailed': 'Copy failed, please try again',
|
||||
'agent.tools.defaultValue': 'Default value',
|
||||
'agent.tools.notSelected': 'Unselected',
|
||||
'agent.tools.clickToConfigure': 'Click to configure',
|
||||
'agent.tools.mcpEndpoint': 'MCP Endpoint',
|
||||
'agent.tools.eachLineOneItem': 'Input one item per line',
|
||||
|
||||
// Device Config page
|
||||
'deviceConfig.pageTitle': 'Device Configuration',
|
||||
'deviceConfig.wifiConfig': 'WiFi Configuration',
|
||||
'deviceConfig.ultrasonicConfig': 'Ultrasonic Configuration',
|
||||
'deviceConfig.selectConfigMethod': 'Select Configuration Method',
|
||||
'deviceConfig.networkConfig': 'Network Configuration',
|
||||
'deviceConfig.selectedNetwork': 'Selected Network',
|
||||
'deviceConfig.signal': 'Signal',
|
||||
'deviceConfig.openNetwork': 'Open Network',
|
||||
'deviceConfig.encryptedNetwork': 'Encrypted Network',
|
||||
'deviceConfig.password': 'Password',
|
||||
'deviceConfig.pleaseEnterPassword': 'Please enter WiFi password',
|
||||
'deviceConfig.startConfig': 'Start Configuration',
|
||||
'deviceConfig.connectToXiaozhiHotspot': 'Please connect to xiaozhi hotspot first',
|
||||
'deviceConfig.detecting': 'Detecting...',
|
||||
'deviceConfig.reDetect': 'Re-detect',
|
||||
'deviceConfig.alreadyConnected': 'Connected to xiaozhi hotspot',
|
||||
'deviceConfig.refreshStatus': 'Refresh Status',
|
||||
'deviceConfig.wifiNetworks': 'WiFi Networks',
|
||||
'deviceConfig.selectWifiNetwork': 'Select WiFi Network',
|
||||
'deviceConfig.refreshScan': 'Refresh Scan',
|
||||
'deviceConfig.noWifiNetworks': 'No WiFi networks available',
|
||||
'deviceConfig.clickToRefreshScan': 'Please click Refresh Scan',
|
||||
'deviceConfig.signalStrong': 'Strong Signal',
|
||||
'deviceConfig.signalGood': 'Good Signal',
|
||||
'deviceConfig.signalFair': 'Fair Signal',
|
||||
'deviceConfig.signalWeak': 'Weak Signal',
|
||||
'deviceConfig.channel': 'Channel',
|
||||
'deviceConfig.about': 'about',
|
||||
'deviceConfig.seconds': 'seconds',
|
||||
'deviceConfig.generating': 'Generating...',
|
||||
'deviceConfig.playing': 'Playing...',
|
||||
'deviceConfig.generateAndPlaySoundWave': 'Generate and Play Sound Wave',
|
||||
'deviceConfig.playSoundWave': 'Play Sound Wave',
|
||||
'deviceConfig.stopPlaying': 'Stop Playing',
|
||||
'deviceConfig.autoLoopPlaySoundWave': 'Auto Loop Play Sound Wave',
|
||||
'deviceConfig.configAudioFile': 'Configuration Audio File',
|
||||
'deviceConfig.duration': 'Duration',
|
||||
'deviceConfig.ultrasonicConfigInstructions': 'Ultrasonic Configuration Instructions',
|
||||
'deviceConfig.ensureWifiNetworkSelectedAndPasswordEntered': 'Ensure WiFi network is selected and password is entered',
|
||||
'deviceConfig.clickGenerateAndPlaySoundWave': 'Click Generate and Play Sound Wave, the system will encode configuration information into audio',
|
||||
'deviceConfig.bringPhoneCloseToXiaozhiDevice': 'Bring phone close to xiaozhi device (1-2 meters distance)',
|
||||
'deviceConfig.duringAudioPlaybackXiaozhiWillReceive': 'During audio playback, xiaozhi will receive and decode configuration information',
|
||||
'deviceConfig.afterConfigSuccessDeviceWillConnect': 'After successful configuration, the device will automatically connect to WiFi network',
|
||||
'deviceConfig.usesAfskModulation': 'Uses AFSK modulation technology, transmitting data through 1800Hz and 1500Hz frequencies',
|
||||
'deviceConfig.ensureModeratePhoneVolume': 'Please ensure phone volume is moderate to avoid environmental noise interference',
|
||||
'deviceConfig.generatingUltrasonicConfigAudio': 'Generating ultrasonic configuration audio',
|
||||
'deviceConfig.configData': 'Configuration data',
|
||||
'deviceConfig.dataBytesLength': 'Data bytes length',
|
||||
'deviceConfig.bitStreamLength': 'Bit stream length',
|
||||
'deviceConfig.base64Length': 'Base64 length',
|
||||
'deviceConfig.audioFileTooLarge': 'Audio file too large, please shorten SSID or password length',
|
||||
'deviceConfig.audioGenerationSuccess': 'Audio generation successful',
|
||||
'deviceConfig.samplePoints': 'Sample points',
|
||||
'deviceConfig.soundWaveGenerationSuccess': 'Sound wave generation successful',
|
||||
'deviceConfig.audioGenerationFailed': 'Audio generation failed',
|
||||
'deviceConfig.soundWaveGenerationFailed': 'Sound wave generation failed',
|
||||
'deviceConfig.pleaseGenerateAudioFirst': 'Please generate audio first',
|
||||
'deviceConfig.startPlayingUltrasonicConfigAudio': 'Starting to play ultrasonic configuration audio',
|
||||
'deviceConfig.ultrasonicAudioStartedPlaying': 'Ultrasonic audio started playing',
|
||||
'deviceConfig.startPlayingConfigSoundWave': 'Started playing configuration sound wave',
|
||||
'deviceConfig.ultrasonicAudioPlaybackEnded': 'Ultrasonic audio playback ended',
|
||||
'deviceConfig.audioPlaybackFailed': 'Audio playback failed',
|
||||
'deviceConfig.audioResourceBusy': 'Audio resource busy, please try again later',
|
||||
'deviceConfig.audioFormatNotSupported': 'Audio format not supported, may be a data URI issue',
|
||||
'deviceConfig.audioFileError': 'Audio file error',
|
||||
'deviceConfig.cleaningUpAudioContext': 'Cleaning up audio context',
|
||||
'deviceConfig.cleaningUpAudioContextFailed': 'Failed to clean up audio context',
|
||||
'deviceConfig.stoppedPlayingUltrasonicAudio': 'Stopped playing ultrasonic audio',
|
||||
'deviceConfig.stoppedPlaying': 'Stopped playing',
|
||||
'deviceConfig.configMethod': 'Configuration Method',
|
||||
'deviceConfig.enterWifiPassword': 'Please enter WiFi password',
|
||||
'deviceConfig.xiaozhi': 'xiaozhi',
|
||||
'deviceConfig.connectXiaozhiHotspot': 'Please connect to xiaozhi hotspot',
|
||||
'deviceConfig.wifiScanResponse': 'WiFi scan response',
|
||||
'deviceConfig.scanSuccess': 'Scan successful',
|
||||
'deviceConfig.networks': 'networks',
|
||||
'deviceConfig.wifiScanFailed': 'WiFi scan failed',
|
||||
'deviceConfig.scanFailedCheckConnection': 'Scan failed, please check connection',
|
||||
'deviceConfig.checking': 'Checking',
|
||||
'deviceConfig.reCheck': 'Re-check',
|
||||
'deviceConfig.connectedXiaozhiHotspot': 'Connected to xiaozhi hotspot',
|
||||
'deviceConfig.wifiNetwork': 'WiFi Network',
|
||||
'deviceConfig.scanning': 'Scanning',
|
||||
'deviceConfig.cancel': 'Cancel',
|
||||
'deviceConfig.clickRefreshScan': 'Please click Refresh Scan',
|
||||
'deviceConfig.esp32ConnectionCheckFailed': 'ESP32 connection check failed',
|
||||
'deviceConfig.startWifiConfig': 'Starting WiFi configuration',
|
||||
'deviceConfig.configSuccess': 'Configuration successful',
|
||||
'deviceConfig.deviceWillConnectTo': 'Device will connect to',
|
||||
'deviceConfig.deviceWillRestart': 'Device will restart',
|
||||
'deviceConfig.pleaseDisconnectXiaozhiHotspot': 'Please disconnect from xiaozhi hotspot',
|
||||
'deviceConfig.configFailed': 'Configuration failed',
|
||||
'deviceConfig.wifiConfigFailed': 'WiFi configuration failed',
|
||||
'deviceConfig.pleaseCheckNetworkConnection': 'Please check network connection',
|
||||
'deviceConfig.startWifiConfigButton': 'Start Configuration',
|
||||
'deviceConfig.wifiConfigInstructions': 'WiFi Configuration Instructions',
|
||||
'deviceConfig.phoneConnectXiaozhiHotspot': 'Phone connect to xiaozhi hotspot',
|
||||
'deviceConfig.selectTargetWifiNetwork': 'Select target WiFi network',
|
||||
'deviceConfig.enterWifiPasswordIfNeeded': 'Enter WiFi password if needed',
|
||||
'deviceConfig.clickStartConfigAndWait': 'Click Start Configuration and wait',
|
||||
'deviceConfig.afterConfigSuccessDeviceWillRestart': 'After successful configuration, device will automatically restart',
|
||||
'deviceConfig.audioPlaybackError': 'Audio playback error',
|
||||
'deviceConfig.playbackFailed': 'Playback failed',
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
import { ref } from 'vue'
|
||||
import { useLangStore } from '@/store/lang'
|
||||
import type { Language } from '@/store/lang'
|
||||
|
||||
// 导入各个语言的翻译文件
|
||||
import zhCN from './zh_CN'
|
||||
import en from './en'
|
||||
import zhTW from './zh_TW'
|
||||
|
||||
// 语言包映射
|
||||
const messages = {
|
||||
zh_CN: zhCN,
|
||||
en,
|
||||
zh_TW: zhTW,
|
||||
}
|
||||
|
||||
// 当前使用的语言
|
||||
const currentLang = ref<Language>('zh_CN')
|
||||
|
||||
// 初始化语言
|
||||
export function initI18n() {
|
||||
const langStore = useLangStore()
|
||||
currentLang.value = langStore.currentLang
|
||||
}
|
||||
|
||||
// 切换语言
|
||||
export function changeLanguage(lang: Language) {
|
||||
currentLang.value = lang
|
||||
const langStore = useLangStore()
|
||||
langStore.changeLang(lang)
|
||||
}
|
||||
|
||||
// 获取翻译文本
|
||||
export function t(key: string, params?: Record<string, string | number>): string {
|
||||
const langMessages = messages[currentLang.value]
|
||||
|
||||
// 直接查找扁平键名
|
||||
if (langMessages && typeof langMessages === 'object' && key in langMessages) {
|
||||
let value = langMessages[key]
|
||||
if (typeof value === 'string') {
|
||||
// 处理参数替换
|
||||
if (params) {
|
||||
let result = value
|
||||
Object.entries(params).forEach(([paramKey, paramValue]) => {
|
||||
const regex = new RegExp(`\{${paramKey}\}`, 'g')
|
||||
result = result.replace(regex, String(paramValue))
|
||||
})
|
||||
return result
|
||||
}
|
||||
return value
|
||||
}
|
||||
return key
|
||||
}
|
||||
|
||||
return key // 如果找不到对应的翻译，返回key本身
|
||||
}
|
||||
|
||||
// 获取当前语言
|
||||
export function getCurrentLanguage(): Language {
|
||||
return currentLang.value
|
||||
}
|
||||
|
||||
// 获取支持的语言列表
|
||||
export function getSupportedLanguages(): {code: Language, name: string}[] {
|
||||
return [
|
||||
{ code: 'zh_CN', name: '简体中文' },
|
||||
{ code: 'en', name: 'English' },
|
||||
{ code: 'zh_TW', name: '繁體中文' },
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,407 @@
|
||||
// 简体中文语言包
|
||||
export default {
|
||||
// TabBar
|
||||
'tabBar.home': '首页',
|
||||
'tabBar.deviceConfig': '配网',
|
||||
'tabBar.settings': '系统',
|
||||
// 设置页面标题
|
||||
'settings.title': '设置',
|
||||
// 登录页面
|
||||
'login.pageTitle': '登录',
|
||||
'login.navigationTitle': '登录',
|
||||
'login.fetchConfigError': '获取配置失败:',
|
||||
'login.selectLanguage': '选择语言',
|
||||
'login.welcomeBack': '欢迎回来',
|
||||
'login.pleaseLogin': '请登录您的账户',
|
||||
'login.enterUsername': '请输入用户名',
|
||||
'login.enterPassword': '请输入密码',
|
||||
'login.enterCaptcha': '请输入验证码',
|
||||
'login.loginButton': '登录',
|
||||
'login.loggingIn': '登录中...',
|
||||
'login.noAccount': '还没有账户？',
|
||||
'login.registerNow': '立即注册',
|
||||
'login.enterPhone': '请输入手机号码',
|
||||
'login.selectCountry': '选择国家/地区',
|
||||
'login.confirm': '确认',
|
||||
'login.serverSetting': '服务端设置',
|
||||
'login.requiredUsername': '用户名不能为空',
|
||||
'login.requiredPassword': '密码不能为空',
|
||||
'login.requiredCaptcha': '验证码不能为空',
|
||||
'login.requiredMobile': '请输入正确的手机号码',
|
||||
'login.captchaError': '图形验证码错误',
|
||||
|
||||
// 注册页面
|
||||
'register.pageTitle': '注册',
|
||||
'register.createAccount': '创建账户',
|
||||
'register.enterUsername': '请输入用户名',
|
||||
'register.enterPassword': '请输入密码',
|
||||
'register.confirmPassword': '请确认密码',
|
||||
'register.enterPhone': '请输入手机号码',
|
||||
'register.enterCode': '请输入验证码',
|
||||
'register.getCode': '获取验证码',
|
||||
'register.agreeTerms': '我已阅读并同意',
|
||||
'register.terms': '《用户协议》',
|
||||
'register.privacy': '《隐私政策》',
|
||||
'register.registerButton': '注册',
|
||||
'register.registering': '注册中...',
|
||||
'register.haveAccount': '已有账户？',
|
||||
'register.loginNow': '立即登录',
|
||||
'register.selectCountry': '选择国家/地区',
|
||||
'register.confirm': '确认',
|
||||
|
||||
// 首页
|
||||
'home.pageTitle': '首页',
|
||||
'home.createAgent': '创建智能体',
|
||||
'home.agentName': '智能体',
|
||||
'home.modelInfo': '模型信息',
|
||||
'home.lastActive': '最近活跃',
|
||||
'home.greeting': '你好，小智',
|
||||
'home.subtitle': '让我们度过',
|
||||
'home.wonderfulDay': '美好的一天！',
|
||||
'home.emptyState': '暂无智能体',
|
||||
'home.deviceManagement': '设备管理',
|
||||
'home.lastConversation': '最近对话：',
|
||||
'home.delete': '删除',
|
||||
'home.createFirstAgent': '点击右下角 + 号创建您的第一个智能体',
|
||||
'home.dialogTitle': '创建智能体',
|
||||
'home.inputPlaceholder': '例如：客服助手、语音助理、知识问答',
|
||||
'home.createNow': '立即创建',
|
||||
'home.justNow': '刚刚',
|
||||
'home.minutesAgo': '分钟前',
|
||||
'home.hoursAgo': '小时前',
|
||||
'home.daysAgo': '天前',
|
||||
|
||||
// Agent页面
|
||||
'agent.pageTitle': '智能体',
|
||||
'agent.roleConfig': '角色配置',
|
||||
'agent.deviceManagement': '设备管理',
|
||||
'agent.chatHistory': '聊天记录',
|
||||
'agent.voiceprintManagement': '声纹管理',
|
||||
'agent.editTitle': '编辑智能体',
|
||||
'agent.toolsTitle': '编辑功能',
|
||||
'agent.voiceActivityDetection': '语音活动检测',
|
||||
'agent.speechRecognition': '语音识别',
|
||||
'agent.largeLanguageModel': '大语言模型',
|
||||
'agent.save': '保存',
|
||||
'agent.cancel': '取消',
|
||||
// Agent编辑页面
|
||||
'agent.basicInfo': '基础信息',
|
||||
'agent.agentName': '助手昵称',
|
||||
'agent.inputAgentName': '请输入助手昵称',
|
||||
'agent.roleMode': '角色模式',
|
||||
'agent.roleDescription': '角色介绍',
|
||||
'agent.inputRoleDescription': '请输入角色介绍',
|
||||
'agent.modelConfig': '模型配置',
|
||||
'agent.vad': '语音活动检测',
|
||||
'agent.asr': '语音识别',
|
||||
'agent.llm': '大语言模型',
|
||||
'agent.vllm': '视觉大模型',
|
||||
'agent.intent': '意图识别',
|
||||
'agent.memory': '记忆',
|
||||
'agent.voiceSettings': '语音设置',
|
||||
'agent.tts': '语音合成',
|
||||
'agent.voiceprint': '角色音色',
|
||||
'agent.plugins': '插件',
|
||||
'agent.editFunctions': '编辑功能',
|
||||
'agent.historyMemory': '历史记忆',
|
||||
'agent.memoryContent': '记忆内容',
|
||||
'agent.saving': '保存中...',
|
||||
'agent.saveSuccess': '保存成功',
|
||||
'agent.saveFail': '保存失败',
|
||||
'agent.loadFail': '加载失败',
|
||||
'agent.pleaseInputAgentName': '请输入智能体名称',
|
||||
'agent.pleaseInputRoleDescription': '请输入角色介绍',
|
||||
'agent.pleaseSelect': '请选择',
|
||||
|
||||
// 聊天历史页面
|
||||
'chatHistory.getChatSessions': '获取聊天会话列表',
|
||||
'chatHistory.noSelectedAgent': '没有选中的智能体',
|
||||
'chatHistory.getChatSessionsFailed': '获取聊天会话列表失败:',
|
||||
'chatHistory.unknownTime': '未知时间',
|
||||
'chatHistory.justNow': '刚刚',
|
||||
'chatHistory.minutesAgo': '{minutes}分钟前',
|
||||
'chatHistory.hoursAgo': '{hours}小时前',
|
||||
'chatHistory.daysAgo': '{days}天前',
|
||||
'chatHistory.conversationRecord': '对话记录',
|
||||
'chatHistory.totalChats': '共 {count} 条对话',
|
||||
'chatHistory.loading': '加载中...',
|
||||
'chatHistory.noMoreData': '没有更多数据了',
|
||||
'chatHistory.noChatRecords': '暂无聊天记录',
|
||||
'chatHistory.chatRecordsDescription': '与智能体的对话记录会显示在这里',
|
||||
// 聊天详情页面
|
||||
'chatHistory.pageTitle': '聊天详情',
|
||||
'chatHistory.assistantName': '智能助手',
|
||||
'chatHistory.userName': '用户',
|
||||
'chatHistory.aiAssistantName': 'AI助手',
|
||||
'chatHistory.loadFailed': '获取聊天记录失败',
|
||||
'chatHistory.parameterError': '页面参数错误',
|
||||
'chatHistory.invalidAudioId': '音频ID无效',
|
||||
'chatHistory.audioPlayFailed': '音频播放失败',
|
||||
'chatHistory.playAudioFailed': '播放音频失败',
|
||||
|
||||
// 设备管理页面
|
||||
'device.pageTitle': '设备管理',
|
||||
'device.noDevices': '暂无设备',
|
||||
'device.macAddress': 'MAC地址',
|
||||
'device.firmwareVersion': '固件版本',
|
||||
'device.lastConnected': '最近对话',
|
||||
'device.otaUpdate': 'OTA升级',
|
||||
'device.unbind': '解绑',
|
||||
'device.confirmUnbind': '确定要解绑设备',
|
||||
'device.bindDevice': '绑定新设备',
|
||||
'device.deviceType': '设备类型',
|
||||
'device.loading': '加载中...',
|
||||
'device.neverConnected': '从未连接',
|
||||
'device.justNow': '刚刚',
|
||||
'device.minutesAgo': '{minutes}分钟前',
|
||||
'device.hoursAgo': '{hours}小时前',
|
||||
'device.daysAgo': '{days}天前',
|
||||
'device.otaAutoUpdateEnabled': 'OTA自动升级已开启',
|
||||
'device.otaAutoUpdateDisabled': 'OTA自动升级已关闭',
|
||||
'device.operationFailed': '操作失败，请重试',
|
||||
'device.deviceUnbound': '设备已解绑',
|
||||
'device.unbindFailed': '解绑失败，请重试',
|
||||
'device.unbindDevice': '解绑设备',
|
||||
'device.confirmUnbindDevice': '确定要解绑设备 "{macAddress}" 吗？',
|
||||
'device.cancel': '取消',
|
||||
'device.noDevice': '暂无设备',
|
||||
'device.pleaseSelectAgent': '请先选择智能体',
|
||||
'device.deviceBindSuccess': '设备绑定成功！',
|
||||
'device.bindFailed': '绑定失败，请检查验证码是否正确',
|
||||
'device.enterDeviceCode': '请输入设备验证码',
|
||||
'device.bindNow': '立即绑定',
|
||||
'device.lastConnection': '最近对话',
|
||||
'device.clickToBindFirstDevice': '点击右下角 + 号绑定您的第一个设备',
|
||||
|
||||
// 通用
|
||||
'common.success': '成功',
|
||||
'common.fail': '失败',
|
||||
'common.loading': '加载中...',
|
||||
'common.confirm': '确认',
|
||||
'common.cancel': '取消',
|
||||
'common.delete': '删除',
|
||||
'common.edit': '编辑',
|
||||
'common.add': '添加',
|
||||
'common.pleaseSelect': '请选择',
|
||||
'common.unknownError': '未知错误',
|
||||
'common.networkError': '网络错误',
|
||||
|
||||
// Voiceprint page
|
||||
'voiceprint.noSelectedAgent': '没有选中的智能体',
|
||||
'voiceprint.pleaseSelectAgent': '请先选择智能体',
|
||||
'voiceprint.fetchHistoryFailed': '获取对话记录失败',
|
||||
'voiceprint.clickToSelectVector': '点击选择声纹向量',
|
||||
'voiceprint.pleaseInputName': '请输入姓名',
|
||||
'voiceprint.pleaseSelectVector': '请选择声纹向量',
|
||||
'voiceprint.addSuccess': '添加成功',
|
||||
'voiceprint.addFailed': '添加说话人失败',
|
||||
'voiceprint.editSuccess': '编辑成功',
|
||||
'voiceprint.editFailed': '编辑说话人失败',
|
||||
'voiceprint.deleteConfirmMsg': '确定要删除这个说话人吗？',
|
||||
'voiceprint.deleteConfirmTitle': '确认删除',
|
||||
'voiceprint.deleteSuccess': '删除成功',
|
||||
'voiceprint.loading': '加载中...',
|
||||
'voiceprint.delete': '删除',
|
||||
'voiceprint.emptyTitle': '暂无声纹数据',
|
||||
'voiceprint.emptyDesc': '点击右下角 + 号添加您的第一个说话人',
|
||||
'voiceprint.addSpeaker': '添加说话人',
|
||||
'voiceprint.voiceVector': '声纹向量',
|
||||
'voiceprint.name': '姓名',
|
||||
'voiceprint.description': '描述',
|
||||
'voiceprint.pleaseInputDescription': '请输入描述',
|
||||
'voiceprint.cancel': '取消',
|
||||
'voiceprint.save': '保存',
|
||||
'voiceprint.editSpeaker': '编辑说话人',
|
||||
'voiceprint.selectVector': '选择声纹向量',
|
||||
'voiceprint.voiceprintInterfaceNotConfigured': '声纹接口未配置',
|
||||
|
||||
// 设置页面
|
||||
'settings.pageTitle': '设置',
|
||||
'settings.navigationTitle': '设置',
|
||||
'settings.networkSettings': '网络设置',
|
||||
'settings.serverApiUrl': '服务端接口地址',
|
||||
'settings.validServerUrl': '请输入有效的服务端地址（以 http 或 https 开头，并以 /xiaozhi 结尾）',
|
||||
'settings.saveSettings': '保存设置',
|
||||
'settings.resetDefault': '恢复默认',
|
||||
'settings.restartApp': '重启应用',
|
||||
'settings.restartNow': '立即重启',
|
||||
'settings.restartLater': '稍后',
|
||||
// 关于我们
|
||||
'settings.aboutApp': '关于小智智控台',
|
||||
'settings.aboutContent': '小智智控台\n\n基于 Vue.js 3 + uni-app 构建的跨平台移动端管理应用，为小智ESP32智能硬件提供设备管理、智能体配置等功能。\n\n© 2025 xiaozhi-esp32-server {version}',
|
||||
'settings.restartSuccess': '已保存，可稍后手动重启应用',
|
||||
'settings.serverUrlSavedAndCacheCleared': '服务端地址已保存，缓存已清除',
|
||||
'settings.resetToDefaultAndCacheCleared': '已恢复默认设置，缓存已清除',
|
||||
'settings.resetSuccess': '重置成功',
|
||||
'settings.enterServerUrl': '请输入服务端地址',
|
||||
'settings.clearCacheFailed': '清除缓存失败',
|
||||
'settings.cacheManagement': '缓存管理',
|
||||
'settings.totalCacheSize': '总缓存大小',
|
||||
'settings.appDataSize': '应用数据总大小',
|
||||
'settings.cacheClear': '缓存清理',
|
||||
'settings.clearAllCache': '清空所有缓存数据',
|
||||
'settings.clearCache': '清除缓存',
|
||||
'settings.modifyWillClearCache': '修改将清除缓存',
|
||||
'settings.appInfo': '应用信息',
|
||||
'settings.aboutUs': '关于我们',
|
||||
'settings.appVersion': '应用版本与团队信息',
|
||||
'settings.confirmClear': '确认清除',
|
||||
'settings.confirmClearMessage': '确定要清除所有缓存吗？这将删除所有数据包括登录状态，需要重新登录。',
|
||||
'settings.cacheCleared': '缓存清除成功，即将跳转到登录页',
|
||||
'settings.languageSettings': '语言设置',
|
||||
'settings.language': '语言',
|
||||
'settings.selectLanguage': '选择语言',
|
||||
'settings.languageChanged': '语言切换成功',
|
||||
|
||||
// 消息提示
|
||||
'message.loginSuccess': '登录成功！',
|
||||
'message.loginFail': '登录失败',
|
||||
'message.registerSuccess': '注册成功',
|
||||
'message.registerFail': '注册失败',
|
||||
'message.saveSuccess': '保存成功',
|
||||
'message.saveFail': '保存失败',
|
||||
'message.deleteSuccess': '删除成功',
|
||||
'message.deleteFail': '删除失败',
|
||||
'message.bindSuccess': '绑定成功',
|
||||
'message.bindFail': '绑定失败',
|
||||
'message.unbindSuccess': '解绑成功',
|
||||
'message.unbindFail': '解绑失败',
|
||||
'message.networkError': '网络错误，请检查网络连接',
|
||||
'message.serverError': '服务器错误，请稍后再试',
|
||||
'message.invalidAddress': '无效地址，请检查服务端是否启动或网络连接是否正常',
|
||||
'message.languageChanged': '语言已切换',
|
||||
'message.passwordError': '账号或密码错误',
|
||||
'message.phoneRegistered': '此手机号码已经注册过',
|
||||
|
||||
// Agent工具页面
|
||||
'agent.tools.pageTitle': 'Agent工具',
|
||||
'agent.tools.unselected': '未选',
|
||||
'agent.tools.selected': '已选',
|
||||
'agent.tools.noMorePlugins': '暂无更多插件',
|
||||
'agent.tools.pleaseSelectPlugin': '请选择插件功能',
|
||||
'agent.tools.builtInPlugins': '内置插件',
|
||||
'agent.tools.mcpAccessPoint': 'mcp接入点',
|
||||
'agent.tools.copy': '复制',
|
||||
'agent.tools.noTools': '暂无工具',
|
||||
'agent.tools.parameterConfig': '参数配置',
|
||||
'agent.tools.noParamsNeeded': '无需配置参数',
|
||||
'agent.tools.pleaseInput': '请输入',
|
||||
'agent.tools.inputOneItemPerLine': '每行输入一个项目',
|
||||
'agent.tools.pleaseInputValidJson': '请输入有效的JSON格式',
|
||||
'agent.tools.enableFunction': '启用功能',
|
||||
'agent.tools.toggleFunction': '开启或关闭此功能',
|
||||
'agent.tools.jsonFormatError': 'JSON格式错误',
|
||||
'agent.tools.noMcpAddressToCopy': '暂无MCP地址可复制',
|
||||
'agent.tools.mcpAddressCopied': 'MCP地址已复制到剪贴板',
|
||||
'agent.tools.copyFailed': '复制失败，请重试',
|
||||
'agent.tools.defaultValue': '默认值',
|
||||
'agent.tools.notSelected': '未选',
|
||||
'agent.tools.clickToConfigure': '点击配置',
|
||||
'agent.tools.mcpEndpoint': 'MCP接入点',
|
||||
'agent.tools.eachLineOneItem': '每行输入一个项目',
|
||||
|
||||
// 设备配置页面
|
||||
'deviceConfig.pageTitle': '设备配置',
|
||||
'deviceConfig.wifiConfig': 'WiFi配网',
|
||||
'deviceConfig.ultrasonicConfig': '超声波配网',
|
||||
'deviceConfig.selectConfigMethod': '选择配网方式',
|
||||
'deviceConfig.networkConfig': '网络配置',
|
||||
'deviceConfig.selectedNetwork': '选中网络',
|
||||
'deviceConfig.signal': '信号',
|
||||
'deviceConfig.openNetwork': '开放网络',
|
||||
'deviceConfig.encryptedNetwork': '加密网络',
|
||||
'deviceConfig.password': '密码',
|
||||
'deviceConfig.pleaseEnterPassword': '请输入WiFi密码',
|
||||
'deviceConfig.startConfig': '开始配网',
|
||||
'deviceConfig.connectToXiaozhiHotspot': '请先连接xiaozhi热点 (xiaozhi-XXXXXX)',
|
||||
'deviceConfig.detecting': '检测中...',
|
||||
'deviceConfig.reDetect': '重新检测',
|
||||
'deviceConfig.alreadyConnected': '已连接xiaozhi热点',
|
||||
'deviceConfig.refreshStatus': '刷新状态',
|
||||
'deviceConfig.wifiNetworks': 'WiFi网络',
|
||||
'deviceConfig.selectWifiNetwork': '选择WiFi网络',
|
||||
'deviceConfig.refreshScan': '刷新扫描',
|
||||
'deviceConfig.noWifiNetworks': '暂无WiFi网络',
|
||||
'deviceConfig.clickToRefreshScan': '请点击刷新扫描',
|
||||
'deviceConfig.signalStrong': '信号强',
|
||||
'deviceConfig.signalGood': '信号良好',
|
||||
'deviceConfig.signalFair': '信号一般',
|
||||
'deviceConfig.signalWeak': '信号弱',
|
||||
'deviceConfig.channel': '频道',
|
||||
'deviceConfig.about': '约',
|
||||
'deviceConfig.seconds': '秒',
|
||||
'deviceConfig.generating': '生成中...',
|
||||
'deviceConfig.playing': '播放中...',
|
||||
'deviceConfig.generateAndPlaySoundWave': '生成并播放声波',
|
||||
'deviceConfig.playSoundWave': '播放声波',
|
||||
'deviceConfig.stopPlaying': '停止播放',
|
||||
'deviceConfig.autoLoopPlaySoundWave': '自动循环播放声波',
|
||||
'deviceConfig.configAudioFile': '配网音频文件',
|
||||
'deviceConfig.duration': '时长',
|
||||
'deviceConfig.ultrasonicConfigInstructions': '超声波配网说明',
|
||||
'deviceConfig.ensureWifiNetworkSelectedAndPasswordEntered': '确保已选择WiFi网络并输入密码',
|
||||
'deviceConfig.clickGenerateAndPlaySoundWave': '点击生成并播放声波，系统会将配网信息编码为音频',
|
||||
'deviceConfig.bringPhoneCloseToXiaozhiDevice': '将手机靠近xiaozhi设备（距离1-2米）',
|
||||
'deviceConfig.duringAudioPlaybackXiaozhiWillReceive': '音频播放时，xiaozhi会接收并解码配网信息',
|
||||
'deviceConfig.afterConfigSuccessDeviceWillConnect': '配网成功后设备会自动连接WiFi网络',
|
||||
'deviceConfig.usesAfskModulation': '使用AFSK调制技术，通过1800Hz和1500Hz频率传输数据',
|
||||
'deviceConfig.ensureModeratePhoneVolume': '请确保手机音量适中，避免环境噪音干扰',
|
||||
'deviceConfig.generatingUltrasonicConfigAudio': '生成超声波配网音频',
|
||||
'deviceConfig.configData': '配网数据',
|
||||
'deviceConfig.dataBytesLength': '数据字节长度',
|
||||
'deviceConfig.bitStreamLength': '比特流长度',
|
||||
'deviceConfig.base64Length': 'base64长度',
|
||||
'deviceConfig.audioFileTooLarge': '音频文件过大，请缩短SSID或密码长度',
|
||||
'deviceConfig.audioGenerationSuccess': '音频生成成功',
|
||||
'deviceConfig.samplePoints': '采样点数',
|
||||
'deviceConfig.soundWaveGenerationSuccess': '声波生成成功',
|
||||
'deviceConfig.audioGenerationFailed': '音频生成失败',
|
||||
'deviceConfig.soundWaveGenerationFailed': '声波生成失败',
|
||||
'deviceConfig.pleaseGenerateAudioFirst': '请先生成音频',
|
||||
'deviceConfig.startPlayingUltrasonicConfigAudio': '开始播放超声波配网音频',
|
||||
'deviceConfig.ultrasonicAudioStartedPlaying': '超声波音频开始播放',
|
||||
'deviceConfig.startPlayingConfigSoundWave': '开始播放配网声波',
|
||||
'deviceConfig.ultrasonicAudioPlaybackEnded': '超声波音频播放结束',
|
||||
'deviceConfig.audioPlaybackFailed': '音频播放失败',
|
||||
'deviceConfig.audioResourceBusy': '音频资源繁忙，请稍后重试',
|
||||
'deviceConfig.audioFormatNotSupported': '音频格式不支持，可能是data URI问题',
|
||||
'deviceConfig.audioFileError': '音频文件错误',
|
||||
'deviceConfig.cleaningUpAudioContext': '清理音频上下文',
|
||||
'deviceConfig.cleaningUpAudioContextFailed': '清理音频上下文失败',
|
||||
'deviceConfig.stoppedPlayingUltrasonicAudio': '停止播放超声波音频',
|
||||
'deviceConfig.stoppedPlaying': '已停止播放',
|
||||
'deviceConfig.configMethod': '配网方式',
|
||||
'deviceConfig.enterWifiPassword': '请输入WiFi密码',
|
||||
'deviceConfig.xiaozhi': 'xiaozhi',
|
||||
'deviceConfig.connectXiaozhiHotspot': '请连接xiaozhi热点',
|
||||
'deviceConfig.wifiScanResponse': 'WiFi扫描响应',
|
||||
'deviceConfig.scanSuccess': '扫描成功',
|
||||
'deviceConfig.networks': '个网络',
|
||||
'deviceConfig.wifiScanFailed': 'WiFi扫描失败',
|
||||
'deviceConfig.scanFailedCheckConnection': '扫描失败，请检查连接',
|
||||
'deviceConfig.checking': '检查中',
|
||||
'deviceConfig.reCheck': '重新检查',
|
||||
'deviceConfig.connectedXiaozhiHotspot': '已连接xiaozhi热点',
|
||||
'deviceConfig.wifiNetwork': 'WiFi网络',
|
||||
'deviceConfig.scanning': '扫描中',
|
||||
'deviceConfig.cancel': '取消',
|
||||
'deviceConfig.clickRefreshScan': '请点击刷新扫描',
|
||||
'deviceConfig.esp32ConnectionCheckFailed': 'ESP32连接检查失败',
|
||||
'deviceConfig.startWifiConfig': '开始WiFi配网',
|
||||
'deviceConfig.configSuccess': '配网成功',
|
||||
'deviceConfig.deviceWillConnectTo': '设备将连接到',
|
||||
'deviceConfig.deviceWillRestart': '设备将重启',
|
||||
'deviceConfig.pleaseDisconnectXiaozhiHotspot': '请断开xiaozhi热点连接',
|
||||
'deviceConfig.configFailed': '配网失败',
|
||||
'deviceConfig.wifiConfigFailed': 'WiFi配网失败',
|
||||
'deviceConfig.pleaseCheckNetworkConnection': '请检查网络连接',
|
||||
'deviceConfig.startWifiConfigButton': '开始配网',
|
||||
'deviceConfig.wifiConfigInstructions': 'WiFi配网说明',
|
||||
'deviceConfig.phoneConnectXiaozhiHotspot': '手机连接xiaozhi热点',
|
||||
'deviceConfig.selectTargetWifiNetwork': '选择目标WiFi网络',
|
||||
'deviceConfig.enterWifiPasswordIfNeeded': '如有需要请输入WiFi密码',
|
||||
'deviceConfig.clickStartConfigAndWait': '点击开始配网并等待',
|
||||
'deviceConfig.afterConfigSuccessDeviceWillRestart': '配网成功后设备将自动重启',
|
||||
'deviceConfig.audioPlaybackError': '音频播放错误',
|
||||
'deviceConfig.playbackFailed': '播放失败',
|
||||
}
|
||||
@@ -0,0 +1,407 @@
|
||||
// 繁體中文語言包
|
||||
export default {
|
||||
// TabBar
|
||||
'tabBar.home': '首頁',
|
||||
'tabBar.deviceConfig': '配網',
|
||||
'tabBar.settings': '系統',
|
||||
// 設置頁面標題
|
||||
'settings.title': '設置',
|
||||
// 登錄頁面
|
||||
'login.pageTitle': '登錄',
|
||||
'login.navigationTitle': '登錄',
|
||||
'login.fetchConfigError': '獲取配置失敗:',
|
||||
'login.selectLanguage': '選擇語言',
|
||||
'login.welcomeBack': '歡迎回來',
|
||||
'login.pleaseLogin': '請登錄您的賬戶',
|
||||
'login.enterUsername': '請輸入用戶名',
|
||||
'login.enterPassword': '請輸入密碼',
|
||||
'login.enterCaptcha': '請輸入驗證碼',
|
||||
'login.loginButton': '登錄',
|
||||
'login.loggingIn': '登錄中...',
|
||||
'login.noAccount': '還沒有賬戶？',
|
||||
'login.registerNow': '立即註冊',
|
||||
'login.enterPhone': '請輸入手機號碼',
|
||||
'login.selectCountry': '選擇國家/地區',
|
||||
'login.confirm': '確認',
|
||||
'login.serverSetting': '服務端設置',
|
||||
'login.requiredUsername': '用戶名不能為空',
|
||||
'login.requiredPassword': '密碼不能為空',
|
||||
'login.requiredCaptcha': '驗證碼不能為空',
|
||||
'login.requiredMobile': '請輸入正確的手機號碼',
|
||||
'login.captchaError': '圖形驗證碼錯誤',
|
||||
|
||||
// 註冊頁面
|
||||
'register.pageTitle': '註冊',
|
||||
'register.createAccount': '創建賬戶',
|
||||
'register.enterUsername': '請輸入用戶名',
|
||||
'register.enterPassword': '請輸入密碼',
|
||||
'register.confirmPassword': '請確認密碼',
|
||||
'register.enterPhone': '請輸入手機號碼',
|
||||
'register.enterCode': '請輸入驗證碼',
|
||||
'register.getCode': '獲取驗證碼',
|
||||
'register.agreeTerms': '我已閱讀並同意',
|
||||
'register.terms': '《用戶協議》',
|
||||
'register.privacy': '《隱私政策》',
|
||||
'register.registerButton': '註冊',
|
||||
'register.registering': '註冊中...',
|
||||
'register.haveAccount': '已有賬戶？',
|
||||
'register.loginNow': '立即登錄',
|
||||
'register.selectCountry': '選擇國家/地區',
|
||||
'register.confirm': '確認',
|
||||
|
||||
// 首頁
|
||||
'home.pageTitle': '首頁',
|
||||
'home.createAgent': '創建智能體',
|
||||
'home.agentName': '智能體',
|
||||
'home.modelInfo': '模型信息',
|
||||
'home.lastActive': '最近活躍',
|
||||
'home.greeting': '你好，小智',
|
||||
'home.subtitle': '讓我們度過',
|
||||
'home.wonderfulDay': '美好的一天！',
|
||||
'home.emptyState': '暫無智能體',
|
||||
'home.deviceManagement': '設備管理',
|
||||
'home.lastConversation': '最近對話：',
|
||||
'home.delete': '刪除',
|
||||
'home.createFirstAgent': '點擊右下角 + 號創建您的第一個智能體',
|
||||
'home.dialogTitle': '創建智能體',
|
||||
'home.inputPlaceholder': '例如：客服助手、語音助理、知識問答',
|
||||
'home.createNow': '立即創建',
|
||||
'home.justNow': '剛剛',
|
||||
'home.minutesAgo': '分鐘前',
|
||||
'home.hoursAgo': '小時前',
|
||||
'home.daysAgo': '天前',
|
||||
|
||||
// Agent頁面
|
||||
'agent.pageTitle': '智能體',
|
||||
'agent.roleConfig': '角色配置',
|
||||
'agent.deviceManagement': '設備管理',
|
||||
'agent.chatHistory': '聊天記錄',
|
||||
'agent.voiceprintManagement': '聲紋管理',
|
||||
'agent.editTitle': '編輯智能體',
|
||||
'agent.toolsTitle': '編輯功能',
|
||||
'agent.voiceActivityDetection': '語音活動檢測',
|
||||
'agent.speechRecognition': '語音識別',
|
||||
'agent.largeLanguageModel': '大語言模型',
|
||||
'agent.save': '保存',
|
||||
'agent.cancel': '取消',
|
||||
// Agent編輯頁面
|
||||
'agent.basicInfo': '基礎資訊',
|
||||
'agent.agentName': '助手暱稱',
|
||||
'agent.inputAgentName': '請輸入助手暱稱',
|
||||
'agent.roleMode': '角色模式',
|
||||
'agent.roleDescription': '角色介紹',
|
||||
'agent.inputRoleDescription': '請輸入角色介紹',
|
||||
'agent.modelConfig': '模型配置',
|
||||
'agent.vad': '語音活動檢測',
|
||||
'agent.asr': '語音識別',
|
||||
'agent.llm': '大語言模型',
|
||||
'agent.vllm': '視覺大模型',
|
||||
'agent.intent': '意圖識別',
|
||||
'agent.memory': '記憶',
|
||||
'agent.voiceSettings': '語音設置',
|
||||
'agent.tts': '語音合成',
|
||||
'agent.voiceprint': '角色音色',
|
||||
'agent.plugins': '外掛',
|
||||
'agent.editFunctions': '編輯功能',
|
||||
'agent.historyMemory': '歷史記憶',
|
||||
'agent.memoryContent': '記憶內容',
|
||||
'agent.saving': '儲存中...',
|
||||
'agent.saveSuccess': '儲存成功',
|
||||
'agent.saveFail': '儲存失敗',
|
||||
'agent.loadFail': '加載失敗',
|
||||
'agent.pleaseInputAgentName': '請輸入助手暱稱',
|
||||
'agent.pleaseInputRoleDescription': '請輸入角色介紹',
|
||||
'agent.pleaseSelect': '請選擇',
|
||||
|
||||
// 聊天歷史頁面
|
||||
'chatHistory.getChatSessions': '獲取聊天會話列表',
|
||||
'chatHistory.noSelectedAgent': '沒有選中的智能體',
|
||||
'chatHistory.getChatSessionsFailed': '獲取聊天會話列表失敗:',
|
||||
'chatHistory.unknownTime': '未知時間',
|
||||
'chatHistory.justNow': '剛剛',
|
||||
'chatHistory.minutesAgo': '{minutes}分鐘前',
|
||||
'chatHistory.hoursAgo': '{hours}小時前',
|
||||
'chatHistory.daysAgo': '{days}天前',
|
||||
'chatHistory.conversationRecord': '對話記錄',
|
||||
'chatHistory.totalChats': '共 {count} 條對話',
|
||||
'chatHistory.loading': '加載中...',
|
||||
'chatHistory.noMoreData': '沒有更多數據了',
|
||||
'chatHistory.noChatRecords': '暫無聊天記錄',
|
||||
'chatHistory.chatRecordsDescription': '與智能體的對話記錄會顯示在這裡',
|
||||
// 聊天詳情頁面
|
||||
'chatHistory.pageTitle': '聊天詳情',
|
||||
'chatHistory.assistantName': '智能助手',
|
||||
'chatHistory.userName': '用戶',
|
||||
'chatHistory.aiAssistantName': 'AI助手',
|
||||
'chatHistory.loadFailed': '獲取聊天記錄失敗',
|
||||
'chatHistory.parameterError': '頁面參數錯誤',
|
||||
'chatHistory.invalidAudioId': '音頻ID無效',
|
||||
'chatHistory.audioPlayFailed': '音頻播放失敗',
|
||||
'chatHistory.playAudioFailed': '播放音頻失敗',
|
||||
|
||||
// 設備管理頁面
|
||||
'device.pageTitle': '設備管理',
|
||||
'device.noDevices': '暫無設備',
|
||||
'device.macAddress': 'MAC地址',
|
||||
'device.firmwareVersion': '固件版本',
|
||||
'device.lastConnected': '最近對話',
|
||||
'device.otaUpdate': 'OTA升級',
|
||||
'device.unbind': '解除綁定',
|
||||
'device.confirmUnbind': '確定要解綁設備',
|
||||
'device.bindDevice': '綁定新設備',
|
||||
'device.deviceType': '設備類型',
|
||||
'device.loading': '加載中...',
|
||||
'device.neverConnected': '從未連接',
|
||||
'device.justNow': '剛剛',
|
||||
'device.minutesAgo': '{minutes}分鐘前',
|
||||
'device.hoursAgo': '{hours}小時前',
|
||||
'device.daysAgo': '{days}天前',
|
||||
'device.otaAutoUpdateEnabled': 'OTA自動升級已開啟',
|
||||
'device.otaAutoUpdateDisabled': 'OTA自動升級已關閉',
|
||||
'device.operationFailed': '操作失敗，請重試',
|
||||
'device.deviceUnbound': '設備已解除綁定',
|
||||
'device.unbindFailed': '解除綁定失敗，請重試',
|
||||
'device.unbindDevice': '解除綁定設備',
|
||||
'device.confirmUnbindDevice': '確定要解除綁定設備 "{macAddress}" 嗎？',
|
||||
'device.cancel': '取消',
|
||||
'device.noDevice': '暫無設備',
|
||||
'device.pleaseSelectAgent': '請先選擇智能體',
|
||||
'device.deviceBindSuccess': '設備綁定成功！',
|
||||
'device.bindFailed': '綁定失敗，請檢查驗證碼是否正確',
|
||||
'device.enterDeviceCode': '請輸入設備驗證碼',
|
||||
'device.bindNow': '立即綁定',
|
||||
'device.lastConnection': '最近對話',
|
||||
'device.clickToBindFirstDevice': '點擊右下角 + 號綁定您的第一個設備',
|
||||
|
||||
// 通用
|
||||
'common.success': '成功',
|
||||
'common.fail': '失敗',
|
||||
'common.loading': '加載中...',
|
||||
'common.confirm': '確認',
|
||||
'common.cancel': '取消',
|
||||
'common.delete': '刪除',
|
||||
'common.edit': '編輯',
|
||||
'common.add': '添加',
|
||||
'common.pleaseSelect': '請選擇',
|
||||
'common.unknownError': '未知錯誤',
|
||||
'common.networkError': '網路錯誤',
|
||||
|
||||
// Voiceprint page
|
||||
'voiceprint.noSelectedAgent': '沒有選中的智能體',
|
||||
'voiceprint.pleaseSelectAgent': '請先選擇智能體',
|
||||
'voiceprint.fetchHistoryFailed': '獲取對話記錄失敗',
|
||||
'voiceprint.clickToSelectVector': '點擊選擇聲紋向量',
|
||||
'voiceprint.pleaseInputName': '請輸入姓名',
|
||||
'voiceprint.pleaseSelectVector': '請選擇聲紋向量',
|
||||
'voiceprint.addSuccess': '添加成功',
|
||||
'voiceprint.addFailed': '添加說話人失敗',
|
||||
'voiceprint.editSuccess': '編輯成功',
|
||||
'voiceprint.editFailed': '編輯說話人失敗',
|
||||
'voiceprint.deleteConfirmMsg': '確定要刪除這個說話人嗎？',
|
||||
'voiceprint.deleteConfirmTitle': '確認刪除',
|
||||
'voiceprint.deleteSuccess': '刪除成功',
|
||||
'voiceprint.loading': '加載中...',
|
||||
'voiceprint.delete': '刪除',
|
||||
'voiceprint.emptyTitle': '暫無聲紋數據',
|
||||
'voiceprint.emptyDesc': '點擊右下角 + 號添加您的第一個說話人',
|
||||
'voiceprint.addSpeaker': '添加說話人',
|
||||
'voiceprint.voiceVector': '聲紋向量',
|
||||
'voiceprint.name': '姓名',
|
||||
'voiceprint.description': '描述',
|
||||
'voiceprint.pleaseInputDescription': '請輸入描述',
|
||||
'voiceprint.cancel': '取消',
|
||||
'voiceprint.save': '保存',
|
||||
'voiceprint.editSpeaker': '編輯說話人',
|
||||
'voiceprint.selectVector': '選擇聲紋向量',
|
||||
'voiceprint.voiceprintInterfaceNotConfigured': '聲紋接口未配置',
|
||||
|
||||
// 設置頁面
|
||||
'settings.pageTitle': '設置',
|
||||
'settings.navigationTitle': '設置',
|
||||
'settings.networkSettings': '網絡設置',
|
||||
'settings.serverApiUrl': '服務端接口地址',
|
||||
'settings.validServerUrl': '請輸入有效的服務端地址（以 http 或 https 開頭，並以 /xiaozhi 結尾）',
|
||||
'settings.saveSettings': '保存設置',
|
||||
'settings.resetDefault': '恢復默認',
|
||||
'settings.restartApp': '重啟應用',
|
||||
'settings.restartNow': '立即重啟',
|
||||
'settings.restartLater': '稍後',
|
||||
// 關於我們
|
||||
'settings.aboutApp': '關於小智智控台',
|
||||
'settings.aboutContent': '小智智控台\n\n基於 Vue.js 3 + uni-app 構建的跨平台移動端管理應用，為小智ESP32智能硬體提供設備管理、智能體配置等功能。\n\n© 2025 xiaozhi-esp32-server 0.8.3',
|
||||
'settings.restartSuccess': '已保存，可稍後手動重啟應用',
|
||||
'settings.serverUrlSavedAndCacheCleared': '服務端地址已保存，緩存已清除',
|
||||
'settings.resetToDefaultAndCacheCleared': '已恢復默認設置，緩存已清除',
|
||||
'settings.resetSuccess': '重置成功',
|
||||
'settings.enterServerUrl': '請輸入服務端地址',
|
||||
'settings.clearCacheFailed': '清除緩存失敗',
|
||||
'settings.cacheManagement': '緩存管理',
|
||||
'settings.totalCacheSize': '總緩存大小',
|
||||
'settings.appDataSize': '應用數據總大小',
|
||||
'settings.cacheClear': '緩存清理',
|
||||
'settings.clearAllCache': '清空所有緩存數據',
|
||||
'settings.clearCache': '清除緩存',
|
||||
'settings.modifyWillClearCache': '修改將清除緩存',
|
||||
'settings.appInfo': '應用信息',
|
||||
'settings.aboutUs': '關於我們',
|
||||
'settings.appVersion': '應用版本與團隊信息',
|
||||
'settings.confirmClear': '確認清除',
|
||||
'settings.confirmClearMessage': '確定要清除所有緩存嗎？這將刪除所有數據包括登錄狀態，需要重新登錄。',
|
||||
'settings.cacheCleared': '緩存清除成功，即將跳轉到登錄頁',
|
||||
'settings.languageSettings': '語言設置',
|
||||
'settings.language': '語言',
|
||||
'settings.selectLanguage': '選擇語言',
|
||||
'settings.languageChanged': '語言切換成功',
|
||||
|
||||
// 消息提示
|
||||
'message.loginSuccess': '登錄成功！',
|
||||
'message.loginFail': '登錄失敗',
|
||||
'message.registerSuccess': '註冊成功',
|
||||
'message.registerFail': '註冊失敗',
|
||||
'message.saveSuccess': '保存成功',
|
||||
'message.saveFail': '保存失敗',
|
||||
'message.deleteSuccess': '刪除成功',
|
||||
'message.deleteFail': '刪除失敗',
|
||||
'message.bindSuccess': '綁定成功',
|
||||
'message.bindFail': '綁定失敗',
|
||||
'message.unbindSuccess': '解除綁定成功',
|
||||
'message.unbindFail': '解除綁定失敗',
|
||||
'message.networkError': '網絡錯誤，請檢查網絡連接',
|
||||
'message.serverError': '服務器錯誤，請稍後再試',
|
||||
'message.invalidAddress': '無效地址，請檢查服務端是否啟動或網絡連接是否正常',
|
||||
'message.languageChanged': '語言已切換',
|
||||
'message.passwordError': '帳號或密碼錯誤',
|
||||
'message.phoneRegistered': '此手機號已經註冊過',
|
||||
|
||||
// Agent工具頁面
|
||||
'agent.tools.pageTitle': 'Agent工具',
|
||||
'agent.tools.unselected': '未選',
|
||||
'agent.tools.selected': '已選',
|
||||
'agent.tools.noMorePlugins': '暫無更多插件',
|
||||
'agent.tools.pleaseSelectPlugin': '請選擇插件功能',
|
||||
'agent.tools.builtInPlugins': '內置插件',
|
||||
'agent.tools.mcpAccessPoint': 'mcp接入點',
|
||||
'agent.tools.copy': '複製',
|
||||
'agent.tools.noTools': '暫無工具',
|
||||
'agent.tools.parameterConfig': '參數配置',
|
||||
'agent.tools.noParamsNeeded': '無需配置參數',
|
||||
'agent.tools.pleaseInput': '請輸入',
|
||||
'agent.tools.inputOneItemPerLine': '每行輸入一個項目',
|
||||
'agent.tools.pleaseInputValidJson': '請輸入有效的JSON格式',
|
||||
'agent.tools.enableFunction': '啟用功能',
|
||||
'agent.tools.toggleFunction': '開啟或關閉此功能',
|
||||
'agent.tools.jsonFormatError': 'JSON格式錯誤',
|
||||
'agent.tools.noMcpAddressToCopy': '暫無MCP地址可複製',
|
||||
'agent.tools.mcpAddressCopied': 'MCP地址已複製到剪貼簿',
|
||||
'agent.tools.copyFailed': '複製失敗，請重試',
|
||||
'agent.tools.defaultValue': '默認值',
|
||||
'agent.tools.notSelected': '未選',
|
||||
'agent.tools.clickToConfigure': '點擊配置',
|
||||
'agent.tools.mcpEndpoint': 'MCP接入點',
|
||||
'agent.tools.eachLineOneItem': '每行輸入一個項目',
|
||||
|
||||
// 設備配置頁面
|
||||
'deviceConfig.pageTitle': '設備配置',
|
||||
'deviceConfig.wifiConfig': 'WiFi配網',
|
||||
'deviceConfig.ultrasonicConfig': '超聲波配網',
|
||||
'deviceConfig.selectConfigMethod': '選擇配網方式',
|
||||
'deviceConfig.networkConfig': '網絡配置',
|
||||
'deviceConfig.selectedNetwork': '選中網絡',
|
||||
'deviceConfig.signal': '信號',
|
||||
'deviceConfig.openNetwork': '開放網絡',
|
||||
'deviceConfig.encryptedNetwork': '加密網絡',
|
||||
'deviceConfig.password': '密碼',
|
||||
'deviceConfig.pleaseEnterPassword': '請輸入WiFi密碼',
|
||||
'deviceConfig.startConfig': '開始配網',
|
||||
'deviceConfig.connectToXiaozhiHotspot': '請先連接xiaozhi熱點 (xiaozhi-XXXXXX)',
|
||||
'deviceConfig.detecting': '檢測中...',
|
||||
'deviceConfig.reDetect': '重新檢測',
|
||||
'deviceConfig.alreadyConnected': '已連接xiaozhi熱點',
|
||||
'deviceConfig.refreshStatus': '刷新狀態',
|
||||
'deviceConfig.wifiNetworks': 'WiFi網絡',
|
||||
'deviceConfig.selectWifiNetwork': '選擇WiFi網絡',
|
||||
'deviceConfig.refreshScan': '刷新掃描',
|
||||
'deviceConfig.noWifiNetworks': '暫無WiFi網絡',
|
||||
'deviceConfig.clickToRefreshScan': '請點擊刷新掃描',
|
||||
'deviceConfig.signalStrong': '信號強',
|
||||
'deviceConfig.signalGood': '信號良好',
|
||||
'deviceConfig.signalFair': '信號一般',
|
||||
'deviceConfig.signalWeak': '信號弱',
|
||||
'deviceConfig.channel': '頻道',
|
||||
'deviceConfig.about': '約',
|
||||
'deviceConfig.seconds': '秒',
|
||||
'deviceConfig.generating': '生成中...',
|
||||
'deviceConfig.playing': '播放中...',
|
||||
'deviceConfig.generateAndPlaySoundWave': '生成並播放聲波',
|
||||
'deviceConfig.playSoundWave': '播放聲波',
|
||||
'deviceConfig.stopPlaying': '停止播放',
|
||||
'deviceConfig.autoLoopPlaySoundWave': '自動循環播放聲波',
|
||||
'deviceConfig.configAudioFile': '配網音頻文件',
|
||||
'deviceConfig.duration': '時長',
|
||||
'deviceConfig.ultrasonicConfigInstructions': '超聲波配網說明',
|
||||
'deviceConfig.ensureWifiNetworkSelectedAndPasswordEntered': '確保已選擇WiFi網絡並輸入密碼',
|
||||
'deviceConfig.clickGenerateAndPlaySoundWave': '點擊生成並播放聲波，系統會將配網信息編碼為音頻',
|
||||
'deviceConfig.bringPhoneCloseToXiaozhiDevice': '將手機靠近xiaozhi設備（距離1-2米）',
|
||||
'deviceConfig.duringAudioPlaybackXiaozhiWillReceive': '音頻播放時，xiaozhi會接收並解碼配網信息',
|
||||
'deviceConfig.afterConfigSuccessDeviceWillConnect': '配網成功後設備會自動連接WiFi網絡',
|
||||
'deviceConfig.usesAfskModulation': '使用AFSK調制技術，通過1800Hz和1500Hz頻率傳輸數據',
|
||||
'deviceConfig.ensureModeratePhoneVolume': '請確保手機音量適中，避免環境噪音干擾',
|
||||
'deviceConfig.generatingUltrasonicConfigAudio': '生成超聲波配網音頻',
|
||||
'deviceConfig.configData': '配網數據',
|
||||
'deviceConfig.dataBytesLength': '數據字節長度',
|
||||
'deviceConfig.bitStreamLength': '比特流長度',
|
||||
'deviceConfig.base64Length': 'base64長度',
|
||||
'deviceConfig.audioFileTooLarge': '音頻文件過大，請縮短SSID或密碼長度',
|
||||
'deviceConfig.audioGenerationSuccess': '音頻生成成功',
|
||||
'deviceConfig.samplePoints': '採樣點數',
|
||||
'deviceConfig.soundWaveGenerationSuccess': '聲波生成成功',
|
||||
'deviceConfig.audioGenerationFailed': '音頻生成失敗',
|
||||
'deviceConfig.soundWaveGenerationFailed': '聲波生成失敗',
|
||||
'deviceConfig.pleaseGenerateAudioFirst': '請先生成音頻',
|
||||
'deviceConfig.startPlayingUltrasonicConfigAudio': '開始播放超聲波配網音頻',
|
||||
'deviceConfig.ultrasonicAudioStartedPlaying': '超聲波音頻開始播放',
|
||||
'deviceConfig.startPlayingConfigSoundWave': '開始播放配網聲波',
|
||||
'deviceConfig.ultrasonicAudioPlaybackEnded': '超聲波音頻播放結束',
|
||||
'deviceConfig.audioPlaybackFailed': '音頻播放失敗',
|
||||
'deviceConfig.audioResourceBusy': '音頻資源繁忙，請稍後重試',
|
||||
'deviceConfig.audioFormatNotSupported': '音頻格式不支援，可能是data URI問題',
|
||||
'deviceConfig.audioFileError': '音頻文件錯誤',
|
||||
'deviceConfig.cleaningUpAudioContext': '清理音頻上下文',
|
||||
'deviceConfig.cleaningUpAudioContextFailed': '清理音頻上下文失敗',
|
||||
'deviceConfig.stoppedPlayingUltrasonicAudio': '停止播放超聲波音頻',
|
||||
'deviceConfig.stoppedPlaying': '已停止播放',
|
||||
'deviceConfig.configMethod': '配網方式',
|
||||
'deviceConfig.enterWifiPassword': '請輸入WiFi密碼',
|
||||
'deviceConfig.xiaozhi': 'xiaozhi',
|
||||
'deviceConfig.connectXiaozhiHotspot': '請連接xiaozhi熱點',
|
||||
'deviceConfig.wifiScanResponse': 'WiFi掃描響應',
|
||||
'deviceConfig.scanSuccess': '掃描成功',
|
||||
'deviceConfig.networks': '個網絡',
|
||||
'deviceConfig.wifiScanFailed': 'WiFi掃描失敗',
|
||||
'deviceConfig.scanFailedCheckConnection': '掃描失敗，請檢查連接',
|
||||
'deviceConfig.checking': '檢查中',
|
||||
'deviceConfig.reCheck': '重新檢查',
|
||||
'deviceConfig.connectedXiaozhiHotspot': '已連接xiaozhi熱點',
|
||||
'deviceConfig.wifiNetwork': 'WiFi網絡',
|
||||
'deviceConfig.scanning': '掃描中',
|
||||
'deviceConfig.cancel': '取消',
|
||||
'deviceConfig.clickRefreshScan': '請點擊刷新掃描',
|
||||
'deviceConfig.esp32ConnectionCheckFailed': 'ESP32連接檢查失敗',
|
||||
'deviceConfig.startWifiConfig': '開始WiFi配網',
|
||||
'deviceConfig.configSuccess': '配網成功',
|
||||
'deviceConfig.deviceWillConnectTo': '設備將連接到',
|
||||
'deviceConfig.deviceWillRestart': '設備將重啟',
|
||||
'deviceConfig.pleaseDisconnectXiaozhiHotspot': '請斷開xiaozhi熱點連接',
|
||||
'deviceConfig.configFailed': '配網失敗',
|
||||
'deviceConfig.wifiConfigFailed': 'WiFi配網失敗',
|
||||
'deviceConfig.pleaseCheckNetworkConnection': '請檢查網絡連接',
|
||||
'deviceConfig.startWifiConfigButton': '開始配網',
|
||||
'deviceConfig.wifiConfigInstructions': 'WiFi配網說明',
|
||||
'deviceConfig.phoneConnectXiaozhiHotspot': '手機連接xiaozhi熱點',
|
||||
'deviceConfig.selectTargetWifiNetwork': '選擇目標WiFi網絡',
|
||||
'deviceConfig.enterWifiPasswordIfNeeded': '如有需要請輸入WiFi密碼',
|
||||
'deviceConfig.clickStartConfigAndWait': '點擊開始配網並等待',
|
||||
'deviceConfig.afterConfigSuccessDeviceWillRestart': '配網成功後設備將自動重啟',
|
||||
'deviceConfig.audioPlaybackError': '音頻播放錯誤',
|
||||
'deviceConfig.playbackFailed': '播放失敗',
|
||||
}
|
||||
@@ -7,12 +7,19 @@ import store from './store'
|
||||
import '@/style/index.scss'
|
||||
import 'virtual:uno.css'
|
||||
|
||||
// 导入国际化相关功能
|
||||
import { initI18n } from './i18n'
|
||||
import { useLangStore } from './store/lang'
|
||||
|
||||
export function createApp() {
|
||||
const app = createSSRApp(App)
|
||||
app.use(store)
|
||||
app.use(routeInterceptor)
|
||||
app.use(VueQueryPlugin)
|
||||
|
||||
// 初始化国际化
|
||||
initI18n()
|
||||
|
||||
return {
|
||||
app,
|
||||
}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"globalStyle": {
|
||||
"navigationStyle": "default",
|
||||
"navigationBarTitleText": "小智智控台",
|
||||
"navigationBarTitleText": "小智",
|
||||
"navigationBarBackgroundColor": "#f8f8f8",
|
||||
"navigationBarTextStyle": "black",
|
||||
"backgroundColor": "#FFFFFF"
|
||||
@@ -104,7 +104,7 @@
|
||||
"path": "pages/device-config/index",
|
||||
"type": "page",
|
||||
"style": {
|
||||
"navigationBarTitleText": "设备配网",
|
||||
"navigationBarTitleText": "设备配置",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
@@ -114,7 +114,7 @@
|
||||
"layout": "default",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "登陆"
|
||||
"navigationBarTitleText": "Login"
|
||||
}
|
||||
},
|
||||
{
|
||||
@@ -155,4 +155,4 @@
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
@@ -4,6 +4,7 @@ import { computed, nextTick, onMounted, ref, watch } from 'vue'
|
||||
import { getAgentDetail, getModelOptions, getPluginFunctions, getRoleTemplates, getTTSVoices, updateAgent } from '@/api/agent/agent'
|
||||
import { usePluginStore } from '@/store'
|
||||
import { toast } from '@/utils/toast'
|
||||
import { t } from '@/i18n'
|
||||
|
||||
defineOptions({
|
||||
name: 'AgentEdit',
|
||||
@@ -37,14 +38,15 @@ const formData = ref<Partial<AgentDetail>>({
|
||||
|
||||
// 显示名称数据
|
||||
const displayNames = ref({
|
||||
vad: '请选择',
|
||||
asr: '请选择',
|
||||
llm: '请选择',
|
||||
vllm: '请选择',
|
||||
intent: '请选择',
|
||||
memory: '请选择',
|
||||
tts: '请选择',
|
||||
voiceprint: '请选择',
|
||||
// 显示名称数据
|
||||
vad: t('agent.pleaseSelect'),
|
||||
asr: t('agent.pleaseSelect'),
|
||||
llm: t('agent.pleaseSelect'),
|
||||
vllm: t('agent.pleaseSelect'),
|
||||
intent: t('agent.pleaseSelect'),
|
||||
memory: t('agent.pleaseSelect'),
|
||||
tts: t('agent.pleaseSelect'),
|
||||
voiceprint: t('agent.pleaseSelect'),
|
||||
})
|
||||
|
||||
// 角色模板数据
|
||||
@@ -143,7 +145,7 @@ async function loadAgentDetail() {
|
||||
}
|
||||
catch (error) {
|
||||
console.error('加载智能体详情失败:', error)
|
||||
toast.error('加载失败')
|
||||
toast.error(t('agent.loadFail'))
|
||||
}
|
||||
finally {
|
||||
loading.value = false
|
||||
@@ -358,12 +360,12 @@ function getModelDisplayName(modelType: string, modelId: string) {
|
||||
// 保存智能体
|
||||
async function saveAgent() {
|
||||
if (!formData.value.agentName?.trim()) {
|
||||
toast.warning('请输入助手昵称')
|
||||
toast.warning(t('agent.pleaseInputAgentName'))
|
||||
return
|
||||
}
|
||||
|
||||
if (!formData.value.systemPrompt?.trim()) {
|
||||
toast.warning('请输入角色介绍')
|
||||
toast.warning(t('agent.pleaseInputRoleDescription'))
|
||||
return
|
||||
}
|
||||
|
||||
@@ -371,11 +373,11 @@ async function saveAgent() {
|
||||
saving.value = true
|
||||
await updateAgent(agentId.value, formData.value)
|
||||
|
||||
toast.success('保存成功')
|
||||
toast.success(t('agent.saveSuccess'))
|
||||
}
|
||||
catch (error) {
|
||||
console.error('保存失败:', error)
|
||||
toast.error('保存失败')
|
||||
toast.error(t('agent.saveFail'))
|
||||
}
|
||||
finally {
|
||||
saving.value = false
|
||||
@@ -441,10 +443,10 @@ onMounted(async () => {
|
||||
|
||||
<template>
|
||||
<view class="bg-[#f5f7fb] px-[20rpx]">
|
||||
<!-- 基础信息标题 -->
|
||||
<!--// 基础信息标题
|
||||
<view class="pb-[20rpx] first:pt-[20rpx]">
|
||||
<text class="text-[32rpx] text-[#232338] font-bold">
|
||||
基础信息
|
||||
{{ t('agent.basicInfo') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
@@ -452,20 +454,20 @@ onMounted(async () => {
|
||||
<view class="mb-[24rpx] border border-[#eeeeee] rounded-[20rpx] bg-[#fbfbfb] p-[24rpx]" style="box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);">
|
||||
<view class="mb-[24rpx] last:mb-0">
|
||||
<text class="mb-[12rpx] block text-[28rpx] text-[#232338] font-medium">
|
||||
助手昵称
|
||||
</text>
|
||||
{{ t('agent.agentName') }}
|
||||
</text>
|
||||
<input
|
||||
v-model="formData.agentName"
|
||||
class="box-border h-[80rpx] w-full border border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[16rpx_20rpx] text-[28rpx] text-[#232338] leading-[1.4] outline-none focus:border-[#336cff] focus:bg-white placeholder:text-[#9d9ea3]"
|
||||
type="text"
|
||||
placeholder="请输入助手昵称"
|
||||
:placeholder="t('agent.inputAgentName')"
|
||||
>
|
||||
</view>
|
||||
|
||||
<view class="mb-[24rpx] last:mb-0">
|
||||
<text class="mb-[12rpx] block text-[28rpx] text-[#232338] font-medium">
|
||||
角色模式
|
||||
</text>
|
||||
{{ t('agent.roleMode') }}
|
||||
</text>
|
||||
<view class="mt-0 flex flex-wrap gap-[12rpx]">
|
||||
<view
|
||||
v-for="template in roleTemplates"
|
||||
@@ -483,12 +485,12 @@ onMounted(async () => {
|
||||
|
||||
<view class="mb-[24rpx] last:mb-0">
|
||||
<text class="mb-[12rpx] block text-[28rpx] text-[#232338] font-medium">
|
||||
角色介绍
|
||||
</text>
|
||||
{{ t('agent.roleDescription') }}
|
||||
</text>
|
||||
<textarea
|
||||
v-model="formData.systemPrompt"
|
||||
:maxlength="2000"
|
||||
placeholder="请输入角色介绍"
|
||||
:placeholder="t('agent.inputRoleDescription')"
|
||||
class="box-border h-[500rpx] w-full resize-none break-words break-all border border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[20rpx] text-[26rpx] text-[#232338] leading-[1.6] outline-none focus:border-[#336cff] focus:bg-white placeholder:text-[#9d9ea3]"
|
||||
/>
|
||||
<view class="mt-[8rpx] text-right text-[22rpx] text-[#9d9ea3]">
|
||||
@@ -500,7 +502,7 @@ onMounted(async () => {
|
||||
<!-- 模型配置标题 -->
|
||||
<view class="pb-[20rpx]">
|
||||
<text class="text-[32rpx] text-[#232338] font-bold">
|
||||
模型配置
|
||||
{{ t('agent.modelConfig') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
@@ -509,7 +511,7 @@ onMounted(async () => {
|
||||
<view class="flex flex-col gap-[16rpx]">
|
||||
<view class="flex cursor-pointer items-center justify-between border border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[20rpx] transition-all duration-300 active:bg-[#eef3ff]" @click="openPicker('vad')">
|
||||
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||
语音活动检测
|
||||
{{ t('agent.vad') }}
|
||||
</text>
|
||||
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
||||
{{ displayNames.vad }}
|
||||
@@ -519,7 +521,7 @@ onMounted(async () => {
|
||||
|
||||
<view class="flex cursor-pointer items-center justify-between border border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[20rpx] transition-all duration-300 active:bg-[#eef3ff]" @click="openPicker('asr')">
|
||||
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||
语音识别
|
||||
{{ t('agent.asr') }}
|
||||
</text>
|
||||
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
||||
{{ displayNames.asr }}
|
||||
@@ -529,7 +531,7 @@ onMounted(async () => {
|
||||
|
||||
<view class="flex cursor-pointer items-center justify-between border border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[20rpx] transition-all duration-300 active:bg-[#eef3ff]" @click="openPicker('llm')">
|
||||
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||
大语言模型
|
||||
{{ t('agent.llm') }}
|
||||
</text>
|
||||
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
||||
{{ displayNames.llm }}
|
||||
@@ -539,7 +541,7 @@ onMounted(async () => {
|
||||
|
||||
<view class="flex cursor-pointer items-center justify-between border border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[20rpx] transition-all duration-300 active:bg-[#eef3ff]" @click="openPicker('vllm')">
|
||||
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||
视觉大模型
|
||||
{{ t('agent.vllm') }}
|
||||
</text>
|
||||
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
||||
{{ displayNames.vllm }}
|
||||
@@ -549,7 +551,7 @@ onMounted(async () => {
|
||||
|
||||
<view class="flex cursor-pointer items-center justify-between border border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[20rpx] transition-all duration-300 active:bg-[#eef3ff]" @click="openPicker('intent')">
|
||||
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||
意图识别
|
||||
{{ t('agent.intent') }}
|
||||
</text>
|
||||
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
||||
{{ displayNames.intent }}
|
||||
@@ -559,7 +561,7 @@ onMounted(async () => {
|
||||
|
||||
<view class="flex cursor-pointer items-center justify-between border border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[20rpx] transition-all duration-300 active:bg-[#eef3ff]" @click="openPicker('memory')">
|
||||
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||
记忆
|
||||
{{ t('agent.memory') }}
|
||||
</text>
|
||||
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
||||
{{ displayNames.memory }}
|
||||
@@ -572,7 +574,7 @@ onMounted(async () => {
|
||||
<!-- 语音设置标题 -->
|
||||
<view class="pb-[20rpx]">
|
||||
<text class="text-[32rpx] text-[#232338] font-bold">
|
||||
语音设置
|
||||
{{ t('agent.voiceSettings') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
@@ -581,7 +583,7 @@ onMounted(async () => {
|
||||
<view class="flex flex-col gap-[16rpx]">
|
||||
<view class="flex cursor-pointer items-center justify-between border border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[20rpx] transition-all duration-300 active:bg-[#eef3ff]" @click="openPicker('tts')">
|
||||
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||
语音合成
|
||||
{{ t('agent.tts') }}
|
||||
</text>
|
||||
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
||||
{{ displayNames.tts }}
|
||||
@@ -591,7 +593,7 @@ onMounted(async () => {
|
||||
|
||||
<view class="flex cursor-pointer items-center justify-between border border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[20rpx] transition-all duration-300 active:bg-[#eef3ff]" @click="openPicker('voiceprint')">
|
||||
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||
角色音色
|
||||
{{ t('agent.voiceprint') }}
|
||||
</text>
|
||||
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
||||
{{ displayNames.voiceprint }}
|
||||
@@ -601,10 +603,10 @@ onMounted(async () => {
|
||||
|
||||
<view class="flex items-center justify-between border border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[20rpx]">
|
||||
<view class="text-[28rpx] text-[#232338] font-medium">
|
||||
插件
|
||||
{{ t('agent.plugins') }}
|
||||
</view>
|
||||
<view class="cursor-pointer rounded-[20rpx] bg-[rgba(51,108,255,0.1)] px-[24rpx] py-[12rpx] text-[24rpx] text-[#336cff] transition-all duration-300 active:bg-[#336cff] active:text-white" @click="handleTools">
|
||||
<text>编辑功能</text>
|
||||
<text>{{ t('agent.editFunctions') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -613,7 +615,7 @@ onMounted(async () => {
|
||||
<!-- 记忆历史标题 -->
|
||||
<view class="pb-[20rpx]">
|
||||
<text class="text-[32rpx] text-[#232338] font-bold">
|
||||
历史记忆
|
||||
{{ t('agent.historyMemory') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
@@ -622,7 +624,7 @@ onMounted(async () => {
|
||||
<view class="mb-[24rpx] last:mb-0">
|
||||
<textarea
|
||||
v-model="formData.summaryMemory"
|
||||
placeholder="记忆内容"
|
||||
:placeholder="t('agent.memoryContent')"
|
||||
disabled
|
||||
class="box-border h-[500rpx] w-full resize-none break-words break-all border border-[#eeeeee] rounded-[12rpx] bg-[#f0f0f0] p-[20rpx] text-[26rpx] text-[#65686f] leading-[1.6] opacity-80 outline-none"
|
||||
/>
|
||||
@@ -638,7 +640,7 @@ onMounted(async () => {
|
||||
custom-class="w-full h-[80rpx] rounded-[16rpx] text-[30rpx] font-semibold bg-[#336cff] active:bg-[#2d5bd1]"
|
||||
@click="saveAgent"
|
||||
>
|
||||
{{ saving ? '保存中...' : '保存' }}
|
||||
{{ saving ? t('agent.saving') : t('agent.save') }}
|
||||
</wd-button>
|
||||
</view>
|
||||
<!-- 模型选择器 -->
|
||||
|
||||
@@ -11,6 +11,7 @@
|
||||
<script lang="ts" setup>
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import { computed, onMounted, ref } from 'vue'
|
||||
import { t } from '@/i18n'
|
||||
import CustomTabs from '@/components/custom-tabs/index.vue'
|
||||
import ChatHistory from '@/pages/chat-history/index.vue'
|
||||
import DeviceManagement from '@/pages/device/index.vue'
|
||||
@@ -42,7 +43,6 @@ systemInfo = uni.getSystemInfoSync()
|
||||
safeAreaInsets = systemInfo.safeAreaInsets
|
||||
// #endif
|
||||
|
||||
|
||||
// 智能体ID
|
||||
const currentAgentId = ref('default')
|
||||
|
||||
@@ -65,25 +65,25 @@ const voiceprintRef = ref()
|
||||
// Tab 配置
|
||||
const tabList = [
|
||||
{
|
||||
label: '角色配置',
|
||||
label: t('agent.roleConfig'),
|
||||
value: 'agent-config',
|
||||
icon: '/static/tabbar/robot.png',
|
||||
activeIcon: '/static/tabbar/robot_activate.png',
|
||||
},
|
||||
{
|
||||
label: '设备管理',
|
||||
label: t('agent.deviceManagement'),
|
||||
value: 'device-management',
|
||||
icon: '/static/tabbar/device.png',
|
||||
activeIcon: '/static/tabbar/device_activate.png',
|
||||
},
|
||||
{
|
||||
label: '聊天记录',
|
||||
label: t('agent.chatHistory'),
|
||||
value: 'chat-history',
|
||||
icon: '/static/tabbar/chat.png',
|
||||
activeIcon: '/static/tabbar/chat_activate.png',
|
||||
},
|
||||
{
|
||||
label: '声纹管理',
|
||||
label: t('agent.voiceprintManagement'),
|
||||
value: 'voiceprint-management',
|
||||
icon: '/static/tabbar/microphone.png',
|
||||
activeIcon: '/static/tabbar/microphone_activate.png',
|
||||
@@ -160,7 +160,7 @@ onMounted(async () => {
|
||||
<template>
|
||||
<view class="h-screen flex flex-col bg-[#f5f7fb]">
|
||||
<!-- 导航栏 -->
|
||||
<wd-navbar title="智能体" safe-area-inset-top>
|
||||
<wd-navbar :title="t('agent.pageTitle')" safe-area-inset-top>
|
||||
<template #left>
|
||||
<wd-icon name="arrow-left" size="18" @click="goBack" />
|
||||
</template>
|
||||
|
||||
@@ -3,8 +3,8 @@
|
||||
"layout": "default",
|
||||
"style": {
|
||||
"navigationBarTitleText": "编辑功能",
|
||||
"navigationStyle": "custom",
|
||||
},
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
</route>
|
||||
|
||||
@@ -12,12 +12,13 @@
|
||||
import { useMessage } from 'wot-design-uni'
|
||||
import { getMcpAddress, getMcpTools } from '@/api/agent/agent'
|
||||
import { usePluginStore } from '@/store'
|
||||
import { t } from '@/i18n'
|
||||
|
||||
const message = useMessage()
|
||||
const pluginStore = usePluginStore()
|
||||
|
||||
const segmentedList = ref<string[]>(['未选', '已选'])
|
||||
const currentSegmented = ref('未选')
|
||||
const segmentedList = ref<string[]>([t('agent.tools.notSelected'), t('agent.tools.selected')])
|
||||
const currentSegmented = ref(t('agent.tools.notSelected'))
|
||||
const notSelectedList = ref<any[]>([])
|
||||
const selectedList = ref<any[]>([])
|
||||
|
||||
@@ -191,7 +192,7 @@ function handleJsonChange(key: string, value: string, field: any) {
|
||||
}
|
||||
}
|
||||
catch {
|
||||
message.alert('JSON格式错误')
|
||||
message.alert(t('agent.tools.jsonFormatError'))
|
||||
}
|
||||
}
|
||||
|
||||
@@ -220,7 +221,7 @@ function goBack() {
|
||||
// 复制MCP地址
|
||||
function copyMcpAddress() {
|
||||
if (!mcpAddress.value) {
|
||||
message.alert('暂无MCP地址可复制')
|
||||
message.alert(t('agent.tools.noMcpAddressToCopy'))
|
||||
return
|
||||
}
|
||||
|
||||
@@ -228,11 +229,11 @@ function copyMcpAddress() {
|
||||
data: mcpAddress.value,
|
||||
showToast: false,
|
||||
success: () => {
|
||||
message.alert('MCP地址已复制到剪贴板')
|
||||
},
|
||||
message.alert(t('agent.tools.mcpAddressCopied'))
|
||||
},
|
||||
fail: () => {
|
||||
message.alert('复制失败，请重试')
|
||||
},
|
||||
message.alert(t('agent.tools.copyFailed'))
|
||||
},
|
||||
})
|
||||
}
|
||||
|
||||
@@ -248,7 +249,7 @@ function getFieldDisplayValue(field: any, value: any) {
|
||||
function getFieldRemark(field: any) {
|
||||
let description = field.label || ''
|
||||
if (field.default) {
|
||||
description += `（默认值：${field.default}）`
|
||||
description += `（${t('agent.tools.defaultValue')}：${field.default}）`
|
||||
}
|
||||
return description
|
||||
}
|
||||
@@ -284,7 +285,7 @@ onMounted(async () => {
|
||||
<!-- 内置插件区域 -->
|
||||
<view class="mt-[20rpx] flex flex-1 flex-col">
|
||||
<view class="text-[32rpx] text-[#333] font-medium">
|
||||
内置插件
|
||||
{{ t('agent.tools.builtInPlugins') }}
|
||||
</view>
|
||||
<view
|
||||
class="mt-[20rpx] box-border flex flex-1 flex-col rounded-[10rpx] bg-white p-[20rpx]"
|
||||
@@ -299,7 +300,7 @@ onMounted(async () => {
|
||||
<view class="mt-[20rpx] flex-1 overflow-hidden">
|
||||
<!-- 未选插件 -->
|
||||
<scroll-view
|
||||
v-if="currentSegmented === '未选'"
|
||||
v-if="currentSegmented === t('agent.tools.notSelected')"
|
||||
class="max-h-[600rpx] bg-transparent"
|
||||
scroll-y
|
||||
>
|
||||
@@ -307,7 +308,7 @@ onMounted(async () => {
|
||||
v-if="notSelectedList.length === 0"
|
||||
class="h-[400rpx] flex items-center justify-center"
|
||||
>
|
||||
<wd-status-tip image="content" tip="暂无更多插件" />
|
||||
<wd-status-tip image="content" tip="{{ t('agent.tools.noMorePlugins') }}" />
|
||||
</view>
|
||||
<view v-else class="p-[20rpx] space-y-[20rpx]">
|
||||
<view
|
||||
@@ -343,7 +344,7 @@ onMounted(async () => {
|
||||
v-if="selectedList.length === 0"
|
||||
class="h-[400rpx] flex items-center justify-center"
|
||||
>
|
||||
<wd-status-tip image="content" tip="请选择插件功能" />
|
||||
<wd-status-tip image="content" tip="{{ t('agent.tools.pleaseSelectPlugin') }}" />
|
||||
</view>
|
||||
<view v-else class="p-[20rpx] space-y-[20rpx]">
|
||||
<view
|
||||
@@ -359,7 +360,7 @@ onMounted(async () => {
|
||||
{{ func.name }}
|
||||
</view>
|
||||
<view class="text-[24rpx] text-[#1677ff]">
|
||||
点击配置参数
|
||||
{{ t('agent.tools.clickToConfigure') }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex space-x-[20rpx]">
|
||||
@@ -393,7 +394,7 @@ onMounted(async () => {
|
||||
<!-- MCP接入点区域 -->
|
||||
<view class="mt-[20rpx] flex flex-1 flex-col">
|
||||
<view class="text-[32rpx] text-[#333] font-medium">
|
||||
mcp接入点
|
||||
{{ t('agent.tools.mcpEndpoint') }}
|
||||
</view>
|
||||
<view
|
||||
class="mt-[20rpx] box-border flex flex-1 flex-col rounded-[10rpx] bg-white p-[20rpx]"
|
||||
@@ -406,11 +407,11 @@ onMounted(async () => {
|
||||
class="flex-1 rounded-[10rpx] bg-[#f5f7fb] p-[20rpx]"
|
||||
>
|
||||
<view
|
||||
class="ml-[20rpx] h-[70rpx] flex items-center justify-center rounded-[10rpx] bg-[#1677ff] px-[20rpx] text-[24rpx] text-white"
|
||||
@click="copyMcpAddress"
|
||||
>
|
||||
复制
|
||||
</view>
|
||||
class="ml-[20rpx] h-[70rpx] flex items-center justify-center rounded-[10rpx] bg-[#1677ff] px-[20rpx] text-[24rpx] text-white"
|
||||
@click="copyMcpAddress"
|
||||
>
|
||||
{{ t('agent.tools.copy') }}
|
||||
</view>
|
||||
</view>
|
||||
<!-- 工具列表 -->
|
||||
<view class="mt-[20rpx] flex-1 overflow-hidden">
|
||||
@@ -419,7 +420,7 @@ onMounted(async () => {
|
||||
v-if="mcpTools && mcpTools.length === 0"
|
||||
class="h-[400rpx] flex items-center justify-center"
|
||||
>
|
||||
<wd-status-tip image="content" tip="暂无工具" />
|
||||
<wd-status-tip image="content" :tip="t('agent.tools.noTools')" />
|
||||
</view>
|
||||
<view v-else class="p-[20rpx]">
|
||||
<view class="flex flex-wrap">
|
||||
@@ -441,7 +442,7 @@ onMounted(async () => {
|
||||
<!-- 参数编辑弹窗 -->
|
||||
<wd-action-sheet
|
||||
v-model="showParamDialog"
|
||||
:title="`参数配置 - ${currentFunction?.name || ''}`"
|
||||
:title="`${t('agent.tools.paramConfiguration')} - ${currentFunction?.name || ''}`"
|
||||
custom-header-class="h-[75vh]"
|
||||
@close="closeParamEdit"
|
||||
>
|
||||
@@ -460,7 +461,7 @@ onMounted(async () => {
|
||||
class="h-[400rpx] flex items-center justify-center"
|
||||
>
|
||||
<text class="text-[28rpx] text-[#999]">
|
||||
{{ currentFunction?.name }} 无需配置参数
|
||||
{{ currentFunction?.name }} {{ t('agent.tools.noParamsNeeded') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
@@ -490,7 +491,7 @@ onMounted(async () => {
|
||||
v-model="tempParams[field.key]"
|
||||
class="box-border h-[80rpx] w-full border border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[16rpx_20rpx] text-[28rpx] text-[#232338] focus:border-[#336cff] focus:bg-white placeholder:text-[#9d9ea3]"
|
||||
type="text"
|
||||
:placeholder="`请输入${field.label}`"
|
||||
:placeholder="`${t('agent.tools.pleaseInput')}${field.label}`"
|
||||
@input="
|
||||
handleParamChange(field.key, $event.detail.value, field)
|
||||
"
|
||||
@@ -499,12 +500,12 @@ onMounted(async () => {
|
||||
<!-- 数组类型 -->
|
||||
<view v-else-if="field.type === 'array'">
|
||||
<text class="mb-[16rpx] block text-[24rpx] text-[#65686f]">
|
||||
每行输入一个项目
|
||||
{{ t('agent.tools.eachLineOneItem') }}
|
||||
</text>
|
||||
<textarea
|
||||
v-model="arrayTextCache[field.key]"
|
||||
class="box-border min-h-[200rpx] w-full border border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[20rpx] text-[26rpx] text-[#232338] leading-[1.6] focus:border-[#336cff] focus:bg-white placeholder:text-[#9d9ea3]"
|
||||
:placeholder="`请输入${field.label}，每行一个`"
|
||||
:placeholder="`${t('agent.tools.pleaseInput')}${field.label}，${t('agent.tools.eachLineOneItem')}`"
|
||||
@input="
|
||||
handleArrayChange(field.key, $event.detail.value, field)
|
||||
"
|
||||
@@ -514,12 +515,12 @@ onMounted(async () => {
|
||||
<!-- JSON类型 -->
|
||||
<view v-else-if="field.type === 'json'">
|
||||
<text class="mb-[16rpx] block text-[24rpx] text-[#65686f]">
|
||||
请输入有效的JSON格式
|
||||
{{ t('agent.tools.pleaseInputValidJson') }}
|
||||
</text>
|
||||
<textarea
|
||||
v-model="jsonTextCache[field.key]"
|
||||
class="box-border min-h-[300rpx] w-full border border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[20rpx] text-[26rpx] text-[#232338] leading-[1.6] font-mono focus:border-[#336cff] focus:bg-white placeholder:text-[#9d9ea3]"
|
||||
placeholder="请输入合法的JSON格式"
|
||||
:placeholder="t('agent.tools.pleaseInputValidJson')"
|
||||
@blur="
|
||||
handleJsonChange(field.key, $event.detail.value, field)
|
||||
"
|
||||
@@ -532,7 +533,7 @@ onMounted(async () => {
|
||||
v-model="tempParams[field.key]"
|
||||
class="box-border h-[80rpx] w-full border border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[16rpx_20rpx] text-[28rpx] text-[#232338] focus:border-[#336cff] focus:bg-white placeholder:text-[#9d9ea3]"
|
||||
type="number"
|
||||
:placeholder="`请输入${field.label}`"
|
||||
:placeholder="`${t('agent.tools.pleaseInput')}${field.label}`"
|
||||
@input="
|
||||
handleParamChange(
|
||||
field.key,
|
||||
@@ -549,10 +550,10 @@ onMounted(async () => {
|
||||
>
|
||||
<view class="flex-1">
|
||||
<text class="mb-[8rpx] block text-[28rpx] text-[#232338]">
|
||||
启用功能
|
||||
{{ t('agent.tools.enableFunction') }}
|
||||
</text>
|
||||
<text class="block text-[24rpx] text-[#65686f]">
|
||||
开启或关闭此功能
|
||||
{{ t('agent.tools.toggleFunction') }}
|
||||
</text>
|
||||
</view>
|
||||
<switch
|
||||
@@ -569,7 +570,7 @@ onMounted(async () => {
|
||||
v-model="tempParams[field.key]"
|
||||
class="box-border h-[80rpx] w-full border border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[16rpx_20rpx] text-[28rpx] text-[#232338] focus:border-[#336cff] focus:bg-white placeholder:text-[#9d9ea3]"
|
||||
type="text"
|
||||
:placeholder="`请输入${field.label}`"
|
||||
:placeholder="`${t('agent.tools.pleaseInput')}${field.label}`"
|
||||
@input="
|
||||
handleParamChange(field.key, $event.detail.value, field)
|
||||
"
|
||||
|
||||
@@ -15,6 +15,7 @@ import { computed, ref } from 'vue'
|
||||
import { getAudioId, getChatHistory } from '@/api/chat-history/chat-history'
|
||||
import { getEnvBaseUrl } from '@/utils'
|
||||
import { toast } from '@/utils/toast'
|
||||
import { t } from '@/i18n'
|
||||
|
||||
defineOptions({
|
||||
name: 'ChatDetail',
|
||||
@@ -49,7 +50,7 @@ const agentId = ref('')
|
||||
const currentAgent = computed(() => {
|
||||
return {
|
||||
id: agentId.value,
|
||||
agentName: '智能助手',
|
||||
agentName: t('chatHistory.assistantName'),
|
||||
}
|
||||
})
|
||||
|
||||
@@ -80,7 +81,7 @@ async function loadChatHistory() {
|
||||
}
|
||||
catch (error) {
|
||||
console.error('获取聊天记录失败:', error)
|
||||
toast.error('获取聊天记录失败')
|
||||
toast.error(t('chatHistory.loadFailed'))
|
||||
}
|
||||
finally {
|
||||
loading.value = false
|
||||
@@ -114,10 +115,10 @@ function getMessageContent(message: ChatMessage): string {
|
||||
function getSpeakerName(message: ChatMessage): string {
|
||||
if (message.chatType === 1) {
|
||||
const parsed = parseUserMessage(message.content)
|
||||
return parsed ? parsed.speaker : '用户'
|
||||
return parsed ? parsed.speaker : t('chatHistory.userName')
|
||||
}
|
||||
else {
|
||||
return currentAgent.value?.agentName || 'AI助手'
|
||||
return currentAgent.value?.agentName || t('chatHistory.aiAssistantName')
|
||||
}
|
||||
}
|
||||
|
||||
@@ -130,7 +131,7 @@ function formatTime(timeStr: string) {
|
||||
// 播放音频
|
||||
async function playAudio(audioId: string) {
|
||||
if (!audioId) {
|
||||
toast.error('音频ID无效')
|
||||
toast.error(t('chatHistory.invalidAudioId'))
|
||||
return
|
||||
}
|
||||
|
||||
@@ -168,7 +169,7 @@ async function playAudio(audioId: string) {
|
||||
// 监听播放错误
|
||||
audioContext.value.onError((error) => {
|
||||
console.error('音频播放失败:', error)
|
||||
toast.error('音频播放失败')
|
||||
toast.error(t('chatHistory.audioPlayFailed'))
|
||||
playingAudioId.value = null
|
||||
if (audioContext.value) {
|
||||
audioContext.value.destroy()
|
||||
@@ -181,7 +182,7 @@ async function playAudio(audioId: string) {
|
||||
}
|
||||
catch (error) {
|
||||
console.error('播放音频失败:', error)
|
||||
toast.error('播放音频失败')
|
||||
toast.error(t('chatHistory.playAudioFailed'))
|
||||
playingAudioId.value = null
|
||||
}
|
||||
}
|
||||
@@ -194,7 +195,7 @@ onLoad((options) => {
|
||||
}
|
||||
else {
|
||||
console.error('缺少必要参数')
|
||||
toast.error('页面参数错误')
|
||||
toast.error(t('chatHistory.parameterError'))
|
||||
}
|
||||
})
|
||||
|
||||
@@ -214,7 +215,7 @@ onUnload(() => {
|
||||
<view class="w-full bg-white" :style="{ height: `${safeAreaInsets?.top}px` }" />
|
||||
|
||||
<!-- 导航栏 -->
|
||||
<wd-navbar title="聊天详情">
|
||||
<wd-navbar :title="t('chatHistory.pageTitle')">
|
||||
<template #left>
|
||||
<wd-icon name="arrow-left" size="18" @click="goBack" />
|
||||
</template>
|
||||
@@ -230,7 +231,7 @@ onUnload(() => {
|
||||
<view v-if="loading" class="flex flex-col items-center justify-center gap-[20rpx] p-[100rpx_0]">
|
||||
<wd-loading />
|
||||
<text class="text-[28rpx] text-[#65686f]">
|
||||
加载中...
|
||||
{{ t('chatHistory.loading') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
|
||||
@@ -2,6 +2,7 @@
|
||||
import type { ChatSession } from '@/api/chat-history/types'
|
||||
import { computed, onMounted, ref } from 'vue'
|
||||
import { getChatSessions } from '@/api/chat-history/chat-history'
|
||||
import { t } from '@/i18n'
|
||||
|
||||
defineOptions({
|
||||
name: 'ChatHistory',
|
||||
@@ -53,11 +54,11 @@ const currentAgentId = computed(() => {
|
||||
// 加载聊天会话列表
|
||||
async function loadChatSessions(page = 1, isRefresh = false) {
|
||||
try {
|
||||
console.log('获取聊天会话列表', { page, isRefresh })
|
||||
console.log(t('chatHistory.getChatSessions'), { page, isRefresh })
|
||||
|
||||
// 检查是否有当前选中的智能体
|
||||
if (!currentAgentId.value) {
|
||||
console.warn('没有选中的智能体')
|
||||
console.warn(t('chatHistory.noSelectedAgent'))
|
||||
sessionList.value = []
|
||||
return
|
||||
}
|
||||
@@ -86,7 +87,7 @@ async function loadChatSessions(page = 1, isRefresh = false) {
|
||||
currentPage.value = page
|
||||
}
|
||||
catch (error) {
|
||||
console.error('获取聊天会话列表失败:', error)
|
||||
console.error(t('chatHistory.getChatSessionsFailed'), error)
|
||||
if (page === 1) {
|
||||
sessionList.value = []
|
||||
}
|
||||
@@ -115,48 +116,48 @@ async function loadMore() {
|
||||
// 格式化时间
|
||||
function formatTime(timeStr: string) {
|
||||
if (!timeStr)
|
||||
return '未知时间'
|
||||
|
||||
return t('chatHistory.unknownTime')
|
||||
|
||||
// 处理时间字符串，确保格式正确
|
||||
const date = new Date(timeStr.replace(' ', 'T')) // 转换为ISO格式
|
||||
const now = new Date()
|
||||
|
||||
|
||||
// 检查日期是否有效
|
||||
if (Number.isNaN(date.getTime())) {
|
||||
return timeStr // 如果解析失败，直接返回原字符串
|
||||
}
|
||||
|
||||
|
||||
const diff = now.getTime() - date.getTime()
|
||||
|
||||
|
||||
// 小于1分钟
|
||||
if (diff < 60000)
|
||||
return '刚刚'
|
||||
|
||||
return t('chatHistory.justNow')
|
||||
|
||||
// 小于1小时
|
||||
if (diff < 3600000)
|
||||
return `${Math.floor(diff / 60000)}分钟前`
|
||||
|
||||
return t('chatHistory.minutesAgo', { minutes: Math.floor(diff / 60000) })
|
||||
|
||||
// 小于1天（24小时）
|
||||
if (diff < 86400000)
|
||||
return `${Math.floor(diff / 3600000)}小时前`
|
||||
|
||||
return t('chatHistory.hoursAgo', { hours: Math.floor(diff / 3600000) })
|
||||
|
||||
// 小于7天
|
||||
if (diff < 604800000) {
|
||||
const days = Math.floor(diff / 86400000)
|
||||
return `${days}天前`
|
||||
return t('chatHistory.daysAgo', { days })
|
||||
}
|
||||
|
||||
|
||||
// 超过7天，显示具体日期
|
||||
const year = date.getFullYear()
|
||||
const month = String(date.getMonth() + 1).padStart(2, '0')
|
||||
const day = String(date.getDate()).padStart(2, '0')
|
||||
const currentYear = now.getFullYear()
|
||||
|
||||
|
||||
// 如果是当前年份，不显示年份
|
||||
if (year === currentYear) {
|
||||
return `${month}-${day}`
|
||||
}
|
||||
|
||||
|
||||
return `${year}-${month}-${day}`
|
||||
}
|
||||
|
||||
@@ -186,8 +187,8 @@ defineExpose({
|
||||
<view v-if="loading && sessionList.length === 0" class="loading-container">
|
||||
<wd-loading color="#336cff" />
|
||||
<text class="loading-text">
|
||||
加载中...
|
||||
</text>
|
||||
{{ t('chatHistory.loading') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
<!-- 会话列表 -->
|
||||
@@ -204,7 +205,7 @@ defineExpose({
|
||||
<view class="session-info">
|
||||
<view class="session-header">
|
||||
<text class="session-title">
|
||||
对话记录 {{ session.sessionId.substring(0, 8) }}...
|
||||
{{ t('chatHistory.conversationRecord') }} {{ session.sessionId.substring(0, 8) }}...
|
||||
</text>
|
||||
<text class="session-time">
|
||||
{{ formatTime(session.createdAt) }}
|
||||
@@ -212,7 +213,7 @@ defineExpose({
|
||||
</view>
|
||||
<view class="session-meta">
|
||||
<text class="chat-count">
|
||||
共 {{ session.chatCount }} 条对话
|
||||
{{ t('chatHistory.totalChats', { count: session.chatCount }) }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -225,14 +226,14 @@ defineExpose({
|
||||
<view v-if="loadingMore" class="loading-more">
|
||||
<wd-loading color="#336cff" size="24" />
|
||||
<text class="loading-more-text">
|
||||
加载中...
|
||||
{{ t('chatHistory.loading') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
<!-- 没有更多数据 -->
|
||||
<view v-else-if="!hasMore && sessionList.length > 0" class="no-more">
|
||||
<text class="no-more-text">
|
||||
没有更多数据了
|
||||
{{ t('chatHistory.noMoreData') }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -241,11 +242,11 @@ defineExpose({
|
||||
<view v-else-if="!loading" class="empty-state">
|
||||
<wd-icon name="chat" custom-class="empty-icon" />
|
||||
<text class="empty-text">
|
||||
暂无聊天记录
|
||||
</text>
|
||||
<text class="empty-desc">
|
||||
与智能体的对话记录会显示在这里
|
||||
</text>
|
||||
{{ t('chatHistory.noChatRecords') }}
|
||||
</text>
|
||||
<text class="empty-desc">
|
||||
{{ t('chatHistory.chatRecordsDescription') }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<script setup lang="ts">
|
||||
import { computed, ref } from 'vue'
|
||||
import { useToast } from 'wot-design-uni'
|
||||
import { t } from '@/i18n'
|
||||
|
||||
// 类型定义
|
||||
interface WiFiNetwork {
|
||||
@@ -53,7 +54,7 @@ const audioLengthText = computed(() => {
|
||||
const textBytes = stringToBytes(dataStr)
|
||||
const totalBits = (START_BYTES.length + textBytes.length + 1 + END_BYTES.length) * 8
|
||||
const duration = Math.ceil(totalBits / BIT_RATE)
|
||||
return `约${duration}秒`
|
||||
return `${t('deviceConfig.about')}${duration}${t('deviceConfig.seconds')}`
|
||||
})
|
||||
|
||||
// 字符串转字节数组 - uniapp兼容版本
|
||||
@@ -227,15 +228,15 @@ async function generateAndPlay() {
|
||||
generating.value = true
|
||||
|
||||
try {
|
||||
console.log('生成超声波配网音频...')
|
||||
console.log(t('deviceConfig.generatingUltrasonicConfigAudio') + '...')
|
||||
|
||||
// 准备配网数据 - 参考HTML文件格式
|
||||
const dataStr = `${props.selectedNetwork.ssid}\n${props.password}`
|
||||
const textBytes = stringToBytes(dataStr)
|
||||
const fullBytes = [...START_BYTES, ...textBytes, checksum(textBytes), ...END_BYTES]
|
||||
|
||||
console.log('配网数据:', { ssid: props.selectedNetwork.ssid, password: props.password })
|
||||
console.log('数据字节长度:', textBytes.length)
|
||||
console.log(t('deviceConfig.configData') + ':', { ssid: props.selectedNetwork.ssid, password: props.password })
|
||||
console.log(t('deviceConfig.dataBytesLength') + ':', textBytes.length)
|
||||
|
||||
// 转换为比特流
|
||||
let bits: number[] = []
|
||||
@@ -243,7 +244,7 @@ async function generateAndPlay() {
|
||||
bits = bits.concat(toBits(b))
|
||||
})
|
||||
|
||||
console.log('比特流长度:', bits.length)
|
||||
console.log(t('deviceConfig.bitStreamLength') + ':', bits.length)
|
||||
|
||||
// AFSK调制 - 减少采样率降低文件大小
|
||||
const reducedSampleRate = 22050 // 降低采样率
|
||||
@@ -266,19 +267,19 @@ async function generateAndPlay() {
|
||||
const base64 = arrayBufferToBase64(wavBuffer)
|
||||
const dataUri = `data:audio/wav;base64,${base64}`
|
||||
|
||||
console.log('base64长度:', base64.length, '约', Math.round(base64.length / 1024), 'KB')
|
||||
console.log(t('deviceConfig.base64Length') + ':', base64.length, t('deviceConfig.about'), Math.round(base64.length / 1024), 'KB')
|
||||
|
||||
// 检查数据大小
|
||||
if (base64.length > 1024 * 1024) { // 超过1MB
|
||||
throw new Error('音频文件过大，请缩短SSID或密码长度')
|
||||
throw new Error(t('deviceConfig.audioFileTooLarge'))
|
||||
}
|
||||
|
||||
audioFilePath.value = dataUri
|
||||
audioGenerated.value = true
|
||||
|
||||
console.log('音频生成成功，比特流长度:', bits.length, '采样点数:', floatBuf.length)
|
||||
console.log(t('deviceConfig.audioGenerationSuccess') + '，比特流长度:', bits.length, t('deviceConfig.samplePoints') + ':', floatBuf.length)
|
||||
|
||||
toast.success('声波生成成功')
|
||||
toast.success(t('deviceConfig.soundWaveGenerationSuccess'))
|
||||
|
||||
// 延迟播放
|
||||
setTimeout(async () => {
|
||||
@@ -286,8 +287,8 @@ async function generateAndPlay() {
|
||||
}, 800) // 增加延迟时间
|
||||
}
|
||||
catch (error) {
|
||||
console.error('音频生成失败:', error)
|
||||
toast.error(`声波生成失败: ${error.message || error}`)
|
||||
console.error(t('deviceConfig.audioGenerationFailed') + ':', error)
|
||||
toast.error(`${t('deviceConfig.soundWaveGenerationFailed')}: ${error.message || error}`)
|
||||
}
|
||||
finally {
|
||||
generating.value = false
|
||||
@@ -344,7 +345,7 @@ function buildWavOptimized(pcm: Uint8Array, sampleRate: number): ArrayBuffer {
|
||||
// 播放音频
|
||||
async function playAudio() {
|
||||
if (!audioFilePath.value) {
|
||||
toast.error('请先生成音频')
|
||||
toast.error(t('deviceConfig.pleaseGenerateAudioFirst'))
|
||||
return
|
||||
}
|
||||
|
||||
@@ -356,7 +357,7 @@ async function playAudio() {
|
||||
await new Promise(resolve => setTimeout(resolve, 200))
|
||||
|
||||
playing.value = true
|
||||
console.log('开始播放超声波配网音频')
|
||||
console.log(t('deviceConfig.startPlayingUltrasonicConfigAudio'))
|
||||
|
||||
// 创建新的音频上下文
|
||||
const innerAudioContext = uni.createInnerAudioContext()
|
||||
@@ -370,12 +371,12 @@ async function playAudio() {
|
||||
|
||||
// 简化的事件监听
|
||||
innerAudioContext.onPlay(() => {
|
||||
console.log('超声波音频开始播放')
|
||||
toast.success('开始播放配网声波')
|
||||
console.log(t('deviceConfig.ultrasonicAudioStartedPlaying'))
|
||||
toast.success(t('deviceConfig.startPlayingConfigSoundWave'))
|
||||
})
|
||||
|
||||
innerAudioContext.onEnded(() => {
|
||||
console.log('超声波音频播放结束')
|
||||
console.log(t('deviceConfig.ultrasonicAudioPlaybackEnded'))
|
||||
if (!autoLoop.value) {
|
||||
playing.value = false
|
||||
cleanupAudio()
|
||||
@@ -383,18 +384,18 @@ async function playAudio() {
|
||||
})
|
||||
|
||||
innerAudioContext.onError((error) => {
|
||||
console.error('音频播放失败:', error)
|
||||
console.error(t('deviceConfig.audioPlaybackFailed') + ':', error)
|
||||
playing.value = false
|
||||
|
||||
let errorMsg = '音频播放失败'
|
||||
let errorMsg = t('deviceConfig.audioPlaybackFailed')
|
||||
if (error.errCode === -99) {
|
||||
errorMsg = '音频资源繁忙，请稍后重试'
|
||||
errorMsg = t('deviceConfig.audioResourceBusy')
|
||||
}
|
||||
else if (error.errCode === 10004) {
|
||||
errorMsg = '音频格式不支持，可能是data URI问题'
|
||||
errorMsg = t('deviceConfig.audioFormatNotSupported')
|
||||
}
|
||||
else if (error.errCode === 10003) {
|
||||
errorMsg = '音频文件错误'
|
||||
errorMsg = t('deviceConfig.audioFileError')
|
||||
}
|
||||
|
||||
toast.error(errorMsg)
|
||||
@@ -416,10 +417,10 @@ async function playAudio() {
|
||||
}, 300)
|
||||
}
|
||||
catch (error) {
|
||||
console.error('播放音频异常:', error)
|
||||
playing.value = false
|
||||
await cleanupAudio()
|
||||
toast.error(`播放失败: ${error.message}`)
|
||||
console.error(t('deviceConfig.audioPlaybackError') + ':', error)
|
||||
playing.value = false
|
||||
await cleanupAudio()
|
||||
toast.error(`${t('deviceConfig.playbackFailed')}: ${error.message}`)
|
||||
}
|
||||
}
|
||||
|
||||
@@ -429,10 +430,10 @@ async function cleanupAudio() {
|
||||
try {
|
||||
audioContext.value.pause()
|
||||
audioContext.value.destroy()
|
||||
console.log('清理音频上下文')
|
||||
console.log(t('deviceConfig.cleaningUpAudioContext'))
|
||||
}
|
||||
catch (e) {
|
||||
console.log('清理音频上下文失败:', e)
|
||||
console.log(t('deviceConfig.cleaningUpAudioContextFailed') + ':', e)
|
||||
}
|
||||
finally {
|
||||
audioContext.value = null
|
||||
@@ -445,8 +446,8 @@ async function stopAudio() {
|
||||
playing.value = false
|
||||
await cleanupAudio()
|
||||
|
||||
console.log('停止播放超声波音频')
|
||||
toast.success('已停止播放')
|
||||
console.log(t('deviceConfig.stoppedPlayingUltrasonicAudio'))
|
||||
toast.success(t('deviceConfig.stoppedPlaying'))
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -456,18 +457,18 @@ async function stopAudio() {
|
||||
<view v-if="props.selectedNetwork" class="selected-network">
|
||||
<view class="network-info">
|
||||
<view class="network-name">
|
||||
选中网络: {{ props.selectedNetwork.ssid }}
|
||||
{{ t('deviceConfig.selectedNetwork') }}: {{ props.selectedNetwork.ssid }}
|
||||
</view>
|
||||
<view class="network-details">
|
||||
<text class="network-signal">
|
||||
信号: {{ props.selectedNetwork.rssi }}dBm
|
||||
{{ t('deviceConfig.signal') }}: {{ props.selectedNetwork.rssi }}dBm
|
||||
</text>
|
||||
<text class="network-security">
|
||||
{{ props.selectedNetwork.authmode === 0 ? '开放网络' : '加密网络' }}
|
||||
{{ props.selectedNetwork.authmode === 0 ? t('deviceConfig.openNetwork') : t('deviceConfig.encryptedNetwork') }}
|
||||
</text>
|
||||
</view>
|
||||
<view v-if="props.password" class="network-password">
|
||||
密码: {{ '*'.repeat(props.password.length) }}
|
||||
{{ t('deviceConfig.password') }}: {{ '*'.repeat(props.password.length) }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -482,81 +483,81 @@ async function stopAudio() {
|
||||
:disabled="!canGenerate"
|
||||
@click="generateAndPlay"
|
||||
>
|
||||
{{ generating ? '生成中...' : '🎵 生成并播放声波' }}
|
||||
</wd-button>
|
||||
{{ generating ? t('deviceConfig.generating') : '🎵 ' + t('deviceConfig.generateAndPlaySoundWave') }}
|
||||
</wd-button>
|
||||
|
||||
<wd-button
|
||||
v-if="audioGenerated"
|
||||
type="success"
|
||||
size="large"
|
||||
block
|
||||
:loading="playing"
|
||||
@click="playAudio"
|
||||
>
|
||||
{{ playing ? '播放中...' : '🔊 播放声波' }}
|
||||
</wd-button>
|
||||
<wd-button
|
||||
v-if="audioGenerated"
|
||||
type="success"
|
||||
size="large"
|
||||
block
|
||||
:loading="playing"
|
||||
@click="playAudio"
|
||||
>
|
||||
{{ playing ? t('deviceConfig.playing') : '🔊 ' + t('deviceConfig.playSoundWave') }}
|
||||
</wd-button>
|
||||
|
||||
<wd-button
|
||||
v-if="playing"
|
||||
type="warning"
|
||||
size="large"
|
||||
block
|
||||
@click="stopAudio"
|
||||
>
|
||||
⏹️ 停止播放
|
||||
</wd-button>
|
||||
<wd-button
|
||||
v-if="playing"
|
||||
type="warning"
|
||||
size="large"
|
||||
block
|
||||
@click="stopAudio"
|
||||
>
|
||||
⏹️ {{ t('deviceConfig.stopPlaying') }}
|
||||
</wd-button>
|
||||
</view>
|
||||
|
||||
<!-- 音频控制选项 -->
|
||||
<view v-if="audioGenerated" class="audio-options">
|
||||
<view class="option-item">
|
||||
<wd-checkbox v-model="autoLoop">
|
||||
自动循环播放声波
|
||||
</wd-checkbox>
|
||||
</view>
|
||||
<wd-checkbox v-model="autoLoop">
|
||||
{{ t('deviceConfig.autoLoopPlaySoundWave') }}
|
||||
</wd-checkbox>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 音频播放器 -->
|
||||
<view v-if="audioGenerated" class="audio-player">
|
||||
<view class="player-info">
|
||||
<text class="audio-title">
|
||||
配网音频文件
|
||||
{{ t('deviceConfig.configAudioFile') }}
|
||||
</text>
|
||||
<text class="audio-duration">
|
||||
时长: {{ audioLengthText }}
|
||||
{{ t('deviceConfig.duration') }}: {{ audioLengthText }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 使用说明 -->
|
||||
<view class="help-section">
|
||||
<view class="help-title">
|
||||
超声波配网说明
|
||||
<view class="help-title">
|
||||
{{ t('deviceConfig.ultrasonicConfigInstructions') }}
|
||||
</view>
|
||||
<view class="help-content">
|
||||
<text class="help-item">
|
||||
1. {{ t('deviceConfig.ensureWifiNetworkSelectedAndPasswordEntered') }}
|
||||
</text>
|
||||
<text class="help-item">
|
||||
2. {{ t('deviceConfig.clickGenerateAndPlaySoundWave') }}
|
||||
</text>
|
||||
<text class="help-item">
|
||||
3. {{ t('deviceConfig.bringPhoneCloseToXiaozhiDevice') }}
|
||||
</text>
|
||||
<text class="help-item">
|
||||
4. {{ t('deviceConfig.duringAudioPlaybackXiaozhiWillReceive') }}
|
||||
</text>
|
||||
<text class="help-item">
|
||||
5. {{ t('deviceConfig.afterConfigSuccessDeviceWillConnect') }}
|
||||
</text>
|
||||
<text class="help-tip">
|
||||
{{ t('deviceConfig.usesAfskModulation') }}
|
||||
</text>
|
||||
<text class="help-tip">
|
||||
{{ t('deviceConfig.ensureModeratePhoneVolume') }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="help-content">
|
||||
<text class="help-item">
|
||||
1. 确保已选择WiFi网络并输入密码
|
||||
</text>
|
||||
<text class="help-item">
|
||||
2. 点击生成并播放声波，系统会将配网信息编码为音频
|
||||
</text>
|
||||
<text class="help-item">
|
||||
3. 将手机靠近xiaozhi设备（距离1-2米）
|
||||
</text>
|
||||
<text class="help-item">
|
||||
4. 音频播放时，xiaozhi会接收并解码配网信息
|
||||
</text>
|
||||
<text class="help-item">
|
||||
5. 配网成功后设备会自动连接WiFi网络
|
||||
</text>
|
||||
<text class="help-tip">
|
||||
使用AFSK调制技术，通过1800Hz和1500Hz频率传输数据
|
||||
</text>
|
||||
<text class="help-tip">
|
||||
请确保手机音量适中，避免环境噪音干扰
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<script setup lang="ts">
|
||||
import { computed, ref } from 'vue'
|
||||
import { useToast } from 'wot-design-uni'
|
||||
import { t } from '@/i18n'
|
||||
|
||||
// 类型定义
|
||||
interface WiFiNetwork {
|
||||
@@ -44,7 +45,7 @@ async function checkESP32Connection() {
|
||||
return response.statusCode === 200
|
||||
}
|
||||
catch (error) {
|
||||
console.log('ESP32连接检查失败:', error)
|
||||
console.log(t('deviceConfig.esp32ConnectionCheckFailed') + ':', error)
|
||||
return false
|
||||
}
|
||||
}
|
||||
@@ -57,12 +58,12 @@ async function submitConfig() {
|
||||
// 检查ESP32连接
|
||||
const connected = await checkESP32Connection()
|
||||
if (!connected) {
|
||||
toast.error('请先连接xiaozhi热点')
|
||||
return
|
||||
}
|
||||
toast.error(t('deviceConfig.connectXiaozhiHotspot'))
|
||||
return
|
||||
}
|
||||
|
||||
configuring.value = true
|
||||
console.log('开始WiFi配网:', props.selectedNetwork.ssid)
|
||||
console.log(t('deviceConfig.startWifiConfig') + ':', props.selectedNetwork.ssid)
|
||||
|
||||
try {
|
||||
const response = await uni.request({
|
||||
@@ -81,16 +82,16 @@ async function submitConfig() {
|
||||
console.log('WiFi配网响应:', response)
|
||||
|
||||
if (response.statusCode === 200 && (response.data as any)?.success) {
|
||||
toast.success(`配网成功！设备将连接到 ${props.selectedNetwork.ssid}，设备会自动重启。请断开xiaozhi热点连接。`)
|
||||
toast.success(`${t('deviceConfig.configSuccess')}！${t('deviceConfig.deviceWillConnectTo')} ${props.selectedNetwork.ssid}，${t('deviceConfig.deviceWillRestart')}。${t('deviceConfig.pleaseDisconnectXiaozhiHotspot')}`)
|
||||
}
|
||||
else {
|
||||
const errorMsg = (response.data as any)?.error || '配网失败'
|
||||
const errorMsg = (response.data as any)?.error || t('deviceConfig.configFailed')
|
||||
toast.error(errorMsg)
|
||||
}
|
||||
}
|
||||
catch (error) {
|
||||
console.error('WiFi配网失败:', error)
|
||||
toast.error('配网失败，请检查网络连接')
|
||||
console.error(t('deviceConfig.wifiConfigFailed') + ':', error)
|
||||
toast.error(`${t('deviceConfig.configFailed')}，${t('deviceConfig.pleaseCheckNetworkConnection')}`)
|
||||
}
|
||||
finally {
|
||||
configuring.value = false
|
||||
@@ -104,14 +105,14 @@ async function submitConfig() {
|
||||
<view v-if="props.selectedNetwork" class="selected-network">
|
||||
<view class="network-info">
|
||||
<view class="network-name">
|
||||
选中网络: {{ props.selectedNetwork.ssid }}
|
||||
{{ t('deviceConfig.selectedNetwork') }}: {{ props.selectedNetwork.ssid }}
|
||||
</view>
|
||||
<view class="network-details">
|
||||
<text class="network-signal">
|
||||
信号: {{ props.selectedNetwork.rssi }}dBm
|
||||
{{ t('deviceConfig.signal') }}: {{ props.selectedNetwork.rssi }}dBm
|
||||
</text>
|
||||
<text class="network-security">
|
||||
{{ props.selectedNetwork.authmode === 0 ? '开放网络' : '加密网络' }}
|
||||
{{ props.selectedNetwork.authmode === 0 ? t('deviceConfig.openNetwork') : t('deviceConfig.encryptedNetwork') }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -127,30 +128,30 @@ async function submitConfig() {
|
||||
:disabled="!canSubmit"
|
||||
@click="submitConfig"
|
||||
>
|
||||
{{ configuring ? '配网中...' : '开始WiFi配网' }}
|
||||
{{ configuring ? t('deviceConfig.configuring') : t('deviceConfig.startWifiConfigButton') }}
|
||||
</wd-button>
|
||||
</view>
|
||||
|
||||
<!-- 使用说明 -->
|
||||
<view class="help-section">
|
||||
<view class="help-title">
|
||||
WiFi配网说明
|
||||
</view>
|
||||
<view class="help-title">
|
||||
{{ t('deviceConfig.wifiConfigInstructions') }}
|
||||
</view>
|
||||
<view class="help-content">
|
||||
<text class="help-item">
|
||||
1. 手机连接xiaozhi热点 (xiaozhi-XXXXXX)
|
||||
1. {{ t('deviceConfig.phoneConnectXiaozhiHotspot') }} (xiaozhi-XXXXXX)
|
||||
</text>
|
||||
<text class="help-item">
|
||||
2. 选择要配网的目标WiFi网络
|
||||
2. {{ t('deviceConfig.selectTargetWifiNetwork') }}
|
||||
</text>
|
||||
<text class="help-item">
|
||||
3. 输入WiFi密码（如果需要）
|
||||
3. {{ t('deviceConfig.enterWifiPasswordIfNeeded') }}
|
||||
</text>
|
||||
<text class="help-item">
|
||||
4. 点击开始配网，等待设备连接
|
||||
4. {{ t('deviceConfig.clickStartConfigAndWait') }}
|
||||
</text>
|
||||
<text class="help-tip">
|
||||
配网成功后设备会自动重启并连接目标WiFi
|
||||
{{ t('deviceConfig.afterConfigSuccessDeviceWillRestart') }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
<script setup lang="ts">
|
||||
import { computed, defineEmits, defineExpose, onMounted, ref } from 'vue'
|
||||
import { useToast } from 'wot-design-uni'
|
||||
import { t } from '@/i18n'
|
||||
|
||||
// 类型定义
|
||||
interface WiFiNetwork {
|
||||
@@ -40,7 +41,7 @@ const selectorExpanded = ref(false)
|
||||
// 计算属性
|
||||
const networkDisplayText = computed(() => {
|
||||
if (!selectedNetwork.value)
|
||||
return '请选择WiFi网络'
|
||||
return t('deviceConfig.selectWifiNetwork')
|
||||
return selectedNetwork.value.ssid
|
||||
})
|
||||
|
||||
@@ -55,7 +56,7 @@ async function checkESP32Connection() {
|
||||
})
|
||||
isConnectedToESP32.value = response.statusCode === 200
|
||||
emit('connection-status', isConnectedToESP32.value)
|
||||
console.log('xiaozhi连接状态:', isConnectedToESP32.value)
|
||||
console.log(`${t('deviceConfig.xiaozhi')}连接状态:`, isConnectedToESP32.value)
|
||||
}
|
||||
catch (error) {
|
||||
isConnectedToESP32.value = false
|
||||
@@ -70,9 +71,9 @@ async function checkESP32Connection() {
|
||||
// 扫描WiFi网络
|
||||
async function scanWifi() {
|
||||
if (!isConnectedToESP32.value) {
|
||||
toast.error('请先连接xiaozhi热点')
|
||||
return
|
||||
}
|
||||
toast.error(t('deviceConfig.connectXiaozhiHotspot'))
|
||||
return
|
||||
}
|
||||
|
||||
scanning.value = true
|
||||
console.log('开始扫描WiFi网络')
|
||||
@@ -84,13 +85,13 @@ async function scanWifi() {
|
||||
timeout: 10000,
|
||||
})
|
||||
|
||||
console.log('WiFi扫描响应:', response)
|
||||
console.log(t('deviceConfig.wifiScanResponse') + ':', response)
|
||||
|
||||
if (response.statusCode === 200 && response.data) {
|
||||
const data = response.data as any
|
||||
if (data.success && Array.isArray(data.networks)) {
|
||||
wifiNetworks.value = data.networks
|
||||
console.log(`扫描成功，发现 ${data.networks.length} 个网络`)
|
||||
console.log(`${t('deviceConfig.scanSuccess')}，发现 ${data.networks.length} ${t('deviceConfig.networks')}`)
|
||||
}
|
||||
else if (Array.isArray(response.data)) {
|
||||
// 兼容旧格式
|
||||
@@ -110,8 +111,8 @@ async function scanWifi() {
|
||||
}
|
||||
}
|
||||
catch (error) {
|
||||
console.error('WiFi扫描失败:', error)
|
||||
toast.error('扫描失败，请检查xiaozhi连接')
|
||||
console.error(t('deviceConfig.wifiScanFailed') + ':', error)
|
||||
toast.error(t('deviceConfig.scanFailedCheckConnection'))
|
||||
}
|
||||
finally {
|
||||
scanning.value = false
|
||||
@@ -124,9 +125,9 @@ async function showNetworkSelector() {
|
||||
await checkESP32Connection()
|
||||
|
||||
if (!isConnectedToESP32.value) {
|
||||
toast.error('请先连接xiaozhi热点')
|
||||
return
|
||||
}
|
||||
toast.error(t('deviceConfig.connectXiaozhiHotspot'))
|
||||
return
|
||||
}
|
||||
|
||||
selectorExpanded.value = true
|
||||
|
||||
@@ -172,12 +173,12 @@ function reset() {
|
||||
// 获取信号强度描述
|
||||
function getSignalStrength(rssi: number): string {
|
||||
if (rssi >= -50)
|
||||
return '信号强'
|
||||
return t('deviceConfig.signalStrong')
|
||||
if (rssi >= -60)
|
||||
return '信号良好'
|
||||
return t('deviceConfig.signalGood')
|
||||
if (rssi >= -70)
|
||||
return '信号一般'
|
||||
return '信号弱'
|
||||
return t('deviceConfig.signalFair')
|
||||
return t('deviceConfig.signalWeak')
|
||||
}
|
||||
|
||||
// 获取信号强度颜色
|
||||
@@ -212,81 +213,81 @@ onMounted(() => {
|
||||
<!-- Xiaozhi连接状态 -->
|
||||
<view v-if="props.autoConnect" class="connection-status">
|
||||
<view v-if="!isConnectedToESP32" class="status-warning">
|
||||
<view class="status-content">
|
||||
<text class="warning-text">
|
||||
请先连接xiaozhi热点 (xiaozhi-XXXXXX)
|
||||
</text>
|
||||
<wd-button
|
||||
size="small"
|
||||
type="primary"
|
||||
:loading="checkingConnection"
|
||||
@click="checkESP32Connection"
|
||||
>
|
||||
{{ checkingConnection ? '检测中...' : '重新检测' }}
|
||||
</wd-button>
|
||||
<view class="status-content">
|
||||
<text class="warning-text">
|
||||
{{ t('deviceConfig.connectXiaozhiHotspot') }} (xiaozhi-XXXXXX)
|
||||
</text>
|
||||
<wd-button
|
||||
size="small"
|
||||
type="primary"
|
||||
:loading="checkingConnection"
|
||||
@click="checkESP32Connection"
|
||||
>
|
||||
{{ checkingConnection ? t('deviceConfig.checking') : t('deviceConfig.reCheck') }}
|
||||
</wd-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="status-success">
|
||||
<view class="status-content">
|
||||
<text class="success-text">
|
||||
已连接xiaozhi热点
|
||||
</text>
|
||||
<wd-button
|
||||
size="small"
|
||||
:loading="checkingConnection"
|
||||
@click="checkESP32Connection"
|
||||
>
|
||||
{{ checkingConnection ? '检测中...' : '刷新状态' }}
|
||||
</wd-button>
|
||||
<view class="status-content">
|
||||
<text class="success-text">
|
||||
{{ t('deviceConfig.connectedXiaozhiHotspot') }}
|
||||
</text>
|
||||
<wd-button
|
||||
size="small"
|
||||
:loading="checkingConnection"
|
||||
@click="checkESP32Connection"
|
||||
>
|
||||
{{ checkingConnection ? t('deviceConfig.checking') : t('deviceConfig.refreshStatus') }}
|
||||
</wd-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- WiFi网络选择器 -->
|
||||
<view class="network-selector">
|
||||
<view class="selector-item" @click="showNetworkSelector">
|
||||
<text class="selector-label">
|
||||
WiFi网络
|
||||
</text>
|
||||
<text class="selector-value">
|
||||
{{ networkDisplayText }}
|
||||
</text>
|
||||
<wd-icon name="arrow-right" custom-class="arrow-icon" />
|
||||
<view class="selector-item" @click="showNetworkSelector">
|
||||
<text class="selector-label">
|
||||
{{ t('deviceConfig.wifiNetwork') }}
|
||||
</text>
|
||||
<text class="selector-value">
|
||||
{{ networkDisplayText }}
|
||||
</text>
|
||||
<wd-icon name="arrow-right" custom-class="arrow-icon" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 展开的网络列表 -->
|
||||
<view v-if="selectorExpanded" class="network-list-overlay">
|
||||
<view class="network-list-container">
|
||||
<view class="list-header">
|
||||
<text class="list-title">
|
||||
选择WiFi网络
|
||||
</text>
|
||||
<view class="list-actions">
|
||||
<wd-button
|
||||
type="primary"
|
||||
size="small"
|
||||
:loading="scanning"
|
||||
@click="scanWifi"
|
||||
>
|
||||
{{ scanning ? '扫描中...' : '刷新扫描' }}
|
||||
</wd-button>
|
||||
<wd-button
|
||||
size="small"
|
||||
@click="selectorExpanded = false"
|
||||
>
|
||||
取消
|
||||
</wd-button>
|
||||
<text class="list-title">
|
||||
{{ t('deviceConfig.selectWifiNetwork') }}
|
||||
</text>
|
||||
<view class="list-actions">
|
||||
<wd-button
|
||||
type="primary"
|
||||
size="small"
|
||||
:loading="scanning"
|
||||
@click="scanWifi"
|
||||
>
|
||||
{{ scanning ? t('deviceConfig.scanning') : t('deviceConfig.refreshScan') }}
|
||||
</wd-button>
|
||||
<wd-button
|
||||
size="small"
|
||||
@click="selectorExpanded = false"
|
||||
>
|
||||
{{ t('deviceConfig.cancel') }}
|
||||
</wd-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="network-list">
|
||||
<view v-if="wifiNetworks.length === 0 && !scanning" class="empty-state">
|
||||
<text class="empty-text">
|
||||
暂无WiFi网络
|
||||
{{ t('deviceConfig.noWifiNetworks') }}
|
||||
</text>
|
||||
<text class="empty-tip">
|
||||
请点击刷新扫描
|
||||
{{ t('deviceConfig.clickRefreshScan') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
@@ -303,16 +304,16 @@ onMounted(() => {
|
||||
</view>
|
||||
<view class="wifi-details">
|
||||
<text class="wifi-signal">
|
||||
信号: {{ network.rssi }}dBm
|
||||
{{ t('deviceConfig.signal') }}: {{ network.rssi }}dBm
|
||||
</text>
|
||||
<text class="wifi-channel">
|
||||
频道: {{ network.channel }}
|
||||
{{ t('deviceConfig.channel') }}: {{ network.channel }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="wifi-security">
|
||||
<text class="security-icon">
|
||||
{{ network.authmode === 0 ? '开放' : '加密' }}
|
||||
{{ network.authmode === 0 ? t('deviceConfig.open') : t('deviceConfig.encrypted') }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -324,17 +325,17 @@ onMounted(() => {
|
||||
<!-- 密码输入 -->
|
||||
<view v-if="selectedNetwork && selectedNetwork.authmode > 0" class="password-section">
|
||||
<view class="password-item">
|
||||
<text class="password-label">
|
||||
网络密码
|
||||
</text>
|
||||
<wd-input
|
||||
v-model="password"
|
||||
placeholder="请输入WiFi密码"
|
||||
show-password
|
||||
clearable
|
||||
@input="onPasswordChange"
|
||||
/>
|
||||
</view>
|
||||
<text class="password-label">
|
||||
{{ t('deviceConfig.networkPassword') }}
|
||||
</text>
|
||||
<wd-input
|
||||
v-model="password"
|
||||
:placeholder="t('deviceConfig.enterWifiPassword')"
|
||||
show-password
|
||||
clearable
|
||||
@input="onPasswordChange"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue'
|
||||
import { t } from '@/i18n'
|
||||
import UltrasonicConfig from './components/ultrasonic-config.vue'
|
||||
import WifiConfig from './components/wifi-config.vue'
|
||||
import WifiSelector from './components/wifi-selector.vue'
|
||||
@@ -33,11 +34,11 @@ const selectedWifiInfo = ref<{
|
||||
// 配网模式选项
|
||||
const configTypeOptions = [
|
||||
{
|
||||
name: 'WiFi配网',
|
||||
name: t('deviceConfig.wifiConfig'),
|
||||
value: 'wifi' as const,
|
||||
},
|
||||
// {
|
||||
// name: '超声波配网',
|
||||
// name: t('deviceConfig.ultrasonicConfig'),
|
||||
// value: 'ultrasonic' as const,
|
||||
// },
|
||||
]
|
||||
@@ -67,28 +68,36 @@ function onNetworkSelected(network: WiFiNetwork | null, password: string) {
|
||||
function onConnectionStatusChange(connected: boolean) {
|
||||
console.log('ESP32连接状态:', connected)
|
||||
}
|
||||
|
||||
// 在组件挂载后设置导航栏标题
|
||||
import { onMounted } from 'vue'
|
||||
onMounted(() => {
|
||||
uni.setNavigationBarTitle({
|
||||
title: t('deviceConfig.pageTitle')
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<view class="min-h-screen bg-[#f5f7fb]">
|
||||
<wd-navbar title="设备配网" safe-area-inset-top />
|
||||
<wd-navbar :title="t('deviceConfig.pageTitle')" safe-area-inset-top />
|
||||
|
||||
<view class="box-border px-[20rpx]">
|
||||
<!-- 配网方式选择 -->
|
||||
<view class="pb-[20rpx] first:pt-[20rpx]">
|
||||
<text class="text-[32rpx] text-[#232338] font-bold">
|
||||
配网方式
|
||||
</text>
|
||||
{{ t('deviceConfig.configMethod') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
<view class="mb-[24rpx] border border-[#eeeeee] rounded-[20rpx] bg-[#fbfbfb] p-[24rpx]" style="box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);">
|
||||
<view class="flex cursor-pointer items-center justify-between border border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[20rpx] transition-all duration-300 active:border-[#336cff] active:bg-[#eef3ff]" @click="showConfigTypeSelector">
|
||||
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||
配网方式
|
||||
</text>
|
||||
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
||||
{{ configType === 'wifi' ? 'WiFi配网' : '超声波配网' }}
|
||||
</text>
|
||||
{{ t('deviceConfig.configMethod') }}
|
||||
</text>
|
||||
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
||||
{{ configType === 'wifi' ? t('deviceConfig.wifiConfig') : t('deviceConfig.ultrasonicConfig') }}
|
||||
</text>
|
||||
<wd-icon name="arrow-right" custom-class="text-[20rpx] text-[#9d9ea3]" />
|
||||
</view>
|
||||
</view>
|
||||
@@ -96,8 +105,8 @@ function onConnectionStatusChange(connected: boolean) {
|
||||
<!-- WiFi网络选择 -->
|
||||
<view class="pb-[20rpx]">
|
||||
<text class="text-[32rpx] text-[#232338] font-bold">
|
||||
网络配置
|
||||
</text>
|
||||
{{ t('deviceConfig.networkConfig') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
<view class="mb-[24rpx] border border-[#eeeeee] rounded-[20rpx] bg-[#fbfbfb] p-[24rpx]" style="box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);">
|
||||
@@ -139,7 +148,7 @@ function onConnectionStatusChange(connected: boolean) {
|
||||
<route lang="jsonc" type="page">
|
||||
{
|
||||
"style": {
|
||||
"navigationBarTitleText": "设备配网",
|
||||
"navigationBarTitleText": "设备配置",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -4,6 +4,7 @@ import { computed, onMounted, ref } from 'vue'
|
||||
import { useMessage } from 'wot-design-uni'
|
||||
import { bindDevice, getBindDevices, getFirmwareTypes, unbindDevice, updateDeviceAutoUpdate } from '@/api/device'
|
||||
import { toast } from '@/utils/toast'
|
||||
import { t } from '@/i18n'
|
||||
|
||||
defineOptions({
|
||||
name: 'DeviceManage',
|
||||
@@ -91,19 +92,19 @@ function getDeviceTypeName(boardKey: string): string {
|
||||
// 格式化时间
|
||||
function formatTime(timeStr: string) {
|
||||
if (!timeStr)
|
||||
return '从未连接'
|
||||
return t('device.neverConnected')
|
||||
const date = new Date(timeStr)
|
||||
const now = new Date()
|
||||
const diff = now.getTime() - date.getTime()
|
||||
|
||||
if (diff < 60000)
|
||||
return '刚刚'
|
||||
return t('device.justNow')
|
||||
if (diff < 3600000)
|
||||
return `${Math.floor(diff / 60000)}分钟前`
|
||||
return t('device.minutesAgo', { minutes: Math.floor(diff / 60000) })
|
||||
if (diff < 86400000)
|
||||
return `${Math.floor(diff / 3600000)}小时前`
|
||||
return t('device.hoursAgo', { hours: Math.floor(diff / 3600000) })
|
||||
if (diff < 604800000)
|
||||
return `${Math.floor(diff / 86400000)}天前`
|
||||
return t('device.daysAgo', { days: Math.floor(diff / 86400000) })
|
||||
|
||||
return date.toLocaleDateString()
|
||||
}
|
||||
@@ -114,11 +115,11 @@ async function toggleAutoUpdate(device: Device) {
|
||||
const newStatus = device.autoUpdate === 1 ? 0 : 1
|
||||
await updateDeviceAutoUpdate(device.id, newStatus)
|
||||
device.autoUpdate = newStatus
|
||||
toast.success(newStatus === 1 ? 'OTA自动升级已开启' : 'OTA自动升级已关闭')
|
||||
toast.success(newStatus === 1 ? t('device.otaAutoUpdateEnabled') : t('device.otaAutoUpdateDisabled'))
|
||||
}
|
||||
catch (error: any) {
|
||||
console.error('更新设备OTA状态失败:', error)
|
||||
toast.error('操作失败，请重试')
|
||||
toast.error(t('device.operationFailed'))
|
||||
}
|
||||
}
|
||||
|
||||
@@ -127,21 +128,21 @@ async function handleUnbindDevice(device: Device) {
|
||||
try {
|
||||
await unbindDevice(device.id)
|
||||
await loadDeviceList()
|
||||
toast.success('设备已解绑')
|
||||
toast.success(t('device.deviceUnbound'))
|
||||
}
|
||||
catch (error: any) {
|
||||
console.error('解绑设备失败:', error)
|
||||
toast.error('解绑失败，请重试')
|
||||
toast.error(t('device.unbindFailed'))
|
||||
}
|
||||
}
|
||||
|
||||
// 确认解绑设备
|
||||
function confirmUnbindDevice(device: Device) {
|
||||
message.confirm({
|
||||
title: '解绑设备',
|
||||
msg: `确定要解绑设备 "${device.macAddress}" 吗？`,
|
||||
confirmButtonText: '确定解绑',
|
||||
cancelButtonText: '取消',
|
||||
title: t('device.unbindDevice'),
|
||||
msg: t('device.confirmUnbindDevice', { macAddress: device.macAddress }),
|
||||
confirmButtonText: t('device.confirmUnbind'),
|
||||
cancelButtonText: t('device.cancel'),
|
||||
}).then(() => {
|
||||
handleUnbindDevice(device)
|
||||
}).catch(() => {
|
||||
@@ -153,18 +154,18 @@ function confirmUnbindDevice(device: Device) {
|
||||
async function handleBindDevice(code: string) {
|
||||
try {
|
||||
if (!currentAgentId.value) {
|
||||
toast.error('请先选择智能体')
|
||||
toast.error(t('device.pleaseSelectAgent'))
|
||||
return
|
||||
}
|
||||
|
||||
await bindDevice(currentAgentId.value, code.trim())
|
||||
await loadDeviceList()
|
||||
toast.success('设备绑定成功！')
|
||||
toast.success(t('device.deviceBindSuccess'))
|
||||
}
|
||||
catch (error: any) {
|
||||
console.error('绑定设备失败:', error)
|
||||
const errorMessage = error?.message || '绑定失败，请检查验证码是否正确'
|
||||
toast.error(errorMessage)
|
||||
toast.error(errorMessage || t('device.bindFailed'))
|
||||
}
|
||||
}
|
||||
|
||||
@@ -172,12 +173,12 @@ async function handleBindDevice(code: string) {
|
||||
function openBindDialog() {
|
||||
message
|
||||
.prompt({
|
||||
title: '绑定设备',
|
||||
inputPlaceholder: '请输入设备验证码',
|
||||
title: t('device.bindDevice'),
|
||||
inputPlaceholder: t('device.enterDeviceCode'),
|
||||
inputValue: '',
|
||||
inputPattern: /^\d{6}$/,
|
||||
confirmButtonText: '立即绑定',
|
||||
cancelButtonText: '取消',
|
||||
confirmButtonText: t('device.bindNow'),
|
||||
cancelButtonText: t('device.cancel'),
|
||||
})
|
||||
.then(async (result: any) => {
|
||||
if (result.value && String(result.value).trim()) {
|
||||
@@ -219,7 +220,7 @@ defineExpose({
|
||||
<view v-if="loading && deviceList.length === 0" class="loading-container">
|
||||
<wd-loading color="#336cff" />
|
||||
<text class="loading-text">
|
||||
加载中...
|
||||
{{ t('device.loading') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
@@ -240,19 +241,19 @@ defineExpose({
|
||||
|
||||
<view class="mb-[20rpx]">
|
||||
<text class="mb-[12rpx] block text-[28rpx] text-[#65686f] leading-[1.4]">
|
||||
MAC地址：{{ device.macAddress }}
|
||||
</text>
|
||||
<text class="mb-[12rpx] block text-[28rpx] text-[#65686f] leading-[1.4]">
|
||||
固件版本：{{ device.appVersion }}
|
||||
</text>
|
||||
<text class="block text-[28rpx] text-[#65686f] leading-[1.4]">
|
||||
最近对话：{{ formatTime(device.lastConnectedAt) }}
|
||||
</text>
|
||||
{{ t('device.macAddress') }}：{{ device.macAddress }}
|
||||
</text>
|
||||
<text class="mb-[12rpx] block text-[28rpx] text-[#65686f] leading-[1.4]">
|
||||
{{ t('device.firmwareVersion') }}：{{ device.appVersion }}
|
||||
</text>
|
||||
<text class="block text-[28rpx] text-[#65686f] leading-[1.4]">
|
||||
{{ t('device.lastConnection') }}：{{ formatTime(device.lastConnectedAt) }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
<view class="flex items-center justify-between border-[1rpx] border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[16rpx_20rpx]">
|
||||
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||
OTA升级
|
||||
{{ t('device.otaUpdate') }}
|
||||
</text>
|
||||
<wd-switch
|
||||
:model-value="device.autoUpdate === 1"
|
||||
@@ -271,7 +272,7 @@ defineExpose({
|
||||
@click.stop="confirmUnbindDevice(device)"
|
||||
>
|
||||
<wd-icon name="delete" />
|
||||
<text>解绑</text>
|
||||
<text>{{ t('device.unbind') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@@ -285,10 +286,10 @@ defineExpose({
|
||||
<view class="flex flex-col items-center justify-center p-[100rpx_40rpx] text-center">
|
||||
<wd-icon name="phone" custom-class="text-[120rpx] text-[#d9d9d9] mb-[32rpx]" />
|
||||
<text class="mb-[16rpx] text-[32rpx] text-[#666666] font-medium">
|
||||
暂无设备
|
||||
{{ t('device.noDevice') }}
|
||||
</text>
|
||||
<text class="text-[26rpx] text-[#999999] leading-[1.5]">
|
||||
点击右下角 + 号绑定您的第一个设备
|
||||
{{ t('device.clickToBindFirstDevice') }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -17,6 +17,7 @@ import { useMessage } from 'wot-design-uni'
|
||||
import useZPaging from 'z-paging/components/z-paging/js/hooks/useZPaging.js'
|
||||
import { createAgent, deleteAgent, getAgentList } from '@/api/agent/agent'
|
||||
import { toast } from '@/utils/toast'
|
||||
import { t } from '@/i18n'
|
||||
|
||||
defineOptions({
|
||||
name: 'Home',
|
||||
@@ -78,11 +79,11 @@ async function handleCreateAgent(agentName: string) {
|
||||
await createAgent({ agentName: agentName.trim() })
|
||||
// 创建成功后刷新列表
|
||||
pagingRef.value.reload()
|
||||
toast.success(`智能体"${agentName}"创建成功！`)
|
||||
toast.success(`${t('home.agentName')}"${agentName}"${t('message.saveSuccess')}`)
|
||||
}
|
||||
catch (error: any) {
|
||||
console.error('创建智能体失败:', error)
|
||||
const errorMessage = error?.message || '创建失败，请重试'
|
||||
const errorMessage = error?.message || t('message.saveFail')
|
||||
toast.error(errorMessage)
|
||||
}
|
||||
}
|
||||
@@ -93,11 +94,11 @@ async function handleDeleteAgent(agent: Agent) {
|
||||
await deleteAgent(agent.id)
|
||||
// 删除成功后刷新列表
|
||||
pagingRef.value.reload()
|
||||
toast.success(`智能体"${agent.agentName}"已删除`)
|
||||
toast.success(`${t('home.agentName')}${t('message.deleteSuccess')}`)
|
||||
}
|
||||
catch (error: any) {
|
||||
console.error('删除智能体失败:', error)
|
||||
const errorMessage = error?.message || '删除失败，请重试'
|
||||
const errorMessage = error?.message || t('message.deleteFail')
|
||||
toast.error(errorMessage)
|
||||
}
|
||||
}
|
||||
@@ -119,13 +120,13 @@ function handleCardClick(agent: Agent) {
|
||||
function openCreateDialog() {
|
||||
message
|
||||
.prompt({
|
||||
title: '创建智能体',
|
||||
title: t('home.dialogTitle'),
|
||||
msg: '',
|
||||
inputPlaceholder: '例如：客服助手、语音助理、知识问答',
|
||||
inputPlaceholder: t('home.inputPlaceholder'),
|
||||
inputValue: '',
|
||||
inputPattern: /^[\u4E00-\u9FA5a-z0-9\s]{1,50}$/i,
|
||||
confirmButtonText: '立即创建',
|
||||
cancelButtonText: '取消',
|
||||
confirmButtonText: t('home.createNow'),
|
||||
cancelButtonText: t('common.cancel'),
|
||||
})
|
||||
.then(async (result: any) => {
|
||||
if (result.value && String(result.value).trim()) {
|
||||
@@ -144,12 +145,12 @@ function formatTime(timeStr: string) {
|
||||
const diff = now.getTime() - date.getTime()
|
||||
|
||||
if (diff < 60000)
|
||||
return '刚刚'
|
||||
return t('home.justNow')
|
||||
if (diff < 3600000)
|
||||
return `${Math.floor(diff / 60000)}分钟前`
|
||||
return `${Math.floor(diff / 60000)}${t('home.minutesAgo')}`
|
||||
if (diff < 86400000)
|
||||
return `${Math.floor(diff / 3600000)}小时前`
|
||||
return `${Math.floor(diff / 86400000)}天前`
|
||||
return `${Math.floor(diff / 3600000)}${t('home.hoursAgo')}`
|
||||
return `${Math.floor(diff / 86400000)}${t('home.daysAgo')}`
|
||||
}
|
||||
|
||||
// 页面显示时刷新列表
|
||||
@@ -159,12 +160,20 @@ onShow(() => {
|
||||
pagingRef.value.reload()
|
||||
}
|
||||
})
|
||||
|
||||
// 在组件挂载后设置导航栏标题
|
||||
import { onMounted } from 'vue'
|
||||
onMounted(() => {
|
||||
uni.setNavigationBarTitle({
|
||||
title: t('home.pageTitle')
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<z-paging
|
||||
ref="pagingRef" v-model="agentList" :refresher-enabled="true" :auto-show-back-to-top="true"
|
||||
:loading-more-enabled="false" :show-loading-more="false" :hide-empty-view="false" empty-view-text="暂无智能体"
|
||||
:loading-more-enabled="false" :show-loading-more="false" :hide-empty-view="false" :empty-view-text="t('home.emptyState')"
|
||||
empty-view-img="" :refresher-threshold="80" :back-to-top-style="{
|
||||
backgroundColor: '#fff',
|
||||
borderRadius: '50%',
|
||||
@@ -178,16 +187,13 @@ onShow(() => {
|
||||
<view class="banner-content">
|
||||
<view class="welcome-info">
|
||||
<text class="greeting">
|
||||
你好，小智
|
||||
{{ t('home.greeting') }}
|
||||
</text>
|
||||
<text class="subtitle">
|
||||
让我们度过 <text class="highlight">
|
||||
美好的一天！
|
||||
{{ t('home.subtitle') }} <text class="highlight">
|
||||
{{ t('home.wonderfulDay') }}
|
||||
</text>
|
||||
</text>
|
||||
<text class="english-subtitle">
|
||||
Hello, Let's have a wonderful day!
|
||||
</text>
|
||||
</view>
|
||||
<view class="wave-decoration">
|
||||
<!-- 添加波浪装饰 -->
|
||||
@@ -227,13 +233,13 @@ onShow(() => {
|
||||
<view class="stat-chip">
|
||||
<wd-icon name="phone" custom-class="chip-icon" />
|
||||
<text class="chip-text">
|
||||
设备管理({{ agent.deviceCount }})
|
||||
{{ t('home.deviceManagement') }}({{ agent.deviceCount }})
|
||||
</text>
|
||||
</view>
|
||||
<view v-if="agent.lastConnectedAt" class="stat-chip">
|
||||
<wd-icon name="time" custom-class="chip-icon" />
|
||||
<text class="chip-text">
|
||||
最近对话：{{ formatTime(agent.lastConnectedAt) }}
|
||||
{{ t('home.lastConversation') }}{{ formatTime(agent.lastConnectedAt) }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -247,7 +253,7 @@ onShow(() => {
|
||||
<view class="swipe-actions">
|
||||
<view class="action-btn delete-btn" @click.stop="handleDeleteAgent(agent)">
|
||||
<wd-icon name="delete" />
|
||||
<text>删除</text>
|
||||
<text>{{ t('home.delete') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@@ -260,10 +266,10 @@ onShow(() => {
|
||||
<view class="empty-state">
|
||||
<wd-icon name="robot" custom-class="empty-icon" />
|
||||
<text class="empty-text">
|
||||
暂无智能体
|
||||
{{ t('home.emptyState') }}
|
||||
</text>
|
||||
<text class="empty-desc">
|
||||
点击右下角 + 号创建您的第一个智能体
|
||||
{{ t('home.createFirstAgent') }}
|
||||
</text>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
"layout": "default",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "登陆"
|
||||
"navigationBarTitleText": "Login"
|
||||
}
|
||||
}
|
||||
</route>
|
||||
@@ -15,6 +15,9 @@ import { login } from '@/api/auth'
|
||||
import { useConfigStore } from '@/store'
|
||||
import { getEnvBaseUrl } from '@/utils'
|
||||
import { toast } from '@/utils/toast'
|
||||
// 导入国际化相关功能
|
||||
import { t, changeLanguage, getSupportedLanguages, initI18n } from '@/i18n'
|
||||
import type { Language } from '@/store/lang'
|
||||
|
||||
// 获取屏幕边界到安全区域距离
|
||||
let safeAreaInsets
|
||||
@@ -136,28 +139,28 @@ async function handleLogin() {
|
||||
// 表单验证
|
||||
if (loginType.value === 'username') {
|
||||
if (!formData.value.username) {
|
||||
toast.warning('请输入用户名')
|
||||
toast.warning(t('login.enterUsername'))
|
||||
return
|
||||
}
|
||||
}
|
||||
else {
|
||||
if (!formData.value.mobile) {
|
||||
toast.warning('请输入手机号')
|
||||
toast.warning(t('login.enterPhone'))
|
||||
return
|
||||
}
|
||||
// 手机号格式验证
|
||||
const phoneRegex = /^1[3-9]\d{9}$/
|
||||
if (!phoneRegex.test(formData.value.mobile)) {
|
||||
toast.warning('请输入正确的手机号')
|
||||
toast.warning(t('login.enterPhone'))
|
||||
return
|
||||
}
|
||||
}
|
||||
if (!formData.value.password) {
|
||||
toast.warning('请输入密码')
|
||||
toast.warning(t('login.enterPassword'))
|
||||
return
|
||||
}
|
||||
if (!formData.value.captcha) {
|
||||
toast.warning('请输入验证码')
|
||||
toast.warning(t('login.enterCaptcha'))
|
||||
return
|
||||
}
|
||||
|
||||
@@ -177,7 +180,7 @@ async function handleLogin() {
|
||||
uni.setStorageSync('token', response.token)
|
||||
uni.setStorageSync('expire', response.expire)
|
||||
|
||||
toast.success('登录成功')
|
||||
toast.success(t('message.loginSuccess'))
|
||||
|
||||
// 跳转到主页
|
||||
setTimeout(() => {
|
||||
@@ -189,6 +192,14 @@ async function handleLogin() {
|
||||
catch (error: any) {
|
||||
// 登录失败重新获取验证码
|
||||
refreshCaptcha()
|
||||
// 处理验证码错误 - 从error.message中解析错误码
|
||||
if (error.message.includes('请求错误[10067]')) {
|
||||
toast.warning(t('login.captchaError'))
|
||||
}
|
||||
// 处理账号或密码错误
|
||||
else if (error.message.includes('请求错误[10004]')) {
|
||||
toast.warning(t('message.passwordError'))
|
||||
}
|
||||
}
|
||||
finally {
|
||||
loading.value = false
|
||||
@@ -200,14 +211,26 @@ onLoad(() => {
|
||||
refreshCaptcha()
|
||||
})
|
||||
|
||||
// 语言切换相关
|
||||
const showLanguageSheet = ref(false)
|
||||
const supportedLanguages = getSupportedLanguages()
|
||||
|
||||
// 初始化国际化
|
||||
initI18n()
|
||||
|
||||
// 切换语言
|
||||
function handleLanguageChange(lang: Language) {
|
||||
changeLanguage(lang)
|
||||
showLanguageSheet.value = false
|
||||
}
|
||||
|
||||
// 组件挂载时确保配置已加载
|
||||
onMounted(async () => {
|
||||
if (!configStore.config.name) {
|
||||
try {
|
||||
await configStore.fetchPublicConfig()
|
||||
}
|
||||
catch (error) {
|
||||
console.error('获取配置失败:', error)
|
||||
} catch (error) {
|
||||
console.error(t('login.fetchConfigError'), error)
|
||||
}
|
||||
}
|
||||
})
|
||||
@@ -219,21 +242,25 @@ onMounted(async () => {
|
||||
<view class="logo-section">
|
||||
<wd-img :width="80" :height="80" round src="/static/logo.png" class="logo" />
|
||||
<text class="welcome-text">
|
||||
欢迎回来
|
||||
{{ t('login.welcomeBack') }}
|
||||
</text>
|
||||
<text class="subtitle">
|
||||
请登录您的账户
|
||||
{{ t('login.pleaseLogin') }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 右上角服务端设置按钮 -->
|
||||
<view
|
||||
class="server-btn"
|
||||
:style="{ top: `${safeAreaInsets?.top + 10}px` }"
|
||||
@click="goToServerSetting"
|
||||
>
|
||||
<wd-icon name="setting" custom-class="server-icon" />
|
||||
<!-- 右上角按钮组 -->
|
||||
<view class="top-right-buttons" :style="{ top: `${safeAreaInsets?.top + 10}px` }">
|
||||
<!-- 语言切换按钮 -->
|
||||
<view class="lang-btn" @click="showLanguageSheet = true">
|
||||
<text class="lang-text-icon">🌐</text>
|
||||
</view>
|
||||
|
||||
<!-- 服务端设置按钮 -->
|
||||
<view class="server-btn" @click="goToServerSetting">
|
||||
<wd-icon name="setting" custom-class="server-icon" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="form-container">
|
||||
@@ -253,7 +280,7 @@ onMounted(async () => {
|
||||
v-model="formData.mobile"
|
||||
custom-class="styled-input"
|
||||
no-border
|
||||
placeholder="请输入手机号码"
|
||||
:placeholder="t('login.enterPhone')"
|
||||
type="number"
|
||||
:maxlength="11"
|
||||
/>
|
||||
@@ -270,7 +297,7 @@ onMounted(async () => {
|
||||
v-model="formData.username"
|
||||
custom-class="styled-input"
|
||||
no-border
|
||||
placeholder="请输入用户名"
|
||||
:placeholder="t('login.enterUsername')"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
@@ -282,7 +309,7 @@ onMounted(async () => {
|
||||
v-model="formData.password"
|
||||
custom-class="styled-input"
|
||||
no-border
|
||||
placeholder="请输入密码"
|
||||
:placeholder="t('login.enterPassword')"
|
||||
clearable
|
||||
show-password
|
||||
:maxlength="20"
|
||||
@@ -296,7 +323,7 @@ onMounted(async () => {
|
||||
v-model="formData.captcha"
|
||||
custom-class="styled-input"
|
||||
no-border
|
||||
placeholder="请输入验证码"
|
||||
:placeholder="t('login.enterCaptcha')"
|
||||
:maxlength="6"
|
||||
/>
|
||||
<view class="captcha-image" @click="refreshCaptcha">
|
||||
@@ -304,26 +331,19 @@ onMounted(async () => {
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="forgot-password">
|
||||
<text class="forgot-text">
|
||||
忘记密码？
|
||||
</text>
|
||||
</view>
|
||||
|
||||
<view
|
||||
class="login-btn"
|
||||
@click="handleLogin"
|
||||
>
|
||||
{{ loading ? '登录中...' : '登录' }}
|
||||
{{ loading ? t('login.loggingIn') : t('login.loginButton') }}
|
||||
</view>
|
||||
|
||||
<view class="register-hint">
|
||||
<text class="hint-text">
|
||||
还没有账户？
|
||||
{{ t('login.noAccount') }}
|
||||
</text>
|
||||
<text class="register-link" @click="goToRegister">
|
||||
立即注册
|
||||
{{ t('login.registerNow') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
@@ -352,7 +372,7 @@ onMounted(async () => {
|
||||
<!-- 区号选择弹窗 -->
|
||||
<wd-action-sheet
|
||||
v-model="showAreaCodeSheet"
|
||||
title="选择国家/地区"
|
||||
:title="t('login.selectCountry')"
|
||||
:close-on-click-modal="true"
|
||||
@close="closeAreaCodeSheet"
|
||||
>
|
||||
@@ -386,11 +406,33 @@ onMounted(async () => {
|
||||
custom-class="confirm-btn"
|
||||
@click="closeAreaCodeSheet"
|
||||
>
|
||||
确认
|
||||
{{ t('login.confirm') }}
|
||||
</wd-button>
|
||||
</view>
|
||||
</view>
|
||||
</wd-action-sheet>
|
||||
|
||||
<!-- 语言选择弹窗 -->
|
||||
<wd-action-sheet
|
||||
v-model="showLanguageSheet"
|
||||
:title="t('login.selectLanguage')"
|
||||
:close-on-click-modal="true"
|
||||
>
|
||||
<view class="language-sheet">
|
||||
<scroll-view scroll-y class="language-list">
|
||||
<view
|
||||
v-for="lang in supportedLanguages"
|
||||
:key="lang.code"
|
||||
class="language-item"
|
||||
@click="handleLanguageChange(lang.code)"
|
||||
>
|
||||
<text class="language-name">
|
||||
{{ lang.name }}
|
||||
</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</wd-action-sheet>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -793,20 +835,52 @@ onMounted(async () => {
|
||||
}
|
||||
}
|
||||
}
|
||||
.server-btn {
|
||||
// 右上角按钮组
|
||||
.top-right-buttons {
|
||||
position: absolute;
|
||||
right: 20rpx; // 距离右边距
|
||||
top: 40rpx; // 顶部稍微下移，不贴状态栏
|
||||
right: 20rpx;
|
||||
display: flex;
|
||||
gap: 20rpx;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
// 语言切换按钮
|
||||
.lang-btn {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 999;
|
||||
cursor: pointer;
|
||||
background: rgba(255, 255, 255, 0.15); // 半透明背景，更好看
|
||||
border-radius: 24rpx; // 圆形按钮
|
||||
box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.2); // 阴影
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
border-radius: 24rpx;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.2);
|
||||
|
||||
&:active {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
|
||||
.lang-text-icon {
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
}
|
||||
|
||||
// 服务端设置按钮
|
||||
.server-btn {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
border-radius: 24rpx;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.2);
|
||||
|
||||
&:active {
|
||||
transform: scale(0.95);
|
||||
@@ -814,11 +888,45 @@ onMounted(async () => {
|
||||
|
||||
.server-icon {
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF; // 白色图标
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: rgba(255, 255, 255, 0.25); // 悬停效果
|
||||
background: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
}
|
||||
|
||||
// 语言选择弹窗样式
|
||||
.language-sheet {
|
||||
background: #ffffff;
|
||||
border-radius: 24rpx 24rpx 0 0;
|
||||
overflow: hidden;
|
||||
|
||||
.language-list {
|
||||
max-height: 60vh;
|
||||
padding: 0 40rpx;
|
||||
|
||||
.language-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 32rpx 0;
|
||||
border-bottom: 1rpx solid #f8f9fa;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
background-color: #f8f9fa;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.language-name {
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -14,6 +14,8 @@ import { register, sendSmsCode } from '@/api/auth'
|
||||
import { useConfigStore } from '@/store'
|
||||
import { getEnvBaseUrl } from '@/utils'
|
||||
import { toast } from '@/utils/toast'
|
||||
// 导入国际化相关功能
|
||||
import { t, initI18n } from '@/i18n'
|
||||
|
||||
// 获取屏幕边界到安全区域距离
|
||||
let safeAreaInsets
|
||||
@@ -134,18 +136,18 @@ async function refreshCaptcha() {
|
||||
// 发送短信验证码
|
||||
async function sendSmsVerification() {
|
||||
if (!formData.value.mobile) {
|
||||
toast.warning('请输入手机号')
|
||||
toast.warning(t('register.enterPhone'))
|
||||
return
|
||||
}
|
||||
if (!formData.value.captcha) {
|
||||
toast.warning('请输入图形验证码')
|
||||
toast.warning(t('register.enterCode'))
|
||||
return
|
||||
}
|
||||
|
||||
// 手机号格式验证
|
||||
const phoneRegex = /^1[3-9]\d{9}$/
|
||||
if (!phoneRegex.test(formData.value.mobile)) {
|
||||
toast.warning('请输入正确的手机号')
|
||||
toast.warning(t('register.enterPhone'))
|
||||
return
|
||||
}
|
||||
|
||||
@@ -157,7 +159,7 @@ async function sendSmsVerification() {
|
||||
captchaId: formData.value.captchaId,
|
||||
})
|
||||
|
||||
toast.success('验证码发送成功')
|
||||
toast.success(t('message.registerSuccess'))
|
||||
|
||||
// 开始倒计时
|
||||
smsCountdown.value = 60
|
||||
@@ -169,6 +171,10 @@ async function sendSmsVerification() {
|
||||
}, 1000)
|
||||
}
|
||||
catch (error: any) {
|
||||
// 处理验证码错误 - 从error.message中解析错误码
|
||||
if (error.message.includes('请求错误[10067]')) {
|
||||
toast.warning(t('login.captchaError'))
|
||||
}
|
||||
// 发送失败重新获取图形验证码
|
||||
refreshCaptcha()
|
||||
}
|
||||
@@ -182,44 +188,44 @@ async function handleRegister() {
|
||||
// 表单验证
|
||||
if (registerType.value === 'username') {
|
||||
if (!formData.value.username) {
|
||||
toast.warning('请输入用户名')
|
||||
toast.warning(t('register.enterUsername'))
|
||||
return
|
||||
}
|
||||
}
|
||||
else {
|
||||
if (!formData.value.mobile) {
|
||||
toast.warning('请输入手机号')
|
||||
toast.warning(t('register.enterPhone'))
|
||||
return
|
||||
}
|
||||
// 手机号格式验证
|
||||
const phoneRegex = /^1[3-9]\d{9}$/
|
||||
if (!phoneRegex.test(formData.value.mobile)) {
|
||||
toast.warning('请输入正确的手机号')
|
||||
toast.warning(t('register.enterPhone'))
|
||||
return
|
||||
}
|
||||
if (!formData.value.mobileCaptcha) {
|
||||
toast.warning('请输入短信验证码')
|
||||
toast.warning(t('register.enterCode'))
|
||||
return
|
||||
}
|
||||
}
|
||||
|
||||
if (!formData.value.password) {
|
||||
toast.warning('请输入密码')
|
||||
toast.warning(t('register.enterPassword'))
|
||||
return
|
||||
}
|
||||
|
||||
if (!formData.value.confirmPassword) {
|
||||
toast.warning('请确认密码')
|
||||
toast.warning(t('register.confirmPassword'))
|
||||
return
|
||||
}
|
||||
|
||||
if (formData.value.password !== formData.value.confirmPassword) {
|
||||
toast.warning('两次输入的密码不一致')
|
||||
toast.warning(t('register.confirmPassword'))
|
||||
return
|
||||
}
|
||||
|
||||
if (!formData.value.captcha) {
|
||||
toast.warning('请输入验证码')
|
||||
toast.warning(t('register.enterCode'))
|
||||
return
|
||||
}
|
||||
|
||||
@@ -239,7 +245,7 @@ async function handleRegister() {
|
||||
}
|
||||
|
||||
await register(registerData)
|
||||
toast.success('注册成功')
|
||||
toast.success(t('message.registerSuccess'))
|
||||
|
||||
// 跳转到登录页
|
||||
setTimeout(() => {
|
||||
@@ -247,6 +253,14 @@ async function handleRegister() {
|
||||
}, 1000)
|
||||
}
|
||||
catch (error: any) {
|
||||
// 处理验证码错误 - 从error.message中解析错误码
|
||||
if (error.message.includes('请求错误[10067]')) {
|
||||
toast.warning(t('login.captchaError'))
|
||||
}
|
||||
// 处理手机号码已注册错误
|
||||
else if (error.message.includes('请求错误[10070]')) {
|
||||
toast.warning(t('message.phoneRegistered'))
|
||||
}
|
||||
// 注册失败重新获取验证码
|
||||
refreshCaptcha()
|
||||
}
|
||||
@@ -275,7 +289,11 @@ onMounted(async () => {
|
||||
console.error('获取配置失败:', error)
|
||||
}
|
||||
}
|
||||
// 初始化国际化
|
||||
initI18n()
|
||||
})
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -287,10 +305,10 @@ onMounted(async () => {
|
||||
<view class="logo-section">
|
||||
<wd-img :width="80" :height="80" round src="/static/logo.png" class="logo" />
|
||||
<text class="welcome-text">
|
||||
欢迎注册
|
||||
{{ t('register.pageTitle') }}
|
||||
</text>
|
||||
<text class="subtitle">
|
||||
创建您的新账户
|
||||
{{ t('register.createAccount') }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -312,7 +330,7 @@ onMounted(async () => {
|
||||
v-model="formData.mobile"
|
||||
custom-class="styled-input"
|
||||
no-border
|
||||
placeholder="请输入手机号码"
|
||||
:placeholder="t('register.enterPhone')"
|
||||
type="number"
|
||||
:maxlength="11"
|
||||
/>
|
||||
@@ -329,7 +347,7 @@ onMounted(async () => {
|
||||
v-model="formData.username"
|
||||
custom-class="styled-input"
|
||||
no-border
|
||||
placeholder="请输入用户名"
|
||||
:placeholder="t('register.enterUsername')"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
@@ -338,41 +356,41 @@ onMounted(async () => {
|
||||
<view class="input-group">
|
||||
<view class="input-wrapper">
|
||||
<wd-input
|
||||
v-model="formData.password"
|
||||
custom-class="styled-input"
|
||||
no-border
|
||||
placeholder="请输入密码"
|
||||
show-password
|
||||
:maxlength="20"
|
||||
/>
|
||||
</view>
|
||||
v-model="formData.password"
|
||||
custom-class="styled-input"
|
||||
no-border
|
||||
:placeholder="t('register.enterPassword')"
|
||||
show-password
|
||||
:maxlength="20"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="input-group">
|
||||
<view class="input-wrapper">
|
||||
<wd-input
|
||||
v-model="formData.confirmPassword"
|
||||
custom-class="styled-input"
|
||||
no-border
|
||||
placeholder="请确认密码"
|
||||
show-password
|
||||
:maxlength="20"
|
||||
/>
|
||||
</view>
|
||||
v-model="formData.confirmPassword"
|
||||
custom-class="styled-input"
|
||||
no-border
|
||||
:placeholder="t('register.confirmPassword')"
|
||||
show-password
|
||||
:maxlength="20"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="input-group">
|
||||
<view class="input-wrapper captcha-wrapper">
|
||||
<wd-input
|
||||
v-model="formData.captcha"
|
||||
custom-class="styled-input"
|
||||
no-border
|
||||
placeholder="请输入验证码"
|
||||
:maxlength="6"
|
||||
/>
|
||||
<view class="captcha-image" @click="refreshCaptcha">
|
||||
<image :src="captchaImage" class="captcha-img" />
|
||||
</view>
|
||||
v-model="formData.captcha"
|
||||
custom-class="styled-input"
|
||||
no-border
|
||||
:placeholder="t('register.enterCode')"
|
||||
:maxlength="6"
|
||||
/>
|
||||
<view class="captcha-image" @click="refreshCaptcha">
|
||||
<image :src="captchaImage" class="captcha-img" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -380,21 +398,21 @@ onMounted(async () => {
|
||||
<view v-if="registerType === 'mobile'" class="input-group">
|
||||
<view class="input-wrapper sms-wrapper">
|
||||
<wd-input
|
||||
v-model="formData.mobileCaptcha"
|
||||
custom-class="styled-input"
|
||||
no-border
|
||||
placeholder="请输入短信验证码"
|
||||
type="number"
|
||||
:maxlength="6"
|
||||
/>
|
||||
<wd-button
|
||||
:loading="smsLoading"
|
||||
:disabled="smsCountdown > 0"
|
||||
custom-class="sms-btn"
|
||||
@click="sendSmsVerification"
|
||||
>
|
||||
{{ smsCountdown > 0 ? `${smsCountdown}s` : '获取验证码' }}
|
||||
</wd-button>
|
||||
v-model="formData.mobileCaptcha"
|
||||
custom-class="styled-input"
|
||||
no-border
|
||||
:placeholder="t('register.enterCode')"
|
||||
type="number"
|
||||
:maxlength="6"
|
||||
/>
|
||||
<wd-button
|
||||
:loading="smsLoading"
|
||||
:disabled="smsCountdown > 0"
|
||||
custom-class="sms-btn"
|
||||
@click="sendSmsVerification"
|
||||
>
|
||||
{{ smsCountdown > 0 ? `${smsCountdown}s` : t('register.getCode') }}
|
||||
</wd-button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -404,15 +422,15 @@ onMounted(async () => {
|
||||
:loading="loading"
|
||||
@click="handleRegister"
|
||||
>
|
||||
{{ loading ? '注册中...' : '注册' }}
|
||||
{{ loading ? t('register.registering') : t('register.registerButton') }}
|
||||
</view>
|
||||
|
||||
<view class="login-hint">
|
||||
<text class="hint-text">
|
||||
已有账户？
|
||||
{{ t('register.haveAccount') }}
|
||||
</text>
|
||||
<text class="login-link" @click="goBack">
|
||||
立即登录
|
||||
{{ t('register.loginNow') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
@@ -441,7 +459,7 @@ onMounted(async () => {
|
||||
<!-- 区号选择弹窗 -->
|
||||
<wd-action-sheet
|
||||
v-model="showAreaCodeSheet"
|
||||
title="选择国家/地区"
|
||||
:title="t('register.selectCountry')"
|
||||
:close-on-click-modal="true"
|
||||
@close="closeAreaCodeSheet"
|
||||
>
|
||||
@@ -475,11 +493,13 @@ onMounted(async () => {
|
||||
custom-class="confirm-btn"
|
||||
@click="closeAreaCodeSheet"
|
||||
>
|
||||
确认
|
||||
{{ t('register.confirm') }}
|
||||
</wd-button>
|
||||
</view>
|
||||
</view>
|
||||
</wd-action-sheet>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -11,6 +11,8 @@ import { clearServerBaseUrlOverride, getEnvBaseUrl, getServerBaseUrlOverride, se
|
||||
import { isMp } from '@/utils/platform'
|
||||
import { computed, onMounted, reactive, ref } from 'vue'
|
||||
import { useToast } from 'wot-design-uni'
|
||||
import { t, changeLanguage, getSupportedLanguages, getCurrentLanguage } from '@/i18n'
|
||||
import type { Language } from '@/store/lang'
|
||||
|
||||
defineOptions({
|
||||
name: 'SettingsPage',
|
||||
@@ -62,7 +64,7 @@ function validateUrl() {
|
||||
}
|
||||
|
||||
if (!/^https?:\/\/.+\/xiaozhi$/.test(baseUrlInput.value)) {
|
||||
urlError.value = '请输入有效的服务端地址（以 http 或 https 开头，并以 /xiaozhi 结尾）'
|
||||
urlError.value = t('settings.validServerUrl')
|
||||
}
|
||||
}
|
||||
|
||||
@@ -85,12 +87,12 @@ async function testServerBaseUrl() {
|
||||
if (response.statusCode === 200) {
|
||||
return true
|
||||
} else {
|
||||
toast.error('无效地址，请检查服务端是否启动或网络连接是否正常')
|
||||
toast.error(t('message.invalidAddress'))
|
||||
return false
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('测试服务端地址失败:', error)
|
||||
toast.error('无效地址，请检查服务端是否启动或网络连接是否正常')
|
||||
toast.error(t('message.invalidAddress'))
|
||||
return false
|
||||
}
|
||||
}
|
||||
@@ -98,7 +100,7 @@ async function testServerBaseUrl() {
|
||||
// 保存服务端地址
|
||||
async function saveServerBaseUrl() {
|
||||
if (!baseUrlInput.value || !/^https?:\/\/.+\/xiaozhi$/.test(baseUrlInput.value)) {
|
||||
toast.warning('请输入有效的服务端地址（以 http 或 https 开头，并以 /xiaozhi 结尾）')
|
||||
toast.warning(t('settings.validServerUrl'))
|
||||
return
|
||||
}
|
||||
|
||||
@@ -113,21 +115,32 @@ async function saveServerBaseUrl() {
|
||||
clearAllCacheAfterUrlChange()
|
||||
|
||||
uni.showModal({
|
||||
title: '重启应用',
|
||||
content: '服务端地址已保存并清空缓存，是否立即重启生效？',
|
||||
confirmText: '立即重启',
|
||||
cancelText: '稍后',
|
||||
title: t('settings.restartApp'),
|
||||
content: t('settings.serverUrlSavedAndCacheCleared'),
|
||||
confirmText: t('settings.restartNow'),
|
||||
cancelText: t('settings.restartLater'),
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
restartApp()
|
||||
}
|
||||
else {
|
||||
toast.success('已保存，可稍后手动重启应用')
|
||||
toast.success(t('settings.restartSuccess'))
|
||||
}
|
||||
},
|
||||
})
|
||||
}
|
||||
|
||||
// 语言切换
|
||||
const supportedLanguages = getSupportedLanguages()
|
||||
const currentLanguage = ref<Language>(getCurrentLanguage())
|
||||
const showLanguageSheet = ref(false)
|
||||
|
||||
function handleLanguageChange(lang: Language) {
|
||||
changeLanguage(lang)
|
||||
showLanguageSheet.value = false
|
||||
toast.success(t('settings.languageChanged'))
|
||||
}
|
||||
|
||||
// 重置为 env 默认
|
||||
function resetServerBaseUrl() {
|
||||
clearServerBaseUrlOverride()
|
||||
@@ -137,16 +150,16 @@ function resetServerBaseUrl() {
|
||||
clearAllCacheAfterUrlChange()
|
||||
|
||||
uni.showModal({
|
||||
title: '重启应用',
|
||||
content: '已重置为默认地址并清空缓存，是否立即重启生效？',
|
||||
confirmText: '立即重启',
|
||||
cancelText: '稍后',
|
||||
title: t('settings.restartApp'),
|
||||
content: t('settings.resetToDefaultAndCacheCleared'),
|
||||
confirmText: t('settings.restartNow'),
|
||||
cancelText: t('settings.restartLater'),
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
restartApp()
|
||||
}
|
||||
else {
|
||||
toast.success('已重置，可稍后手动重启应用')
|
||||
toast.success(t('settings.resetSuccess'))
|
||||
}
|
||||
},
|
||||
})
|
||||
@@ -185,8 +198,7 @@ function clearAllCacheAfterUrlChange() {
|
||||
|
||||
// 重新获取缓存信息
|
||||
getCacheInfo()
|
||||
}
|
||||
catch (error) {
|
||||
} catch (error) {
|
||||
console.error('清除缓存失败:', error)
|
||||
}
|
||||
}
|
||||
@@ -195,12 +207,14 @@ function clearAllCacheAfterUrlChange() {
|
||||
async function clearCache() {
|
||||
try {
|
||||
uni.showModal({
|
||||
title: '确认清除',
|
||||
content: '确定要清除所有缓存吗？这将删除所有数据包括登录状态，需要重新登录。',
|
||||
title: t('settings.confirmClear'),
|
||||
content: t('settings.confirmClearMessage'),
|
||||
confirmText: t('common.confirm'),
|
||||
cancelText: t('common.cancel'),
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
clearAllCacheAfterUrlChange()
|
||||
toast.success('缓存清除成功，即将跳转到登录页')
|
||||
toast.success(t('settings.cacheCleared'))
|
||||
|
||||
// 延迟跳转到登录页
|
||||
setTimeout(() => {
|
||||
@@ -209,22 +223,22 @@ async function clearCache() {
|
||||
}
|
||||
},
|
||||
})
|
||||
}
|
||||
catch (error) {
|
||||
} catch (error) {
|
||||
console.error('清除缓存失败:', error)
|
||||
toast.error('清除缓存失败')
|
||||
toast.error(t('settings.clearCacheFailed'))
|
||||
}
|
||||
}
|
||||
|
||||
// 关于我们
|
||||
function showAbout() {
|
||||
uni.showModal({
|
||||
title: `关于${import.meta.env.VITE_APP_TITLE}`,
|
||||
content: `${import.meta.env.VITE_APP_TITLE}\n\n基于 Vue.js 3 + uni-app 构建的跨平台移动端管理应用，为小智ESP32智能硬件提供设备管理、智能体配置等功能。\n\n© 2025 xiaozhi-esp32-server`,
|
||||
title: `关于小智智控台`,
|
||||
content: `小智智控台\n\n基于 Vue.js 3 + uni-app 构建的跨平台移动端管理应用，为小智ESP32智能硬件提供设备管理、智能体配置等功能。\n\n© 2025 xiaozhi-esp32-server 0.8.3`,
|
||||
title: t('settings.aboutApp', { appName: import.meta.env.VITE_APP_TITLE }),
|
||||
content: t('settings.aboutContent', {
|
||||
appName: import.meta.env.VITE_APP_TITLE,
|
||||
version: '0.8.3'
|
||||
}),
|
||||
showCancel: false,
|
||||
confirmText: '确定',
|
||||
confirmText: t('common.confirm'),
|
||||
})
|
||||
}
|
||||
|
||||
@@ -234,19 +248,24 @@ onMounted(async () => {
|
||||
loadServerBaseUrl()
|
||||
}
|
||||
getCacheInfo()
|
||||
|
||||
// 动态设置导航栏标题为国际化文本
|
||||
uni.setNavigationBarTitle({
|
||||
title: t('settings.title')
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<view class="min-h-screen bg-[#f5f7fb]">
|
||||
<wd-navbar title="设置" placeholder safe-area-inset-top fixed />
|
||||
<wd-navbar :title="t('settings.title')" placeholder safe-area-inset-top fixed />
|
||||
|
||||
<view class="p-[24rpx]">
|
||||
<!-- 网络设置 - 仅在非小程序环境显示 -->
|
||||
<view v-if="!isMp" class="mb-[32rpx]">
|
||||
<view class="mb-[24rpx] flex items-center">
|
||||
<text class="text-[32rpx] text-[#232338] font-bold">
|
||||
网络设置
|
||||
{{ t('settings.networkSettings') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
@@ -254,19 +273,19 @@ onMounted(async () => {
|
||||
style="box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.06);">
|
||||
<view class="mb-[24rpx]">
|
||||
<text class="text-[28rpx] text-[#232338] font-semibold">
|
||||
服务端接口地址
|
||||
{{ t('settings.serverApiUrl') }}
|
||||
</text>
|
||||
<text class="mt-[8rpx] block text-[24rpx] text-[#9d9ea3]">
|
||||
修改后将自动清空缓存并重启应用
|
||||
{{ t('settings.modifyWillClearCache') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
<view class="mb-[24rpx]">
|
||||
<view class="w-full rounded-[16rpx] border border-[#eeeeee] bg-[#f5f7fb] overflow-hidden">
|
||||
<wd-input v-model="baseUrlInput" type="text" clearable :maxlength="200"
|
||||
placeholder="输入服务端地址，如 https://example.com/xiaozhi"
|
||||
custom-class="!border-none !bg-transparent h-[88rpx] px-[24rpx] items-center"
|
||||
input-class="text-[28rpx] text-[#232338]" @input="validateUrl" @blur="validateUrl" />
|
||||
:placeholder="t('settings.enterServerUrl')"
|
||||
custom-class="!border-none !bg-transparent h-[64rpx] px-[24rpx] items-center"
|
||||
input-class="text-[28rpx] text-[#232338]" @input="validateUrl" @blur="validateUrl" />
|
||||
</view>
|
||||
<text v-if="urlError" class="mt-[8rpx] block text-[24rpx] text-[#ff4d4f]">
|
||||
{{ urlError }}
|
||||
@@ -277,12 +296,12 @@ onMounted(async () => {
|
||||
<wd-button type="primary"
|
||||
custom-class="flex-1 h-[88rpx] rounded-[20rpx] text-[28rpx] font-semibold bg-[#336cff] border-none shadow-[0_4rpx_16rpx_rgba(51,108,255,0.3)] active:shadow-[0_2rpx_8rpx_rgba(51,108,255,0.4)] active:scale-98"
|
||||
@click="saveServerBaseUrl">
|
||||
保存设置
|
||||
{{ t('settings.saveSettings') }}
|
||||
</wd-button>
|
||||
<wd-button type="default"
|
||||
custom-class="flex-1 h-[88rpx] rounded-[20rpx] text-[28rpx] font-semibold bg-white border-[#eeeeee] text-[#65686f] active:bg-[#f5f7fb]"
|
||||
@click="resetServerBaseUrl">
|
||||
恢复默认
|
||||
{{ t('settings.resetDefault') }}
|
||||
</wd-button>
|
||||
</view>
|
||||
</view>
|
||||
@@ -292,7 +311,7 @@ onMounted(async () => {
|
||||
<view class="mb-[32rpx]">
|
||||
<view class="mb-[24rpx] flex items-center">
|
||||
<text class="text-[32rpx] text-[#232338] font-bold">
|
||||
缓存管理
|
||||
{{ t('settings.cacheManagement') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
@@ -304,11 +323,11 @@ onMounted(async () => {
|
||||
class="flex items-center justify-between border border-[#eeeeee] rounded-[16rpx] bg-[#f5f7fb] p-[24rpx] transition-all active:bg-[#eef3ff]">
|
||||
<view>
|
||||
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||
总缓存大小
|
||||
</text>
|
||||
<text class="mt-[4rpx] block text-[24rpx] text-[#9d9ea3]">
|
||||
应用数据总大小
|
||||
</text>
|
||||
{{ t('settings.totalCacheSize') }}
|
||||
</text>
|
||||
<text class="mt-[4rpx] block text-[24rpx] text-[#9d9ea3]">
|
||||
{{ t('settings.appDataSize') }}
|
||||
</text>
|
||||
</view>
|
||||
<text class="text-[28rpx] text-[#65686f] font-semibold">
|
||||
{{ cacheInfo.storageSize }}
|
||||
@@ -320,16 +339,16 @@ onMounted(async () => {
|
||||
class="flex items-center justify-between border border-[#eeeeee] rounded-[16rpx] bg-[#f5f7fb] p-[24rpx]">
|
||||
<view>
|
||||
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||
缓存清理
|
||||
</text>
|
||||
<text class="mt-[4rpx] block text-[24rpx] text-[#9d9ea3]">
|
||||
清空所有缓存数据
|
||||
</text>
|
||||
{{ t('settings.cacheClear') }}
|
||||
</text>
|
||||
<text class="mt-[4rpx] block text-[24rpx] text-[#9d9ea3]">
|
||||
{{ t('settings.clearAllCache') }}
|
||||
</text>
|
||||
</view>
|
||||
<view
|
||||
class="cursor-pointer rounded-[24rpx] bg-[rgba(255,107,107,0.1)] px-[28rpx] py-[16rpx] text-[24rpx] text-[#ff6b6b] font-semibold transition-all duration-300 active:scale-95 active:bg-[#ff6b6b] active:text-white"
|
||||
@click="clearCache">
|
||||
清除缓存
|
||||
{{ t('settings.clearCache') }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -340,8 +359,8 @@ onMounted(async () => {
|
||||
<view class="mb-[32rpx]">
|
||||
<view class="mb-[24rpx] flex items-center">
|
||||
<text class="text-[32rpx] text-[#232338] font-bold">
|
||||
应用信息
|
||||
</text>
|
||||
{{ t('settings.appInfo') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
<view class="border border-[#eeeeee] rounded-[24rpx] bg-[#fbfbfb] p-[32rpx]"
|
||||
@@ -351,17 +370,68 @@ onMounted(async () => {
|
||||
@click="showAbout">
|
||||
<view>
|
||||
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||
关于我们
|
||||
</text>
|
||||
<text class="mt-[4rpx] block text-[24rpx] text-[#9d9ea3]">
|
||||
应用版本与团队信息
|
||||
</text>
|
||||
{{ t('settings.aboutUs') }}
|
||||
</text>
|
||||
<text class="mt-[4rpx] block text-[24rpx] text-[#9d9ea3]">
|
||||
{{ t('settings.appVersion') }}
|
||||
</text>
|
||||
</view>
|
||||
<wd-icon name="arrow-right" custom-class="text-[32rpx] text-[#9d9ea3]" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 语言设置 -->
|
||||
<view class="mb-[32rpx]">
|
||||
<view class="mb-[24rpx] flex items-center">
|
||||
<text class="text-[32rpx] text-[#232338] font-bold">
|
||||
{{ t('settings.languageSettings') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
<view class="border border-[#eeeeee] rounded-[24rpx] bg-[#fbfbfb] p-[32rpx]"
|
||||
style="box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.06);">
|
||||
<view class="flex cursor-pointer items-center justify-between border border-[#eeeeee] rounded-[16rpx] bg-[#f5f7fb] p-[24rpx] transition-all active:bg-[#eef3ff]" @click="showLanguageSheet = true">
|
||||
<view>
|
||||
<text class="text-[32rpx] text-[#232338] font-medium">
|
||||
{{ t('settings.language') }}
|
||||
</text>
|
||||
<text class="mt-[4rpx] block text-[24rpx] text-[#9d9ea3]">
|
||||
{{ t('settings.selectLanguage') }}
|
||||
</text>
|
||||
</view>
|
||||
<view class="flex items-center">
|
||||
<text class="text-[32rpx] text-[#9d9ea3] font-semibold mr-[16rpx]">
|
||||
{{ supportedLanguages.find(lang => lang.code === currentLanguage.value)?.name }}
|
||||
</text>
|
||||
<wd-icon name="arrow-right" custom-class="text-[32rpx] text-[#9d9ea3]" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 语言选择弹窗 -->
|
||||
<wd-action-sheet
|
||||
v-model="showLanguageSheet"
|
||||
:title="t('settings.selectLanguage')"
|
||||
:close-on-click-modal="true"
|
||||
>
|
||||
<view class="language-sheet">
|
||||
<scroll-view scroll-y class="language-list">
|
||||
<view
|
||||
v-for="lang in supportedLanguages"
|
||||
:key="lang.code"
|
||||
class="language-item"
|
||||
@click="handleLanguageChange(lang.code)"
|
||||
>
|
||||
<text class="language-name">
|
||||
{{ lang.name }}
|
||||
</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</wd-action-sheet>
|
||||
|
||||
<!-- 底部安全距离 -->
|
||||
<!-- 底部安全距离 -->
|
||||
<view style="height: env(safe-area-inset-bottom);" />
|
||||
@@ -370,4 +440,27 @@ onMounted(async () => {
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
// 保持与 edit.vue 一致的风格，样式主要通过类名控制</style>
|
||||
// 保持与 edit.vue 一致的风格，样式主要通过类名控制
|
||||
|
||||
// 语言选择弹窗样式
|
||||
.language-sheet {
|
||||
.language-list {
|
||||
max-height: 50vh;
|
||||
.language-item {
|
||||
padding: 30rpx 0;
|
||||
text-align: center;
|
||||
border-bottom: 1rpx solid #f0f0f0;
|
||||
.language-name {
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
}
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
&:active {
|
||||
background-color: #f5f7fb;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -4,6 +4,7 @@ import { computed, onMounted, ref } from 'vue'
|
||||
import { useMessage } from 'wot-design-uni'
|
||||
import { useToast } from 'wot-design-uni/components/wd-toast'
|
||||
import { createVoicePrint, deleteVoicePrint, getChatHistory, getVoicePrintList, updateVoicePrint } from '@/api/voiceprint'
|
||||
import { t } from '@/i18n'
|
||||
|
||||
defineOptions({
|
||||
name: 'VoicePrintManage',
|
||||
@@ -81,7 +82,7 @@ async function loadVoicePrintList() {
|
||||
|
||||
// 检查是否有当前选中的智能体
|
||||
if (!currentAgentId.value) {
|
||||
console.warn('没有选中的智能体')
|
||||
console.warn(t('voiceprint.noSelectedAgent'))
|
||||
voicePrintList.value = []
|
||||
return
|
||||
}
|
||||
@@ -117,7 +118,7 @@ async function refresh() {
|
||||
async function loadChatHistory() {
|
||||
try {
|
||||
if (!currentAgentId.value) {
|
||||
toast.error('请先选择智能体')
|
||||
toast.error(t('voiceprint.pleaseSelectAgent'))
|
||||
return
|
||||
}
|
||||
|
||||
@@ -133,24 +134,47 @@ async function loadChatHistory() {
|
||||
}
|
||||
catch (error) {
|
||||
console.error('获取对话记录失败:', error)
|
||||
toast.error('获取对话记录失败')
|
||||
toast.error(t('voiceprint.fetchHistoryFailed'))
|
||||
}
|
||||
}
|
||||
|
||||
// 打开添加弹窗
|
||||
function openAddDialog() {
|
||||
if (!currentAgentId.value) {
|
||||
toast.error('请先选择智能体')
|
||||
toast.error(t('voiceprint.pleaseSelectAgent'))
|
||||
return
|
||||
}
|
||||
|
||||
addForm.value = {
|
||||
agentId: currentAgentId.value,
|
||||
audioId: '',
|
||||
sourceName: '',
|
||||
introduce: '',
|
||||
// 检查声纹接口是否配置（通过尝试获取声纹列表来检测）
|
||||
const checkVoicePrintConfig = async () => {
|
||||
try {
|
||||
await getVoicePrintList(currentAgentId.value)
|
||||
// 接口正常，继续打开添加弹窗
|
||||
addForm.value = {
|
||||
agentId: currentAgentId.value,
|
||||
audioId: '',
|
||||
sourceName: '',
|
||||
introduce: '',
|
||||
}
|
||||
showAddDialog.value = true
|
||||
} catch (error: any) {
|
||||
// 捕捉声纹接口未配置错误
|
||||
if (error.message && error.message.includes('请求错误[10054]')) {
|
||||
toast.error(t('voiceprint.voiceprintInterfaceNotConfigured'))
|
||||
} else {
|
||||
// 其他错误，继续打开弹窗
|
||||
addForm.value = {
|
||||
agentId: currentAgentId.value,
|
||||
audioId: '',
|
||||
sourceName: '',
|
||||
introduce: '',
|
||||
}
|
||||
showAddDialog.value = true
|
||||
}
|
||||
}
|
||||
}
|
||||
showAddDialog.value = true
|
||||
|
||||
checkVoicePrintConfig()
|
||||
}
|
||||
|
||||
// 打开编辑弹窗
|
||||
@@ -162,7 +186,7 @@ function openEditDialog(item: VoicePrint) {
|
||||
// 获取选中音频的显示内容
|
||||
function getSelectedAudioContent(audioId: string) {
|
||||
if (!audioId)
|
||||
return '点击选择声纹向量'
|
||||
return t('voiceprint.clickToSelectVector')
|
||||
const chatItem = chatHistoryList.value.find(item => item.audioId === audioId)
|
||||
return chatItem ? chatItem.content : `已选择: ${audioId.substring(0, 8)}...`
|
||||
}
|
||||
@@ -181,34 +205,34 @@ function selectAudioId({ item }: { item: any }) {
|
||||
// 提交添加说话人
|
||||
async function submitAdd() {
|
||||
if (!addForm.value.sourceName.trim()) {
|
||||
toast.error('请输入姓名')
|
||||
toast.error(t('voiceprint.pleaseInputName'))
|
||||
return
|
||||
}
|
||||
if (!addForm.value.audioId) {
|
||||
toast.error('请选择声纹向量')
|
||||
toast.error(t('voiceprint.pleaseSelectVector'))
|
||||
return
|
||||
}
|
||||
|
||||
try {
|
||||
await createVoicePrint(addForm.value)
|
||||
toast.success('添加成功')
|
||||
toast.success(t('voiceprint.addSuccess'))
|
||||
showAddDialog.value = false
|
||||
await loadVoicePrintList()
|
||||
}
|
||||
catch (error) {
|
||||
console.error('添加说话人失败:', error)
|
||||
toast.error('添加说话人失败')
|
||||
toast.error(t('voiceprint.addFailed'))
|
||||
}
|
||||
}
|
||||
|
||||
// 提交编辑说话人
|
||||
async function submitEdit() {
|
||||
if (!editForm.value.sourceName.trim()) {
|
||||
toast.error('请输入姓名')
|
||||
toast.error(t('voiceprint.pleaseInputName'))
|
||||
return
|
||||
}
|
||||
if (!editForm.value.audioId) {
|
||||
toast.error('请选择声纹向量')
|
||||
toast.error(t('voiceprint.pleaseSelectVector'))
|
||||
return
|
||||
}
|
||||
|
||||
@@ -220,13 +244,13 @@ async function submitEdit() {
|
||||
introduce: editForm.value.introduce,
|
||||
createDate: editForm.value.createDate,
|
||||
})
|
||||
toast.success('编辑成功')
|
||||
toast.success(t('voiceprint.editSuccess'))
|
||||
showEditDialog.value = false
|
||||
await loadVoicePrintList()
|
||||
}
|
||||
catch (error) {
|
||||
console.error('编辑说话人失败:', error)
|
||||
toast.error('编辑说话人失败')
|
||||
toast.error(t('voiceprint.editFailed'))
|
||||
}
|
||||
}
|
||||
|
||||
@@ -239,11 +263,11 @@ function handleEdit(item: VoicePrint) {
|
||||
// 删除声纹
|
||||
async function handleDelete(id: string) {
|
||||
message.confirm({
|
||||
msg: '确定要删除这个说话人吗？',
|
||||
title: '确认删除',
|
||||
msg: t('voiceprint.deleteConfirmMsg'),
|
||||
title: t('voiceprint.deleteConfirmTitle'),
|
||||
}).then(async () => {
|
||||
await deleteVoicePrint(id)
|
||||
toast.success('删除成功')
|
||||
toast.success(t('voiceprint.deleteSuccess'))
|
||||
await loadVoicePrintList()
|
||||
}).catch(() => {
|
||||
console.log('点击了取消按钮')
|
||||
@@ -268,7 +292,7 @@ defineExpose({
|
||||
<view v-if="loading && voicePrintList.length === 0" class="loading-container">
|
||||
<wd-loading color="#336cff" />
|
||||
<text class="loading-text">
|
||||
加载中...
|
||||
{{ t('voiceprint.loading') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
@@ -302,7 +326,7 @@ defineExpose({
|
||||
@click="handleDelete(item.id)"
|
||||
>
|
||||
<wd-icon name="delete" />
|
||||
删除
|
||||
{{ t('voiceprint.delete') }}
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@@ -315,11 +339,11 @@ defineExpose({
|
||||
<view v-else-if="!loading" class="empty-container">
|
||||
<view class="flex flex-col items-center justify-center p-[100rpx_40rpx] text-center">
|
||||
<wd-icon name="voice" custom-class="text-[120rpx] text-[#d9d9d9] mb-[32rpx]" />
|
||||
<text class="mb-[16rpx] text-[32rpx] text-[#666666] font-medium">
|
||||
暂无声纹数据
|
||||
<text class="mb-[32rpx] text-[32rpx] text-[#666666] font-medium">
|
||||
{{ t('voiceprint.emptyTitle') }}
|
||||
</text>
|
||||
<text class="text-[26rpx] text-[#999999] leading-[1.5]">
|
||||
点击右下角 + 号添加您的第一个说话人
|
||||
{{ t('voiceprint.emptyDesc') }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -341,7 +365,7 @@ defineExpose({
|
||||
<view>
|
||||
<view class="w-full flex items-center justify-between border-b-[2rpx] border-[#eeeeee] p-[32rpx_32rpx_24rpx]">
|
||||
<text class="w-full text-center text-[32rpx] text-[#232338] font-semibold">
|
||||
添加说话人
|
||||
{{ t('voiceprint.addSpeaker') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
@@ -349,7 +373,7 @@ defineExpose({
|
||||
<!-- 声纹向量选择 -->
|
||||
<view class="mb-[32rpx]">
|
||||
<text class="mb-[16rpx] block text-[28rpx] text-[#232338] font-medium">
|
||||
* 声纹向量
|
||||
* {{ t('voiceprint.voiceVector') }}
|
||||
</text>
|
||||
<view
|
||||
class="flex cursor-pointer items-center justify-between border-[1rpx] border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[20rpx] transition-all duration-300 active:bg-[#eef3ff]"
|
||||
@@ -368,22 +392,22 @@ defineExpose({
|
||||
<!-- 姓名 -->
|
||||
<view class="mb-[32rpx]">
|
||||
<text class="mb-[16rpx] block text-[28rpx] text-[#232338] font-medium">
|
||||
* 姓名
|
||||
* {{ t('voiceprint.name') }}
|
||||
</text>
|
||||
<input
|
||||
v-model="addForm.sourceName"
|
||||
class="box-border h-[80rpx] w-full border-[1rpx] border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[16rpx_20rpx] text-[28rpx] text-[#232338] leading-[1.4] outline-none focus:border-[#336cff] focus:bg-white placeholder:text-[#9d9ea3]"
|
||||
type="text" placeholder="请输入姓名"
|
||||
type="text" :placeholder="t('voiceprint.pleaseInputName')"
|
||||
>
|
||||
</view>
|
||||
|
||||
<!-- 描述 -->
|
||||
<view>
|
||||
<text class="mb-[16rpx] block text-[28rpx] text-[#232338] font-medium">
|
||||
* 描述
|
||||
* {{ t('voiceprint.description') }}
|
||||
</text>
|
||||
<textarea
|
||||
v-model="addForm.introduce" :maxlength="100" placeholder="请输入描述"
|
||||
v-model="addForm.introduce" :maxlength="100" :placeholder="t('voiceprint.pleaseInputDescription')"
|
||||
class="box-border h-[200rpx] w-full resize-none border-[1rpx] border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[20rpx] text-[26rpx] text-[#232338] leading-[1.6] outline-none focus:border-[#336cff] focus:bg-white placeholder:text-[#9d9ea3]"
|
||||
/>
|
||||
<view class="mt-[8rpx] text-right text-[22rpx] text-[#9d9ea3]">
|
||||
@@ -394,11 +418,11 @@ defineExpose({
|
||||
|
||||
<view class="flex gap-[16rpx] border-t-[2rpx] border-[#eeeeee] p-[24rpx_32rpx_32rpx]">
|
||||
<wd-button type="info" custom-class="flex-1" @click="showAddDialog = false">
|
||||
取消
|
||||
</wd-button>
|
||||
<wd-button type="primary" custom-class="flex-1" @click="submitAdd">
|
||||
保存
|
||||
</wd-button>
|
||||
{{ t('voiceprint.cancel') }}
|
||||
</wd-button>
|
||||
<wd-button type="primary" custom-class="flex-1" @click="submitAdd">
|
||||
{{ t('voiceprint.save') }}
|
||||
</wd-button>
|
||||
</view>
|
||||
</view>
|
||||
</wd-popup>
|
||||
@@ -411,7 +435,7 @@ defineExpose({
|
||||
<view>
|
||||
<view class="w-full flex items-center justify-between border-b-[2rpx] border-[#eeeeee] p-[32rpx_32rpx_24rpx]">
|
||||
<text class="w-full text-center text-[32rpx] text-[#232338] font-semibold">
|
||||
编辑说话人
|
||||
{{ t('voiceprint.editSpeaker') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
@@ -419,7 +443,7 @@ defineExpose({
|
||||
<!-- 声纹向量选择 -->
|
||||
<view class="mb-[32rpx]">
|
||||
<text class="mb-[16rpx] block text-[28rpx] text-[#232338] font-medium">
|
||||
* 声纹向量
|
||||
* {{ t('voiceprint.voiceVector') }}
|
||||
</text>
|
||||
<view
|
||||
class="flex cursor-pointer items-center justify-between border-[1rpx] border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[20rpx] transition-all duration-300 active:bg-[#eef3ff]"
|
||||
@@ -438,22 +462,22 @@ defineExpose({
|
||||
<!-- 姓名 -->
|
||||
<view class="mb-[32rpx]">
|
||||
<text class="mb-[16rpx] block text-[28rpx] text-[#232338] font-medium">
|
||||
* 姓名
|
||||
* {{ t('voiceprint.name') }}
|
||||
</text>
|
||||
<input
|
||||
v-model="editForm.sourceName"
|
||||
class="box-border h-[80rpx] w-full border-[1rpx] border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[16rpx_20rpx] text-[28rpx] text-[#232338] leading-[1.4] outline-none focus:border-[#336cff] focus:bg-white placeholder:text-[#9d9ea3]"
|
||||
type="text" placeholder="请输入姓名"
|
||||
type="text" :placeholder="t('voiceprint.pleaseInputName')"
|
||||
>
|
||||
</view>
|
||||
|
||||
<!-- 描述 -->
|
||||
<view>
|
||||
<text class="mb-[16rpx] block text-[28rpx] text-[#232338] font-medium">
|
||||
* 描述
|
||||
* {{ t('voiceprint.description') }}
|
||||
</text>
|
||||
<textarea
|
||||
v-model="editForm.introduce" :maxlength="100" placeholder="请输入描述"
|
||||
v-model="editForm.introduce" :maxlength="100" :placeholder="t('voiceprint.pleaseInputDescription')"
|
||||
class="box-border h-[200rpx] w-full resize-none border-[1rpx] border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[20rpx] text-[26rpx] text-[#232338] leading-[1.6] outline-none focus:border-[#336cff] focus:bg-white placeholder:text-[#9d9ea3]"
|
||||
/>
|
||||
<view class="mt-[8rpx] text-right text-[22rpx] text-[#9d9ea3]">
|
||||
@@ -464,18 +488,18 @@ defineExpose({
|
||||
|
||||
<view class="flex gap-[16rpx] border-t-[2rpx] border-[#eeeeee] p-[24rpx_32rpx_32rpx]">
|
||||
<wd-button type="info" custom-class="flex-1" @click="showEditDialog = false">
|
||||
取消
|
||||
</wd-button>
|
||||
<wd-button type="primary" custom-class="flex-1" @click="submitEdit">
|
||||
保存
|
||||
</wd-button>
|
||||
{{ t('voiceprint.cancel') }}
|
||||
</wd-button>
|
||||
<wd-button type="primary" custom-class="flex-1" @click="submitEdit">
|
||||
{{ t('voiceprint.save') }}
|
||||
</wd-button>
|
||||
</view>
|
||||
</view>
|
||||
</wd-popup>
|
||||
|
||||
<!-- 语音对话记录选择动作面板 -->
|
||||
<wd-action-sheet
|
||||
v-model="showChatHistoryDialog" :actions="chatHistoryActions" title="选择声纹向量"
|
||||
v-model="showChatHistoryDialog" :actions="chatHistoryActions" :title="t('voiceprint.selectVector')"
|
||||
@select="selectAudioId"
|
||||
/>
|
||||
</template>
|
||||
|
||||
@@ -0,0 +1,41 @@
|
||||
import { ref } from 'vue'
|
||||
import { ref } from 'vue'
|
||||
import { defineStore } from 'pinia'
|
||||
|
||||
// 支持的语言类型
|
||||
export type Language = 'zh_CN' | 'en' | 'zh_TW'
|
||||
|
||||
export interface LangStore {
|
||||
currentLang: Language
|
||||
changeLang: (lang: Language) => void
|
||||
}
|
||||
|
||||
export const useLangStore = defineStore(
|
||||
'lang',
|
||||
(): LangStore => {
|
||||
// 从本地存储获取语言设置，如果没有则使用默认值
|
||||
const savedLang = uni.getStorageSync('app_language') as Language | null
|
||||
const currentLang = ref<Language>(savedLang || 'zh_CN')
|
||||
|
||||
// 切换语言
|
||||
const changeLang = (lang: Language) => {
|
||||
currentLang.value = lang
|
||||
// 将语言设置保存到本地存储
|
||||
uni.setStorageSync('app_language', lang)
|
||||
}
|
||||
|
||||
return {
|
||||
currentLang,
|
||||
changeLang,
|
||||
}
|
||||
},
|
||||
{
|
||||
persist: {
|
||||
key: 'lang',
|
||||
serializer: {
|
||||
serialize: state => JSON.stringify(state.currentLang),
|
||||
deserialize: value => ({ currentLang: JSON.parse(value) }),
|
||||
},
|
||||
},
|
||||
},
|
||||
)
|
||||
Reference in New Issue
Block a user