mirror of
https://github.com/xinnan-tech/xiaozhi-esp32-server.git
synced 2026-07-28 01:53:53 +08:00
updata:移动端添加语言切换功能
This commit is contained in:
rainv123
@@ -1,12 +1,16 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { onHide, onLaunch, onShow } from '@dcloudio/uni-app'
|
import { onHide, onLaunch, onShow } from '@dcloudio/uni-app'
|
||||||
|
import { watch, onMounted } from 'vue'
|
||||||
import { usePageAuth } from '@/hooks/usePageAuth'
|
import { usePageAuth } from '@/hooks/usePageAuth'
|
||||||
import { useConfigStore } from '@/store'
|
import { useConfigStore } from '@/store'
|
||||||
|
import { t } from '@/i18n'
|
||||||
|
import { useLangStore } from '@/store/lang'
|
||||||
import 'abortcontroller-polyfill/dist/abortcontroller-polyfill-only'
|
import 'abortcontroller-polyfill/dist/abortcontroller-polyfill-only'
|
||||||
|
|
||||||
usePageAuth()
|
usePageAuth()
|
||||||
|
|
||||||
const configStore = useConfigStore()
|
const configStore = useConfigStore()
|
||||||
|
const langStore = useLangStore()
|
||||||
|
|
||||||
onLaunch(() => {
|
onLaunch(() => {
|
||||||
console.log('App Launch')
|
console.log('App Launch')
|
||||||
@@ -17,7 +21,58 @@ onLaunch(() => {
|
|||||||
})
|
})
|
||||||
onShow(() => {
|
onShow(() => {
|
||||||
console.log('App Show')
|
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(() => {
|
onHide(() => {
|
||||||
console.log('App Hide')
|
console.log('App Hide')
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -0,0 +1,406 @@
|
|||||||
|
// 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.forgotPassword': 'Forgot password?',
|
||||||
|
'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',
|
||||||
|
|
||||||
|
// 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,406 @@
|
|||||||
|
// 简体中文语言包
|
||||||
|
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.forgotPassword': '忘记密码？',
|
||||||
|
'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': '语言已切换',
|
||||||
|
|
||||||
|
// 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,406 @@
|
|||||||
|
// 繁體中文語言包
|
||||||
|
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.forgotPassword': '忘記密碼？',
|
||||||
|
'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': '語言已切換',
|
||||||
|
|
||||||
|
// 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 '@/style/index.scss'
|
||||||
import 'virtual:uno.css'
|
import 'virtual:uno.css'
|
||||||
|
|
||||||
|
// 导入国际化相关功能
|
||||||
|
import { initI18n } from './i18n'
|
||||||
|
import { useLangStore } from './store/lang'
|
||||||
|
|
||||||
export function createApp() {
|
export function createApp() {
|
||||||
const app = createSSRApp(App)
|
const app = createSSRApp(App)
|
||||||
app.use(store)
|
app.use(store)
|
||||||
app.use(routeInterceptor)
|
app.use(routeInterceptor)
|
||||||
app.use(VueQueryPlugin)
|
app.use(VueQueryPlugin)
|
||||||
|
|
||||||
|
// 初始化国际化
|
||||||
|
initI18n()
|
||||||
|
|
||||||
return {
|
return {
|
||||||
app,
|
app,
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"globalStyle": {
|
"globalStyle": {
|
||||||
"navigationStyle": "default",
|
"navigationStyle": "default",
|
||||||
"navigationBarTitleText": "小智智控台",
|
"navigationBarTitleText": "小智",
|
||||||
"navigationBarBackgroundColor": "#f8f8f8",
|
"navigationBarBackgroundColor": "#f8f8f8",
|
||||||
"navigationBarTextStyle": "black",
|
"navigationBarTextStyle": "black",
|
||||||
"backgroundColor": "#FFFFFF"
|
"backgroundColor": "#FFFFFF"
|
||||||
@@ -104,7 +104,7 @@
|
|||||||
"path": "pages/device-config/index",
|
"path": "pages/device-config/index",
|
||||||
"type": "page",
|
"type": "page",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "设备配网",
|
"navigationBarTitleText": "设备配置",
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -114,7 +114,7 @@
|
|||||||
"layout": "default",
|
"layout": "default",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationStyle": "custom",
|
"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 { getAgentDetail, getModelOptions, getPluginFunctions, getRoleTemplates, getTTSVoices, updateAgent } from '@/api/agent/agent'
|
||||||
import { usePluginStore } from '@/store'
|
import { usePluginStore } from '@/store'
|
||||||
import { toast } from '@/utils/toast'
|
import { toast } from '@/utils/toast'
|
||||||
|
import { t } from '@/i18n'
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'AgentEdit',
|
name: 'AgentEdit',
|
||||||
@@ -37,14 +38,15 @@ const formData = ref<Partial<AgentDetail>>({
|
|||||||
|
|
||||||
// 显示名称数据
|
// 显示名称数据
|
||||||
const displayNames = ref({
|
const displayNames = ref({
|
||||||
vad: '请选择',
|
// 显示名称数据
|
||||||
asr: '请选择',
|
vad: t('agent.pleaseSelect'),
|
||||||
llm: '请选择',
|
asr: t('agent.pleaseSelect'),
|
||||||
vllm: '请选择',
|
llm: t('agent.pleaseSelect'),
|
||||||
intent: '请选择',
|
vllm: t('agent.pleaseSelect'),
|
||||||
memory: '请选择',
|
intent: t('agent.pleaseSelect'),
|
||||||
tts: '请选择',
|
memory: t('agent.pleaseSelect'),
|
||||||
voiceprint: '请选择',
|
tts: t('agent.pleaseSelect'),
|
||||||
|
voiceprint: t('agent.pleaseSelect'),
|
||||||
})
|
})
|
||||||
|
|
||||||
// 角色模板数据
|
// 角色模板数据
|
||||||
@@ -143,7 +145,7 @@ async function loadAgentDetail() {
|
|||||||
}
|
}
|
||||||
catch (error) {
|
catch (error) {
|
||||||
console.error('加载智能体详情失败:', error)
|
console.error('加载智能体详情失败:', error)
|
||||||
toast.error('加载失败')
|
toast.error(t('agent.loadFail'))
|
||||||
}
|
}
|
||||||
finally {
|
finally {
|
||||||
loading.value = false
|
loading.value = false
|
||||||
@@ -358,12 +360,12 @@ function getModelDisplayName(modelType: string, modelId: string) {
|
|||||||
// 保存智能体
|
// 保存智能体
|
||||||
async function saveAgent() {
|
async function saveAgent() {
|
||||||
if (!formData.value.agentName?.trim()) {
|
if (!formData.value.agentName?.trim()) {
|
||||||
toast.warning('请输入助手昵称')
|
toast.warning(t('agent.pleaseInputAgentName'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!formData.value.systemPrompt?.trim()) {
|
if (!formData.value.systemPrompt?.trim()) {
|
||||||
toast.warning('请输入角色介绍')
|
toast.warning(t('agent.pleaseInputRoleDescription'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -371,11 +373,11 @@ async function saveAgent() {
|
|||||||
saving.value = true
|
saving.value = true
|
||||||
await updateAgent(agentId.value, formData.value)
|
await updateAgent(agentId.value, formData.value)
|
||||||
|
|
||||||
toast.success('保存成功')
|
toast.success(t('agent.saveSuccess'))
|
||||||
}
|
}
|
||||||
catch (error) {
|
catch (error) {
|
||||||
console.error('保存失败:', error)
|
console.error('保存失败:', error)
|
||||||
toast.error('保存失败')
|
toast.error(t('agent.saveFail'))
|
||||||
}
|
}
|
||||||
finally {
|
finally {
|
||||||
saving.value = false
|
saving.value = false
|
||||||
@@ -441,10 +443,10 @@ onMounted(async () => {
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<view class="bg-[#f5f7fb] px-[20rpx]">
|
<view class="bg-[#f5f7fb] px-[20rpx]">
|
||||||
<!-- 基础信息标题 -->
|
<!--// 基础信息标题
|
||||||
<view class="pb-[20rpx] first:pt-[20rpx]">
|
<view class="pb-[20rpx] first:pt-[20rpx]">
|
||||||
<text class="text-[32rpx] text-[#232338] font-bold">
|
<text class="text-[32rpx] text-[#232338] font-bold">
|
||||||
基础信息
|
{{ t('agent.basicInfo') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</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] 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">
|
<view class="mb-[24rpx] last:mb-0">
|
||||||
<text class="mb-[12rpx] block text-[28rpx] text-[#232338] font-medium">
|
<text class="mb-[12rpx] block text-[28rpx] text-[#232338] font-medium">
|
||||||
助手昵称
|
{{ t('agent.agentName') }}
|
||||||
</text>
|
</text>
|
||||||
<input
|
<input
|
||||||
v-model="formData.agentName"
|
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]"
|
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"
|
type="text"
|
||||||
placeholder="请输入助手昵称"
|
:placeholder="t('agent.inputAgentName')"
|
||||||
>
|
>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="mb-[24rpx] last:mb-0">
|
<view class="mb-[24rpx] last:mb-0">
|
||||||
<text class="mb-[12rpx] block text-[28rpx] text-[#232338] font-medium">
|
<text class="mb-[12rpx] block text-[28rpx] text-[#232338] font-medium">
|
||||||
角色模式
|
{{ t('agent.roleMode') }}
|
||||||
</text>
|
</text>
|
||||||
<view class="mt-0 flex flex-wrap gap-[12rpx]">
|
<view class="mt-0 flex flex-wrap gap-[12rpx]">
|
||||||
<view
|
<view
|
||||||
v-for="template in roleTemplates"
|
v-for="template in roleTemplates"
|
||||||
@@ -483,12 +485,12 @@ onMounted(async () => {
|
|||||||
|
|
||||||
<view class="mb-[24rpx] last:mb-0">
|
<view class="mb-[24rpx] last:mb-0">
|
||||||
<text class="mb-[12rpx] block text-[28rpx] text-[#232338] font-medium">
|
<text class="mb-[12rpx] block text-[28rpx] text-[#232338] font-medium">
|
||||||
角色介绍
|
{{ t('agent.roleDescription') }}
|
||||||
</text>
|
</text>
|
||||||
<textarea
|
<textarea
|
||||||
v-model="formData.systemPrompt"
|
v-model="formData.systemPrompt"
|
||||||
:maxlength="2000"
|
: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]"
|
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]">
|
<view class="mt-[8rpx] text-right text-[22rpx] text-[#9d9ea3]">
|
||||||
@@ -500,7 +502,7 @@ onMounted(async () => {
|
|||||||
<!-- 模型配置标题 -->
|
<!-- 模型配置标题 -->
|
||||||
<view class="pb-[20rpx]">
|
<view class="pb-[20rpx]">
|
||||||
<text class="text-[32rpx] text-[#232338] font-bold">
|
<text class="text-[32rpx] text-[#232338] font-bold">
|
||||||
模型配置
|
{{ t('agent.modelConfig') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -509,7 +511,7 @@ onMounted(async () => {
|
|||||||
<view class="flex flex-col gap-[16rpx]">
|
<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')">
|
<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">
|
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||||
语音活动检测
|
{{ t('agent.vad') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
||||||
{{ displayNames.vad }}
|
{{ 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')">
|
<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">
|
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||||
语音识别
|
{{ t('agent.asr') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
||||||
{{ displayNames.asr }}
|
{{ 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')">
|
<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">
|
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||||
大语言模型
|
{{ t('agent.llm') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
||||||
{{ displayNames.llm }}
|
{{ 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')">
|
<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">
|
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||||
视觉大模型
|
{{ t('agent.vllm') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
||||||
{{ displayNames.vllm }}
|
{{ 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')">
|
<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">
|
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||||
意图识别
|
{{ t('agent.intent') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
||||||
{{ displayNames.intent }}
|
{{ 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')">
|
<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">
|
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||||
记忆
|
{{ t('agent.memory') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
||||||
{{ displayNames.memory }}
|
{{ displayNames.memory }}
|
||||||
@@ -572,7 +574,7 @@ onMounted(async () => {
|
|||||||
<!-- 语音设置标题 -->
|
<!-- 语音设置标题 -->
|
||||||
<view class="pb-[20rpx]">
|
<view class="pb-[20rpx]">
|
||||||
<text class="text-[32rpx] text-[#232338] font-bold">
|
<text class="text-[32rpx] text-[#232338] font-bold">
|
||||||
语音设置
|
{{ t('agent.voiceSettings') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -581,7 +583,7 @@ onMounted(async () => {
|
|||||||
<view class="flex flex-col gap-[16rpx]">
|
<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')">
|
<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">
|
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||||
语音合成
|
{{ t('agent.tts') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
||||||
{{ displayNames.tts }}
|
{{ 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')">
|
<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">
|
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||||
角色音色
|
{{ t('agent.voiceprint') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
||||||
{{ displayNames.voiceprint }}
|
{{ 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="flex items-center justify-between border border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[20rpx]">
|
||||||
<view class="text-[28rpx] text-[#232338] font-medium">
|
<view class="text-[28rpx] text-[#232338] font-medium">
|
||||||
插件
|
{{ t('agent.plugins') }}
|
||||||
</view>
|
</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">
|
<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>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -613,7 +615,7 @@ onMounted(async () => {
|
|||||||
<!-- 记忆历史标题 -->
|
<!-- 记忆历史标题 -->
|
||||||
<view class="pb-[20rpx]">
|
<view class="pb-[20rpx]">
|
||||||
<text class="text-[32rpx] text-[#232338] font-bold">
|
<text class="text-[32rpx] text-[#232338] font-bold">
|
||||||
历史记忆
|
{{ t('agent.historyMemory') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -622,7 +624,7 @@ onMounted(async () => {
|
|||||||
<view class="mb-[24rpx] last:mb-0">
|
<view class="mb-[24rpx] last:mb-0">
|
||||||
<textarea
|
<textarea
|
||||||
v-model="formData.summaryMemory"
|
v-model="formData.summaryMemory"
|
||||||
placeholder="记忆内容"
|
:placeholder="t('agent.memoryContent')"
|
||||||
disabled
|
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"
|
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]"
|
custom-class="w-full h-[80rpx] rounded-[16rpx] text-[30rpx] font-semibold bg-[#336cff] active:bg-[#2d5bd1]"
|
||||||
@click="saveAgent"
|
@click="saveAgent"
|
||||||
>
|
>
|
||||||
{{ saving ? '保存中...' : '保存' }}
|
{{ saving ? t('agent.saving') : t('agent.save') }}
|
||||||
</wd-button>
|
</wd-button>
|
||||||
</view>
|
</view>
|
||||||
<!-- 模型选择器 -->
|
<!-- 模型选择器 -->
|
||||||
|
|||||||
@@ -11,6 +11,7 @@
|
|||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { onLoad } from '@dcloudio/uni-app'
|
import { onLoad } from '@dcloudio/uni-app'
|
||||||
import { computed, onMounted, ref } from 'vue'
|
import { computed, onMounted, ref } from 'vue'
|
||||||
|
import { t } from '@/i18n'
|
||||||
import CustomTabs from '@/components/custom-tabs/index.vue'
|
import CustomTabs from '@/components/custom-tabs/index.vue'
|
||||||
import ChatHistory from '@/pages/chat-history/index.vue'
|
import ChatHistory from '@/pages/chat-history/index.vue'
|
||||||
import DeviceManagement from '@/pages/device/index.vue'
|
import DeviceManagement from '@/pages/device/index.vue'
|
||||||
@@ -42,7 +43,6 @@ systemInfo = uni.getSystemInfoSync()
|
|||||||
safeAreaInsets = systemInfo.safeAreaInsets
|
safeAreaInsets = systemInfo.safeAreaInsets
|
||||||
// #endif
|
// #endif
|
||||||
|
|
||||||
|
|
||||||
// 智能体ID
|
// 智能体ID
|
||||||
const currentAgentId = ref('default')
|
const currentAgentId = ref('default')
|
||||||
|
|
||||||
@@ -65,25 +65,25 @@ const voiceprintRef = ref()
|
|||||||
// Tab 配置
|
// Tab 配置
|
||||||
const tabList = [
|
const tabList = [
|
||||||
{
|
{
|
||||||
label: '角色配置',
|
label: t('agent.roleConfig'),
|
||||||
value: 'agent-config',
|
value: 'agent-config',
|
||||||
icon: '/static/tabbar/robot.png',
|
icon: '/static/tabbar/robot.png',
|
||||||
activeIcon: '/static/tabbar/robot_activate.png',
|
activeIcon: '/static/tabbar/robot_activate.png',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '设备管理',
|
label: t('agent.deviceManagement'),
|
||||||
value: 'device-management',
|
value: 'device-management',
|
||||||
icon: '/static/tabbar/device.png',
|
icon: '/static/tabbar/device.png',
|
||||||
activeIcon: '/static/tabbar/device_activate.png',
|
activeIcon: '/static/tabbar/device_activate.png',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '聊天记录',
|
label: t('agent.chatHistory'),
|
||||||
value: 'chat-history',
|
value: 'chat-history',
|
||||||
icon: '/static/tabbar/chat.png',
|
icon: '/static/tabbar/chat.png',
|
||||||
activeIcon: '/static/tabbar/chat_activate.png',
|
activeIcon: '/static/tabbar/chat_activate.png',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '声纹管理',
|
label: t('agent.voiceprintManagement'),
|
||||||
value: 'voiceprint-management',
|
value: 'voiceprint-management',
|
||||||
icon: '/static/tabbar/microphone.png',
|
icon: '/static/tabbar/microphone.png',
|
||||||
activeIcon: '/static/tabbar/microphone_activate.png',
|
activeIcon: '/static/tabbar/microphone_activate.png',
|
||||||
@@ -160,7 +160,7 @@ onMounted(async () => {
|
|||||||
<template>
|
<template>
|
||||||
<view class="h-screen flex flex-col bg-[#f5f7fb]">
|
<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>
|
<template #left>
|
||||||
<wd-icon name="arrow-left" size="18" @click="goBack" />
|
<wd-icon name="arrow-left" size="18" @click="goBack" />
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -3,8 +3,8 @@
|
|||||||
"layout": "default",
|
"layout": "default",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "编辑功能",
|
"navigationBarTitleText": "编辑功能",
|
||||||
"navigationStyle": "custom",
|
"navigationStyle": "custom"
|
||||||
},
|
}
|
||||||
}
|
}
|
||||||
</route>
|
</route>
|
||||||
|
|
||||||
@@ -12,12 +12,13 @@
|
|||||||
import { useMessage } from 'wot-design-uni'
|
import { useMessage } from 'wot-design-uni'
|
||||||
import { getMcpAddress, getMcpTools } from '@/api/agent/agent'
|
import { getMcpAddress, getMcpTools } from '@/api/agent/agent'
|
||||||
import { usePluginStore } from '@/store'
|
import { usePluginStore } from '@/store'
|
||||||
|
import { t } from '@/i18n'
|
||||||
|
|
||||||
const message = useMessage()
|
const message = useMessage()
|
||||||
const pluginStore = usePluginStore()
|
const pluginStore = usePluginStore()
|
||||||
|
|
||||||
const segmentedList = ref<string[]>(['未选', '已选'])
|
const segmentedList = ref<string[]>([t('agent.tools.notSelected'), t('agent.tools.selected')])
|
||||||
const currentSegmented = ref('未选')
|
const currentSegmented = ref(t('agent.tools.notSelected'))
|
||||||
const notSelectedList = ref<any[]>([])
|
const notSelectedList = ref<any[]>([])
|
||||||
const selectedList = ref<any[]>([])
|
const selectedList = ref<any[]>([])
|
||||||
|
|
||||||
@@ -191,7 +192,7 @@ function handleJsonChange(key: string, value: string, field: any) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
catch {
|
catch {
|
||||||
message.alert('JSON格式错误')
|
message.alert(t('agent.tools.jsonFormatError'))
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -220,7 +221,7 @@ function goBack() {
|
|||||||
// 复制MCP地址
|
// 复制MCP地址
|
||||||
function copyMcpAddress() {
|
function copyMcpAddress() {
|
||||||
if (!mcpAddress.value) {
|
if (!mcpAddress.value) {
|
||||||
message.alert('暂无MCP地址可复制')
|
message.alert(t('agent.tools.noMcpAddressToCopy'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -228,11 +229,11 @@ function copyMcpAddress() {
|
|||||||
data: mcpAddress.value,
|
data: mcpAddress.value,
|
||||||
showToast: false,
|
showToast: false,
|
||||||
success: () => {
|
success: () => {
|
||||||
message.alert('MCP地址已复制到剪贴板')
|
message.alert(t('agent.tools.mcpAddressCopied'))
|
||||||
},
|
},
|
||||||
fail: () => {
|
fail: () => {
|
||||||
message.alert('复制失败，请重试')
|
message.alert(t('agent.tools.copyFailed'))
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -248,7 +249,7 @@ function getFieldDisplayValue(field: any, value: any) {
|
|||||||
function getFieldRemark(field: any) {
|
function getFieldRemark(field: any) {
|
||||||
let description = field.label || ''
|
let description = field.label || ''
|
||||||
if (field.default) {
|
if (field.default) {
|
||||||
description += `（默认值：${field.default}）`
|
description += `（${t('agent.tools.defaultValue')}：${field.default}）`
|
||||||
}
|
}
|
||||||
return description
|
return description
|
||||||
}
|
}
|
||||||
@@ -284,7 +285,7 @@ onMounted(async () => {
|
|||||||
<!-- 内置插件区域 -->
|
<!-- 内置插件区域 -->
|
||||||
<view class="mt-[20rpx] flex flex-1 flex-col">
|
<view class="mt-[20rpx] flex flex-1 flex-col">
|
||||||
<view class="text-[32rpx] text-[#333] font-medium">
|
<view class="text-[32rpx] text-[#333] font-medium">
|
||||||
内置插件
|
{{ t('agent.tools.builtInPlugins') }}
|
||||||
</view>
|
</view>
|
||||||
<view
|
<view
|
||||||
class="mt-[20rpx] box-border flex flex-1 flex-col rounded-[10rpx] bg-white p-[20rpx]"
|
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">
|
<view class="mt-[20rpx] flex-1 overflow-hidden">
|
||||||
<!-- 未选插件 -->
|
<!-- 未选插件 -->
|
||||||
<scroll-view
|
<scroll-view
|
||||||
v-if="currentSegmented === '未选'"
|
v-if="currentSegmented === t('agent.tools.notSelected')"
|
||||||
class="max-h-[600rpx] bg-transparent"
|
class="max-h-[600rpx] bg-transparent"
|
||||||
scroll-y
|
scroll-y
|
||||||
>
|
>
|
||||||
@@ -307,7 +308,7 @@ onMounted(async () => {
|
|||||||
v-if="notSelectedList.length === 0"
|
v-if="notSelectedList.length === 0"
|
||||||
class="h-[400rpx] flex items-center justify-center"
|
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>
|
||||||
<view v-else class="p-[20rpx] space-y-[20rpx]">
|
<view v-else class="p-[20rpx] space-y-[20rpx]">
|
||||||
<view
|
<view
|
||||||
@@ -343,7 +344,7 @@ onMounted(async () => {
|
|||||||
v-if="selectedList.length === 0"
|
v-if="selectedList.length === 0"
|
||||||
class="h-[400rpx] flex items-center justify-center"
|
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>
|
||||||
<view v-else class="p-[20rpx] space-y-[20rpx]">
|
<view v-else class="p-[20rpx] space-y-[20rpx]">
|
||||||
<view
|
<view
|
||||||
@@ -359,7 +360,7 @@ onMounted(async () => {
|
|||||||
{{ func.name }}
|
{{ func.name }}
|
||||||
</view>
|
</view>
|
||||||
<view class="text-[24rpx] text-[#1677ff]">
|
<view class="text-[24rpx] text-[#1677ff]">
|
||||||
点击配置参数
|
{{ t('agent.tools.clickToConfigure') }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex space-x-[20rpx]">
|
<view class="flex space-x-[20rpx]">
|
||||||
@@ -393,7 +394,7 @@ onMounted(async () => {
|
|||||||
<!-- MCP接入点区域 -->
|
<!-- MCP接入点区域 -->
|
||||||
<view class="mt-[20rpx] flex flex-1 flex-col">
|
<view class="mt-[20rpx] flex flex-1 flex-col">
|
||||||
<view class="text-[32rpx] text-[#333] font-medium">
|
<view class="text-[32rpx] text-[#333] font-medium">
|
||||||
mcp接入点
|
{{ t('agent.tools.mcpEndpoint') }}
|
||||||
</view>
|
</view>
|
||||||
<view
|
<view
|
||||||
class="mt-[20rpx] box-border flex flex-1 flex-col rounded-[10rpx] bg-white p-[20rpx]"
|
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]"
|
class="flex-1 rounded-[10rpx] bg-[#f5f7fb] p-[20rpx]"
|
||||||
>
|
>
|
||||||
<view
|
<view
|
||||||
class="ml-[20rpx] h-[70rpx] flex items-center justify-center rounded-[10rpx] bg-[#1677ff] px-[20rpx] text-[24rpx] text-white"
|
class="ml-[20rpx] h-[70rpx] flex items-center justify-center rounded-[10rpx] bg-[#1677ff] px-[20rpx] text-[24rpx] text-white"
|
||||||
@click="copyMcpAddress"
|
@click="copyMcpAddress"
|
||||||
>
|
>
|
||||||
复制
|
{{ t('agent.tools.copy') }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 工具列表 -->
|
<!-- 工具列表 -->
|
||||||
<view class="mt-[20rpx] flex-1 overflow-hidden">
|
<view class="mt-[20rpx] flex-1 overflow-hidden">
|
||||||
@@ -419,7 +420,7 @@ onMounted(async () => {
|
|||||||
v-if="mcpTools && mcpTools.length === 0"
|
v-if="mcpTools && mcpTools.length === 0"
|
||||||
class="h-[400rpx] flex items-center justify-center"
|
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>
|
||||||
<view v-else class="p-[20rpx]">
|
<view v-else class="p-[20rpx]">
|
||||||
<view class="flex flex-wrap">
|
<view class="flex flex-wrap">
|
||||||
@@ -441,7 +442,7 @@ onMounted(async () => {
|
|||||||
<!-- 参数编辑弹窗 -->
|
<!-- 参数编辑弹窗 -->
|
||||||
<wd-action-sheet
|
<wd-action-sheet
|
||||||
v-model="showParamDialog"
|
v-model="showParamDialog"
|
||||||
:title="`参数配置 - ${currentFunction?.name || ''}`"
|
:title="`${t('agent.tools.paramConfiguration')} - ${currentFunction?.name || ''}`"
|
||||||
custom-header-class="h-[75vh]"
|
custom-header-class="h-[75vh]"
|
||||||
@close="closeParamEdit"
|
@close="closeParamEdit"
|
||||||
>
|
>
|
||||||
@@ -460,7 +461,7 @@ onMounted(async () => {
|
|||||||
class="h-[400rpx] flex items-center justify-center"
|
class="h-[400rpx] flex items-center justify-center"
|
||||||
>
|
>
|
||||||
<text class="text-[28rpx] text-[#999]">
|
<text class="text-[28rpx] text-[#999]">
|
||||||
{{ currentFunction?.name }} 无需配置参数
|
{{ currentFunction?.name }} {{ t('agent.tools.noParamsNeeded') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -490,7 +491,7 @@ onMounted(async () => {
|
|||||||
v-model="tempParams[field.key]"
|
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]"
|
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"
|
type="text"
|
||||||
:placeholder="`请输入${field.label}`"
|
:placeholder="`${t('agent.tools.pleaseInput')}${field.label}`"
|
||||||
@input="
|
@input="
|
||||||
handleParamChange(field.key, $event.detail.value, field)
|
handleParamChange(field.key, $event.detail.value, field)
|
||||||
"
|
"
|
||||||
@@ -499,12 +500,12 @@ onMounted(async () => {
|
|||||||
<!-- 数组类型 -->
|
<!-- 数组类型 -->
|
||||||
<view v-else-if="field.type === 'array'">
|
<view v-else-if="field.type === 'array'">
|
||||||
<text class="mb-[16rpx] block text-[24rpx] text-[#65686f]">
|
<text class="mb-[16rpx] block text-[24rpx] text-[#65686f]">
|
||||||
每行输入一个项目
|
{{ t('agent.tools.eachLineOneItem') }}
|
||||||
</text>
|
</text>
|
||||||
<textarea
|
<textarea
|
||||||
v-model="arrayTextCache[field.key]"
|
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]"
|
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="
|
@input="
|
||||||
handleArrayChange(field.key, $event.detail.value, field)
|
handleArrayChange(field.key, $event.detail.value, field)
|
||||||
"
|
"
|
||||||
@@ -514,12 +515,12 @@ onMounted(async () => {
|
|||||||
<!-- JSON类型 -->
|
<!-- JSON类型 -->
|
||||||
<view v-else-if="field.type === 'json'">
|
<view v-else-if="field.type === 'json'">
|
||||||
<text class="mb-[16rpx] block text-[24rpx] text-[#65686f]">
|
<text class="mb-[16rpx] block text-[24rpx] text-[#65686f]">
|
||||||
请输入有效的JSON格式
|
{{ t('agent.tools.pleaseInputValidJson') }}
|
||||||
</text>
|
</text>
|
||||||
<textarea
|
<textarea
|
||||||
v-model="jsonTextCache[field.key]"
|
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]"
|
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="
|
@blur="
|
||||||
handleJsonChange(field.key, $event.detail.value, field)
|
handleJsonChange(field.key, $event.detail.value, field)
|
||||||
"
|
"
|
||||||
@@ -532,7 +533,7 @@ onMounted(async () => {
|
|||||||
v-model="tempParams[field.key]"
|
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]"
|
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"
|
type="number"
|
||||||
:placeholder="`请输入${field.label}`"
|
:placeholder="`${t('agent.tools.pleaseInput')}${field.label}`"
|
||||||
@input="
|
@input="
|
||||||
handleParamChange(
|
handleParamChange(
|
||||||
field.key,
|
field.key,
|
||||||
@@ -549,10 +550,10 @@ onMounted(async () => {
|
|||||||
>
|
>
|
||||||
<view class="flex-1">
|
<view class="flex-1">
|
||||||
<text class="mb-[8rpx] block text-[28rpx] text-[#232338]">
|
<text class="mb-[8rpx] block text-[28rpx] text-[#232338]">
|
||||||
启用功能
|
{{ t('agent.tools.enableFunction') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="block text-[24rpx] text-[#65686f]">
|
<text class="block text-[24rpx] text-[#65686f]">
|
||||||
开启或关闭此功能
|
{{ t('agent.tools.toggleFunction') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
<switch
|
<switch
|
||||||
@@ -569,7 +570,7 @@ onMounted(async () => {
|
|||||||
v-model="tempParams[field.key]"
|
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]"
|
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"
|
type="text"
|
||||||
:placeholder="`请输入${field.label}`"
|
:placeholder="`${t('agent.tools.pleaseInput')}${field.label}`"
|
||||||
@input="
|
@input="
|
||||||
handleParamChange(field.key, $event.detail.value, field)
|
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 { getAudioId, getChatHistory } from '@/api/chat-history/chat-history'
|
||||||
import { getEnvBaseUrl } from '@/utils'
|
import { getEnvBaseUrl } from '@/utils'
|
||||||
import { toast } from '@/utils/toast'
|
import { toast } from '@/utils/toast'
|
||||||
|
import { t } from '@/i18n'
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'ChatDetail',
|
name: 'ChatDetail',
|
||||||
@@ -49,7 +50,7 @@ const agentId = ref('')
|
|||||||
const currentAgent = computed(() => {
|
const currentAgent = computed(() => {
|
||||||
return {
|
return {
|
||||||
id: agentId.value,
|
id: agentId.value,
|
||||||
agentName: '智能助手',
|
agentName: t('chatHistory.assistantName'),
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
@@ -80,7 +81,7 @@ async function loadChatHistory() {
|
|||||||
}
|
}
|
||||||
catch (error) {
|
catch (error) {
|
||||||
console.error('获取聊天记录失败:', error)
|
console.error('获取聊天记录失败:', error)
|
||||||
toast.error('获取聊天记录失败')
|
toast.error(t('chatHistory.loadFailed'))
|
||||||
}
|
}
|
||||||
finally {
|
finally {
|
||||||
loading.value = false
|
loading.value = false
|
||||||
@@ -114,10 +115,10 @@ function getMessageContent(message: ChatMessage): string {
|
|||||||
function getSpeakerName(message: ChatMessage): string {
|
function getSpeakerName(message: ChatMessage): string {
|
||||||
if (message.chatType === 1) {
|
if (message.chatType === 1) {
|
||||||
const parsed = parseUserMessage(message.content)
|
const parsed = parseUserMessage(message.content)
|
||||||
return parsed ? parsed.speaker : '用户'
|
return parsed ? parsed.speaker : t('chatHistory.userName')
|
||||||
}
|
}
|
||||||
else {
|
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) {
|
async function playAudio(audioId: string) {
|
||||||
if (!audioId) {
|
if (!audioId) {
|
||||||
toast.error('音频ID无效')
|
toast.error(t('chatHistory.invalidAudioId'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -168,7 +169,7 @@ async function playAudio(audioId: string) {
|
|||||||
// 监听播放错误
|
// 监听播放错误
|
||||||
audioContext.value.onError((error) => {
|
audioContext.value.onError((error) => {
|
||||||
console.error('音频播放失败:', error)
|
console.error('音频播放失败:', error)
|
||||||
toast.error('音频播放失败')
|
toast.error(t('chatHistory.audioPlayFailed'))
|
||||||
playingAudioId.value = null
|
playingAudioId.value = null
|
||||||
if (audioContext.value) {
|
if (audioContext.value) {
|
||||||
audioContext.value.destroy()
|
audioContext.value.destroy()
|
||||||
@@ -181,7 +182,7 @@ async function playAudio(audioId: string) {
|
|||||||
}
|
}
|
||||||
catch (error) {
|
catch (error) {
|
||||||
console.error('播放音频失败:', error)
|
console.error('播放音频失败:', error)
|
||||||
toast.error('播放音频失败')
|
toast.error(t('chatHistory.playAudioFailed'))
|
||||||
playingAudioId.value = null
|
playingAudioId.value = null
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -194,7 +195,7 @@ onLoad((options) => {
|
|||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
console.error('缺少必要参数')
|
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` }" />
|
<view class="w-full bg-white" :style="{ height: `${safeAreaInsets?.top}px` }" />
|
||||||
|
|
||||||
<!-- 导航栏 -->
|
<!-- 导航栏 -->
|
||||||
<wd-navbar title="聊天详情">
|
<wd-navbar :title="t('chatHistory.pageTitle')">
|
||||||
<template #left>
|
<template #left>
|
||||||
<wd-icon name="arrow-left" size="18" @click="goBack" />
|
<wd-icon name="arrow-left" size="18" @click="goBack" />
|
||||||
</template>
|
</template>
|
||||||
@@ -230,7 +231,7 @@ onUnload(() => {
|
|||||||
<view v-if="loading" class="flex flex-col items-center justify-center gap-[20rpx] p-[100rpx_0]">
|
<view v-if="loading" class="flex flex-col items-center justify-center gap-[20rpx] p-[100rpx_0]">
|
||||||
<wd-loading />
|
<wd-loading />
|
||||||
<text class="text-[28rpx] text-[#65686f]">
|
<text class="text-[28rpx] text-[#65686f]">
|
||||||
加载中...
|
{{ t('chatHistory.loading') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|||||||
@@ -2,6 +2,7 @@
|
|||||||
import type { ChatSession } from '@/api/chat-history/types'
|
import type { ChatSession } from '@/api/chat-history/types'
|
||||||
import { computed, onMounted, ref } from 'vue'
|
import { computed, onMounted, ref } from 'vue'
|
||||||
import { getChatSessions } from '@/api/chat-history/chat-history'
|
import { getChatSessions } from '@/api/chat-history/chat-history'
|
||||||
|
import { t } from '@/i18n'
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'ChatHistory',
|
name: 'ChatHistory',
|
||||||
@@ -53,11 +54,11 @@ const currentAgentId = computed(() => {
|
|||||||
// 加载聊天会话列表
|
// 加载聊天会话列表
|
||||||
async function loadChatSessions(page = 1, isRefresh = false) {
|
async function loadChatSessions(page = 1, isRefresh = false) {
|
||||||
try {
|
try {
|
||||||
console.log('获取聊天会话列表', { page, isRefresh })
|
console.log(t('chatHistory.getChatSessions'), { page, isRefresh })
|
||||||
|
|
||||||
// 检查是否有当前选中的智能体
|
// 检查是否有当前选中的智能体
|
||||||
if (!currentAgentId.value) {
|
if (!currentAgentId.value) {
|
||||||
console.warn('没有选中的智能体')
|
console.warn(t('chatHistory.noSelectedAgent'))
|
||||||
sessionList.value = []
|
sessionList.value = []
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
@@ -86,7 +87,7 @@ async function loadChatSessions(page = 1, isRefresh = false) {
|
|||||||
currentPage.value = page
|
currentPage.value = page
|
||||||
}
|
}
|
||||||
catch (error) {
|
catch (error) {
|
||||||
console.error('获取聊天会话列表失败:', error)
|
console.error(t('chatHistory.getChatSessionsFailed'), error)
|
||||||
if (page === 1) {
|
if (page === 1) {
|
||||||
sessionList.value = []
|
sessionList.value = []
|
||||||
}
|
}
|
||||||
@@ -115,48 +116,48 @@ async function loadMore() {
|
|||||||
// 格式化时间
|
// 格式化时间
|
||||||
function formatTime(timeStr: string) {
|
function formatTime(timeStr: string) {
|
||||||
if (!timeStr)
|
if (!timeStr)
|
||||||
return '未知时间'
|
return t('chatHistory.unknownTime')
|
||||||
|
|
||||||
// 处理时间字符串，确保格式正确
|
// 处理时间字符串，确保格式正确
|
||||||
const date = new Date(timeStr.replace(' ', 'T')) // 转换为ISO格式
|
const date = new Date(timeStr.replace(' ', 'T')) // 转换为ISO格式
|
||||||
const now = new Date()
|
const now = new Date()
|
||||||
|
|
||||||
// 检查日期是否有效
|
// 检查日期是否有效
|
||||||
if (Number.isNaN(date.getTime())) {
|
if (Number.isNaN(date.getTime())) {
|
||||||
return timeStr // 如果解析失败，直接返回原字符串
|
return timeStr // 如果解析失败，直接返回原字符串
|
||||||
}
|
}
|
||||||
|
|
||||||
const diff = now.getTime() - date.getTime()
|
const diff = now.getTime() - date.getTime()
|
||||||
|
|
||||||
// 小于1分钟
|
// 小于1分钟
|
||||||
if (diff < 60000)
|
if (diff < 60000)
|
||||||
return '刚刚'
|
return t('chatHistory.justNow')
|
||||||
|
|
||||||
// 小于1小时
|
// 小于1小时
|
||||||
if (diff < 3600000)
|
if (diff < 3600000)
|
||||||
return `${Math.floor(diff / 60000)}分钟前`
|
return t('chatHistory.minutesAgo', { minutes: Math.floor(diff / 60000) })
|
||||||
|
|
||||||
// 小于1天（24小时）
|
// 小于1天（24小时）
|
||||||
if (diff < 86400000)
|
if (diff < 86400000)
|
||||||
return `${Math.floor(diff / 3600000)}小时前`
|
return t('chatHistory.hoursAgo', { hours: Math.floor(diff / 3600000) })
|
||||||
|
|
||||||
// 小于7天
|
// 小于7天
|
||||||
if (diff < 604800000) {
|
if (diff < 604800000) {
|
||||||
const days = Math.floor(diff / 86400000)
|
const days = Math.floor(diff / 86400000)
|
||||||
return `${days}天前`
|
return t('chatHistory.daysAgo', { days })
|
||||||
}
|
}
|
||||||
|
|
||||||
// 超过7天，显示具体日期
|
// 超过7天，显示具体日期
|
||||||
const year = date.getFullYear()
|
const year = date.getFullYear()
|
||||||
const month = String(date.getMonth() + 1).padStart(2, '0')
|
const month = String(date.getMonth() + 1).padStart(2, '0')
|
||||||
const day = String(date.getDate()).padStart(2, '0')
|
const day = String(date.getDate()).padStart(2, '0')
|
||||||
const currentYear = now.getFullYear()
|
const currentYear = now.getFullYear()
|
||||||
|
|
||||||
// 如果是当前年份，不显示年份
|
// 如果是当前年份，不显示年份
|
||||||
if (year === currentYear) {
|
if (year === currentYear) {
|
||||||
return `${month}-${day}`
|
return `${month}-${day}`
|
||||||
}
|
}
|
||||||
|
|
||||||
return `${year}-${month}-${day}`
|
return `${year}-${month}-${day}`
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -186,8 +187,8 @@ defineExpose({
|
|||||||
<view v-if="loading && sessionList.length === 0" class="loading-container">
|
<view v-if="loading && sessionList.length === 0" class="loading-container">
|
||||||
<wd-loading color="#336cff" />
|
<wd-loading color="#336cff" />
|
||||||
<text class="loading-text">
|
<text class="loading-text">
|
||||||
加载中...
|
{{ t('chatHistory.loading') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 会话列表 -->
|
<!-- 会话列表 -->
|
||||||
@@ -204,7 +205,7 @@ defineExpose({
|
|||||||
<view class="session-info">
|
<view class="session-info">
|
||||||
<view class="session-header">
|
<view class="session-header">
|
||||||
<text class="session-title">
|
<text class="session-title">
|
||||||
对话记录 {{ session.sessionId.substring(0, 8) }}...
|
{{ t('chatHistory.conversationRecord') }} {{ session.sessionId.substring(0, 8) }}...
|
||||||
</text>
|
</text>
|
||||||
<text class="session-time">
|
<text class="session-time">
|
||||||
{{ formatTime(session.createdAt) }}
|
{{ formatTime(session.createdAt) }}
|
||||||
@@ -212,7 +213,7 @@ defineExpose({
|
|||||||
</view>
|
</view>
|
||||||
<view class="session-meta">
|
<view class="session-meta">
|
||||||
<text class="chat-count">
|
<text class="chat-count">
|
||||||
共 {{ session.chatCount }} 条对话
|
{{ t('chatHistory.totalChats', { count: session.chatCount }) }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -225,14 +226,14 @@ defineExpose({
|
|||||||
<view v-if="loadingMore" class="loading-more">
|
<view v-if="loadingMore" class="loading-more">
|
||||||
<wd-loading color="#336cff" size="24" />
|
<wd-loading color="#336cff" size="24" />
|
||||||
<text class="loading-more-text">
|
<text class="loading-more-text">
|
||||||
加载中...
|
{{ t('chatHistory.loading') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 没有更多数据 -->
|
<!-- 没有更多数据 -->
|
||||||
<view v-else-if="!hasMore && sessionList.length > 0" class="no-more">
|
<view v-else-if="!hasMore && sessionList.length > 0" class="no-more">
|
||||||
<text class="no-more-text">
|
<text class="no-more-text">
|
||||||
没有更多数据了
|
{{ t('chatHistory.noMoreData') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -241,11 +242,11 @@ defineExpose({
|
|||||||
<view v-else-if="!loading" class="empty-state">
|
<view v-else-if="!loading" class="empty-state">
|
||||||
<wd-icon name="chat" custom-class="empty-icon" />
|
<wd-icon name="chat" custom-class="empty-icon" />
|
||||||
<text class="empty-text">
|
<text class="empty-text">
|
||||||
暂无聊天记录
|
{{ t('chatHistory.noChatRecords') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="empty-desc">
|
<text class="empty-desc">
|
||||||
与智能体的对话记录会显示在这里
|
{{ t('chatHistory.chatRecordsDescription') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { computed, ref } from 'vue'
|
import { computed, ref } from 'vue'
|
||||||
import { useToast } from 'wot-design-uni'
|
import { useToast } from 'wot-design-uni'
|
||||||
|
import { t } from '@/i18n'
|
||||||
|
|
||||||
// 类型定义
|
// 类型定义
|
||||||
interface WiFiNetwork {
|
interface WiFiNetwork {
|
||||||
@@ -53,7 +54,7 @@ const audioLengthText = computed(() => {
|
|||||||
const textBytes = stringToBytes(dataStr)
|
const textBytes = stringToBytes(dataStr)
|
||||||
const totalBits = (START_BYTES.length + textBytes.length + 1 + END_BYTES.length) * 8
|
const totalBits = (START_BYTES.length + textBytes.length + 1 + END_BYTES.length) * 8
|
||||||
const duration = Math.ceil(totalBits / BIT_RATE)
|
const duration = Math.ceil(totalBits / BIT_RATE)
|
||||||
return `约${duration}秒`
|
return `${t('deviceConfig.about')}${duration}${t('deviceConfig.seconds')}`
|
||||||
})
|
})
|
||||||
|
|
||||||
// 字符串转字节数组 - uniapp兼容版本
|
// 字符串转字节数组 - uniapp兼容版本
|
||||||
@@ -227,15 +228,15 @@ async function generateAndPlay() {
|
|||||||
generating.value = true
|
generating.value = true
|
||||||
|
|
||||||
try {
|
try {
|
||||||
console.log('生成超声波配网音频...')
|
console.log(t('deviceConfig.generatingUltrasonicConfigAudio') + '...')
|
||||||
|
|
||||||
// 准备配网数据 - 参考HTML文件格式
|
// 准备配网数据 - 参考HTML文件格式
|
||||||
const dataStr = `${props.selectedNetwork.ssid}\n${props.password}`
|
const dataStr = `${props.selectedNetwork.ssid}\n${props.password}`
|
||||||
const textBytes = stringToBytes(dataStr)
|
const textBytes = stringToBytes(dataStr)
|
||||||
const fullBytes = [...START_BYTES, ...textBytes, checksum(textBytes), ...END_BYTES]
|
const fullBytes = [...START_BYTES, ...textBytes, checksum(textBytes), ...END_BYTES]
|
||||||
|
|
||||||
console.log('配网数据:', { ssid: props.selectedNetwork.ssid, password: props.password })
|
console.log(t('deviceConfig.configData') + ':', { ssid: props.selectedNetwork.ssid, password: props.password })
|
||||||
console.log('数据字节长度:', textBytes.length)
|
console.log(t('deviceConfig.dataBytesLength') + ':', textBytes.length)
|
||||||
|
|
||||||
// 转换为比特流
|
// 转换为比特流
|
||||||
let bits: number[] = []
|
let bits: number[] = []
|
||||||
@@ -243,7 +244,7 @@ async function generateAndPlay() {
|
|||||||
bits = bits.concat(toBits(b))
|
bits = bits.concat(toBits(b))
|
||||||
})
|
})
|
||||||
|
|
||||||
console.log('比特流长度:', bits.length)
|
console.log(t('deviceConfig.bitStreamLength') + ':', bits.length)
|
||||||
|
|
||||||
// AFSK调制 - 减少采样率降低文件大小
|
// AFSK调制 - 减少采样率降低文件大小
|
||||||
const reducedSampleRate = 22050 // 降低采样率
|
const reducedSampleRate = 22050 // 降低采样率
|
||||||
@@ -266,19 +267,19 @@ async function generateAndPlay() {
|
|||||||
const base64 = arrayBufferToBase64(wavBuffer)
|
const base64 = arrayBufferToBase64(wavBuffer)
|
||||||
const dataUri = `data:audio/wav;base64,${base64}`
|
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
|
if (base64.length > 1024 * 1024) { // 超过1MB
|
||||||
throw new Error('音频文件过大，请缩短SSID或密码长度')
|
throw new Error(t('deviceConfig.audioFileTooLarge'))
|
||||||
}
|
}
|
||||||
|
|
||||||
audioFilePath.value = dataUri
|
audioFilePath.value = dataUri
|
||||||
audioGenerated.value = true
|
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 () => {
|
setTimeout(async () => {
|
||||||
@@ -286,8 +287,8 @@ async function generateAndPlay() {
|
|||||||
}, 800) // 增加延迟时间
|
}, 800) // 增加延迟时间
|
||||||
}
|
}
|
||||||
catch (error) {
|
catch (error) {
|
||||||
console.error('音频生成失败:', error)
|
console.error(t('deviceConfig.audioGenerationFailed') + ':', error)
|
||||||
toast.error(`声波生成失败: ${error.message || error}`)
|
toast.error(`${t('deviceConfig.soundWaveGenerationFailed')}: ${error.message || error}`)
|
||||||
}
|
}
|
||||||
finally {
|
finally {
|
||||||
generating.value = false
|
generating.value = false
|
||||||
@@ -344,7 +345,7 @@ function buildWavOptimized(pcm: Uint8Array, sampleRate: number): ArrayBuffer {
|
|||||||
// 播放音频
|
// 播放音频
|
||||||
async function playAudio() {
|
async function playAudio() {
|
||||||
if (!audioFilePath.value) {
|
if (!audioFilePath.value) {
|
||||||
toast.error('请先生成音频')
|
toast.error(t('deviceConfig.pleaseGenerateAudioFirst'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -356,7 +357,7 @@ async function playAudio() {
|
|||||||
await new Promise(resolve => setTimeout(resolve, 200))
|
await new Promise(resolve => setTimeout(resolve, 200))
|
||||||
|
|
||||||
playing.value = true
|
playing.value = true
|
||||||
console.log('开始播放超声波配网音频')
|
console.log(t('deviceConfig.startPlayingUltrasonicConfigAudio'))
|
||||||
|
|
||||||
// 创建新的音频上下文
|
// 创建新的音频上下文
|
||||||
const innerAudioContext = uni.createInnerAudioContext()
|
const innerAudioContext = uni.createInnerAudioContext()
|
||||||
@@ -370,12 +371,12 @@ async function playAudio() {
|
|||||||
|
|
||||||
// 简化的事件监听
|
// 简化的事件监听
|
||||||
innerAudioContext.onPlay(() => {
|
innerAudioContext.onPlay(() => {
|
||||||
console.log('超声波音频开始播放')
|
console.log(t('deviceConfig.ultrasonicAudioStartedPlaying'))
|
||||||
toast.success('开始播放配网声波')
|
toast.success(t('deviceConfig.startPlayingConfigSoundWave'))
|
||||||
})
|
})
|
||||||
|
|
||||||
innerAudioContext.onEnded(() => {
|
innerAudioContext.onEnded(() => {
|
||||||
console.log('超声波音频播放结束')
|
console.log(t('deviceConfig.ultrasonicAudioPlaybackEnded'))
|
||||||
if (!autoLoop.value) {
|
if (!autoLoop.value) {
|
||||||
playing.value = false
|
playing.value = false
|
||||||
cleanupAudio()
|
cleanupAudio()
|
||||||
@@ -383,18 +384,18 @@ async function playAudio() {
|
|||||||
})
|
})
|
||||||
|
|
||||||
innerAudioContext.onError((error) => {
|
innerAudioContext.onError((error) => {
|
||||||
console.error('音频播放失败:', error)
|
console.error(t('deviceConfig.audioPlaybackFailed') + ':', error)
|
||||||
playing.value = false
|
playing.value = false
|
||||||
|
|
||||||
let errorMsg = '音频播放失败'
|
let errorMsg = t('deviceConfig.audioPlaybackFailed')
|
||||||
if (error.errCode === -99) {
|
if (error.errCode === -99) {
|
||||||
errorMsg = '音频资源繁忙，请稍后重试'
|
errorMsg = t('deviceConfig.audioResourceBusy')
|
||||||
}
|
}
|
||||||
else if (error.errCode === 10004) {
|
else if (error.errCode === 10004) {
|
||||||
errorMsg = '音频格式不支持，可能是data URI问题'
|
errorMsg = t('deviceConfig.audioFormatNotSupported')
|
||||||
}
|
}
|
||||||
else if (error.errCode === 10003) {
|
else if (error.errCode === 10003) {
|
||||||
errorMsg = '音频文件错误'
|
errorMsg = t('deviceConfig.audioFileError')
|
||||||
}
|
}
|
||||||
|
|
||||||
toast.error(errorMsg)
|
toast.error(errorMsg)
|
||||||
@@ -416,10 +417,10 @@ async function playAudio() {
|
|||||||
}, 300)
|
}, 300)
|
||||||
}
|
}
|
||||||
catch (error) {
|
catch (error) {
|
||||||
console.error('播放音频异常:', error)
|
console.error(t('deviceConfig.audioPlaybackError') + ':', error)
|
||||||
playing.value = false
|
playing.value = false
|
||||||
await cleanupAudio()
|
await cleanupAudio()
|
||||||
toast.error(`播放失败: ${error.message}`)
|
toast.error(`${t('deviceConfig.playbackFailed')}: ${error.message}`)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -429,10 +430,10 @@ async function cleanupAudio() {
|
|||||||
try {
|
try {
|
||||||
audioContext.value.pause()
|
audioContext.value.pause()
|
||||||
audioContext.value.destroy()
|
audioContext.value.destroy()
|
||||||
console.log('清理音频上下文')
|
console.log(t('deviceConfig.cleaningUpAudioContext'))
|
||||||
}
|
}
|
||||||
catch (e) {
|
catch (e) {
|
||||||
console.log('清理音频上下文失败:', e)
|
console.log(t('deviceConfig.cleaningUpAudioContextFailed') + ':', e)
|
||||||
}
|
}
|
||||||
finally {
|
finally {
|
||||||
audioContext.value = null
|
audioContext.value = null
|
||||||
@@ -445,8 +446,8 @@ async function stopAudio() {
|
|||||||
playing.value = false
|
playing.value = false
|
||||||
await cleanupAudio()
|
await cleanupAudio()
|
||||||
|
|
||||||
console.log('停止播放超声波音频')
|
console.log(t('deviceConfig.stoppedPlayingUltrasonicAudio'))
|
||||||
toast.success('已停止播放')
|
toast.success(t('deviceConfig.stoppedPlaying'))
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -456,18 +457,18 @@ async function stopAudio() {
|
|||||||
<view v-if="props.selectedNetwork" class="selected-network">
|
<view v-if="props.selectedNetwork" class="selected-network">
|
||||||
<view class="network-info">
|
<view class="network-info">
|
||||||
<view class="network-name">
|
<view class="network-name">
|
||||||
选中网络: {{ props.selectedNetwork.ssid }}
|
{{ t('deviceConfig.selectedNetwork') }}: {{ props.selectedNetwork.ssid }}
|
||||||
</view>
|
</view>
|
||||||
<view class="network-details">
|
<view class="network-details">
|
||||||
<text class="network-signal">
|
<text class="network-signal">
|
||||||
信号: {{ props.selectedNetwork.rssi }}dBm
|
{{ t('deviceConfig.signal') }}: {{ props.selectedNetwork.rssi }}dBm
|
||||||
</text>
|
</text>
|
||||||
<text class="network-security">
|
<text class="network-security">
|
||||||
{{ props.selectedNetwork.authmode === 0 ? '开放网络' : '加密网络' }}
|
{{ props.selectedNetwork.authmode === 0 ? t('deviceConfig.openNetwork') : t('deviceConfig.encryptedNetwork') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="props.password" class="network-password">
|
<view v-if="props.password" class="network-password">
|
||||||
密码: {{ '*'.repeat(props.password.length) }}
|
{{ t('deviceConfig.password') }}: {{ '*'.repeat(props.password.length) }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -482,81 +483,81 @@ async function stopAudio() {
|
|||||||
:disabled="!canGenerate"
|
:disabled="!canGenerate"
|
||||||
@click="generateAndPlay"
|
@click="generateAndPlay"
|
||||||
>
|
>
|
||||||
{{ generating ? '生成中...' : '🎵 生成并播放声波' }}
|
{{ generating ? t('deviceConfig.generating') : '🎵 ' + t('deviceConfig.generateAndPlaySoundWave') }}
|
||||||
</wd-button>
|
</wd-button>
|
||||||
|
|
||||||
<wd-button
|
<wd-button
|
||||||
v-if="audioGenerated"
|
v-if="audioGenerated"
|
||||||
type="success"
|
type="success"
|
||||||
size="large"
|
size="large"
|
||||||
block
|
block
|
||||||
:loading="playing"
|
:loading="playing"
|
||||||
@click="playAudio"
|
@click="playAudio"
|
||||||
>
|
>
|
||||||
{{ playing ? '播放中...' : '🔊 播放声波' }}
|
{{ playing ? t('deviceConfig.playing') : '🔊 ' + t('deviceConfig.playSoundWave') }}
|
||||||
</wd-button>
|
</wd-button>
|
||||||
|
|
||||||
<wd-button
|
<wd-button
|
||||||
v-if="playing"
|
v-if="playing"
|
||||||
type="warning"
|
type="warning"
|
||||||
size="large"
|
size="large"
|
||||||
block
|
block
|
||||||
@click="stopAudio"
|
@click="stopAudio"
|
||||||
>
|
>
|
||||||
⏹️ 停止播放
|
⏹️ {{ t('deviceConfig.stopPlaying') }}
|
||||||
</wd-button>
|
</wd-button>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 音频控制选项 -->
|
<!-- 音频控制选项 -->
|
||||||
<view v-if="audioGenerated" class="audio-options">
|
<view v-if="audioGenerated" class="audio-options">
|
||||||
<view class="option-item">
|
<view class="option-item">
|
||||||
<wd-checkbox v-model="autoLoop">
|
<wd-checkbox v-model="autoLoop">
|
||||||
自动循环播放声波
|
{{ t('deviceConfig.autoLoopPlaySoundWave') }}
|
||||||
</wd-checkbox>
|
</wd-checkbox>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 音频播放器 -->
|
<!-- 音频播放器 -->
|
||||||
<view v-if="audioGenerated" class="audio-player">
|
<view v-if="audioGenerated" class="audio-player">
|
||||||
<view class="player-info">
|
<view class="player-info">
|
||||||
<text class="audio-title">
|
<text class="audio-title">
|
||||||
配网音频文件
|
{{ t('deviceConfig.configAudioFile') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="audio-duration">
|
<text class="audio-duration">
|
||||||
时长: {{ audioLengthText }}
|
{{ t('deviceConfig.duration') }}: {{ audioLengthText }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 使用说明 -->
|
<!-- 使用说明 -->
|
||||||
<view class="help-section">
|
<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>
|
||||||
<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>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { computed, ref } from 'vue'
|
import { computed, ref } from 'vue'
|
||||||
import { useToast } from 'wot-design-uni'
|
import { useToast } from 'wot-design-uni'
|
||||||
|
import { t } from '@/i18n'
|
||||||
|
|
||||||
// 类型定义
|
// 类型定义
|
||||||
interface WiFiNetwork {
|
interface WiFiNetwork {
|
||||||
@@ -44,7 +45,7 @@ async function checkESP32Connection() {
|
|||||||
return response.statusCode === 200
|
return response.statusCode === 200
|
||||||
}
|
}
|
||||||
catch (error) {
|
catch (error) {
|
||||||
console.log('ESP32连接检查失败:', error)
|
console.log(t('deviceConfig.esp32ConnectionCheckFailed') + ':', error)
|
||||||
return false
|
return false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -57,12 +58,12 @@ async function submitConfig() {
|
|||||||
// 检查ESP32连接
|
// 检查ESP32连接
|
||||||
const connected = await checkESP32Connection()
|
const connected = await checkESP32Connection()
|
||||||
if (!connected) {
|
if (!connected) {
|
||||||
toast.error('请先连接xiaozhi热点')
|
toast.error(t('deviceConfig.connectXiaozhiHotspot'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
configuring.value = true
|
configuring.value = true
|
||||||
console.log('开始WiFi配网:', props.selectedNetwork.ssid)
|
console.log(t('deviceConfig.startWifiConfig') + ':', props.selectedNetwork.ssid)
|
||||||
|
|
||||||
try {
|
try {
|
||||||
const response = await uni.request({
|
const response = await uni.request({
|
||||||
@@ -81,16 +82,16 @@ async function submitConfig() {
|
|||||||
console.log('WiFi配网响应:', response)
|
console.log('WiFi配网响应:', response)
|
||||||
|
|
||||||
if (response.statusCode === 200 && (response.data as any)?.success) {
|
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 {
|
else {
|
||||||
const errorMsg = (response.data as any)?.error || '配网失败'
|
const errorMsg = (response.data as any)?.error || t('deviceConfig.configFailed')
|
||||||
toast.error(errorMsg)
|
toast.error(errorMsg)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
catch (error) {
|
catch (error) {
|
||||||
console.error('WiFi配网失败:', error)
|
console.error(t('deviceConfig.wifiConfigFailed') + ':', error)
|
||||||
toast.error('配网失败，请检查网络连接')
|
toast.error(`${t('deviceConfig.configFailed')}，${t('deviceConfig.pleaseCheckNetworkConnection')}`)
|
||||||
}
|
}
|
||||||
finally {
|
finally {
|
||||||
configuring.value = false
|
configuring.value = false
|
||||||
@@ -104,14 +105,14 @@ async function submitConfig() {
|
|||||||
<view v-if="props.selectedNetwork" class="selected-network">
|
<view v-if="props.selectedNetwork" class="selected-network">
|
||||||
<view class="network-info">
|
<view class="network-info">
|
||||||
<view class="network-name">
|
<view class="network-name">
|
||||||
选中网络: {{ props.selectedNetwork.ssid }}
|
{{ t('deviceConfig.selectedNetwork') }}: {{ props.selectedNetwork.ssid }}
|
||||||
</view>
|
</view>
|
||||||
<view class="network-details">
|
<view class="network-details">
|
||||||
<text class="network-signal">
|
<text class="network-signal">
|
||||||
信号: {{ props.selectedNetwork.rssi }}dBm
|
{{ t('deviceConfig.signal') }}: {{ props.selectedNetwork.rssi }}dBm
|
||||||
</text>
|
</text>
|
||||||
<text class="network-security">
|
<text class="network-security">
|
||||||
{{ props.selectedNetwork.authmode === 0 ? '开放网络' : '加密网络' }}
|
{{ props.selectedNetwork.authmode === 0 ? t('deviceConfig.openNetwork') : t('deviceConfig.encryptedNetwork') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -127,30 +128,30 @@ async function submitConfig() {
|
|||||||
:disabled="!canSubmit"
|
:disabled="!canSubmit"
|
||||||
@click="submitConfig"
|
@click="submitConfig"
|
||||||
>
|
>
|
||||||
{{ configuring ? '配网中...' : '开始WiFi配网' }}
|
{{ configuring ? t('deviceConfig.configuring') : t('deviceConfig.startWifiConfigButton') }}
|
||||||
</wd-button>
|
</wd-button>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 使用说明 -->
|
<!-- 使用说明 -->
|
||||||
<view class="help-section">
|
<view class="help-section">
|
||||||
<view class="help-title">
|
<view class="help-title">
|
||||||
WiFi配网说明
|
{{ t('deviceConfig.wifiConfigInstructions') }}
|
||||||
</view>
|
</view>
|
||||||
<view class="help-content">
|
<view class="help-content">
|
||||||
<text class="help-item">
|
<text class="help-item">
|
||||||
1. 手机连接xiaozhi热点 (xiaozhi-XXXXXX)
|
1. {{ t('deviceConfig.phoneConnectXiaozhiHotspot') }} (xiaozhi-XXXXXX)
|
||||||
</text>
|
</text>
|
||||||
<text class="help-item">
|
<text class="help-item">
|
||||||
2. 选择要配网的目标WiFi网络
|
2. {{ t('deviceConfig.selectTargetWifiNetwork') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="help-item">
|
<text class="help-item">
|
||||||
3. 输入WiFi密码（如果需要）
|
3. {{ t('deviceConfig.enterWifiPasswordIfNeeded') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="help-item">
|
<text class="help-item">
|
||||||
4. 点击开始配网，等待设备连接
|
4. {{ t('deviceConfig.clickStartConfigAndWait') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="help-tip">
|
<text class="help-tip">
|
||||||
配网成功后设备会自动重启并连接目标WiFi
|
{{ t('deviceConfig.afterConfigSuccessDeviceWillRestart') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { computed, defineEmits, defineExpose, onMounted, ref } from 'vue'
|
import { computed, defineEmits, defineExpose, onMounted, ref } from 'vue'
|
||||||
import { useToast } from 'wot-design-uni'
|
import { useToast } from 'wot-design-uni'
|
||||||
|
import { t } from '@/i18n'
|
||||||
|
|
||||||
// 类型定义
|
// 类型定义
|
||||||
interface WiFiNetwork {
|
interface WiFiNetwork {
|
||||||
@@ -40,7 +41,7 @@ const selectorExpanded = ref(false)
|
|||||||
// 计算属性
|
// 计算属性
|
||||||
const networkDisplayText = computed(() => {
|
const networkDisplayText = computed(() => {
|
||||||
if (!selectedNetwork.value)
|
if (!selectedNetwork.value)
|
||||||
return '请选择WiFi网络'
|
return t('deviceConfig.selectWifiNetwork')
|
||||||
return selectedNetwork.value.ssid
|
return selectedNetwork.value.ssid
|
||||||
})
|
})
|
||||||
|
|
||||||
@@ -55,7 +56,7 @@ async function checkESP32Connection() {
|
|||||||
})
|
})
|
||||||
isConnectedToESP32.value = response.statusCode === 200
|
isConnectedToESP32.value = response.statusCode === 200
|
||||||
emit('connection-status', isConnectedToESP32.value)
|
emit('connection-status', isConnectedToESP32.value)
|
||||||
console.log('xiaozhi连接状态:', isConnectedToESP32.value)
|
console.log(`${t('deviceConfig.xiaozhi')}连接状态:`, isConnectedToESP32.value)
|
||||||
}
|
}
|
||||||
catch (error) {
|
catch (error) {
|
||||||
isConnectedToESP32.value = false
|
isConnectedToESP32.value = false
|
||||||
@@ -70,9 +71,9 @@ async function checkESP32Connection() {
|
|||||||
// 扫描WiFi网络
|
// 扫描WiFi网络
|
||||||
async function scanWifi() {
|
async function scanWifi() {
|
||||||
if (!isConnectedToESP32.value) {
|
if (!isConnectedToESP32.value) {
|
||||||
toast.error('请先连接xiaozhi热点')
|
toast.error(t('deviceConfig.connectXiaozhiHotspot'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
scanning.value = true
|
scanning.value = true
|
||||||
console.log('开始扫描WiFi网络')
|
console.log('开始扫描WiFi网络')
|
||||||
@@ -84,13 +85,13 @@ async function scanWifi() {
|
|||||||
timeout: 10000,
|
timeout: 10000,
|
||||||
})
|
})
|
||||||
|
|
||||||
console.log('WiFi扫描响应:', response)
|
console.log(t('deviceConfig.wifiScanResponse') + ':', response)
|
||||||
|
|
||||||
if (response.statusCode === 200 && response.data) {
|
if (response.statusCode === 200 && response.data) {
|
||||||
const data = response.data as any
|
const data = response.data as any
|
||||||
if (data.success && Array.isArray(data.networks)) {
|
if (data.success && Array.isArray(data.networks)) {
|
||||||
wifiNetworks.value = 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)) {
|
else if (Array.isArray(response.data)) {
|
||||||
// 兼容旧格式
|
// 兼容旧格式
|
||||||
@@ -110,8 +111,8 @@ async function scanWifi() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
catch (error) {
|
catch (error) {
|
||||||
console.error('WiFi扫描失败:', error)
|
console.error(t('deviceConfig.wifiScanFailed') + ':', error)
|
||||||
toast.error('扫描失败，请检查xiaozhi连接')
|
toast.error(t('deviceConfig.scanFailedCheckConnection'))
|
||||||
}
|
}
|
||||||
finally {
|
finally {
|
||||||
scanning.value = false
|
scanning.value = false
|
||||||
@@ -124,9 +125,9 @@ async function showNetworkSelector() {
|
|||||||
await checkESP32Connection()
|
await checkESP32Connection()
|
||||||
|
|
||||||
if (!isConnectedToESP32.value) {
|
if (!isConnectedToESP32.value) {
|
||||||
toast.error('请先连接xiaozhi热点')
|
toast.error(t('deviceConfig.connectXiaozhiHotspot'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
selectorExpanded.value = true
|
selectorExpanded.value = true
|
||||||
|
|
||||||
@@ -172,12 +173,12 @@ function reset() {
|
|||||||
// 获取信号强度描述
|
// 获取信号强度描述
|
||||||
function getSignalStrength(rssi: number): string {
|
function getSignalStrength(rssi: number): string {
|
||||||
if (rssi >= -50)
|
if (rssi >= -50)
|
||||||
return '信号强'
|
return t('deviceConfig.signalStrong')
|
||||||
if (rssi >= -60)
|
if (rssi >= -60)
|
||||||
return '信号良好'
|
return t('deviceConfig.signalGood')
|
||||||
if (rssi >= -70)
|
if (rssi >= -70)
|
||||||
return '信号一般'
|
return t('deviceConfig.signalFair')
|
||||||
return '信号弱'
|
return t('deviceConfig.signalWeak')
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取信号强度颜色
|
// 获取信号强度颜色
|
||||||
@@ -212,81 +213,81 @@ onMounted(() => {
|
|||||||
<!-- Xiaozhi连接状态 -->
|
<!-- Xiaozhi连接状态 -->
|
||||||
<view v-if="props.autoConnect" class="connection-status">
|
<view v-if="props.autoConnect" class="connection-status">
|
||||||
<view v-if="!isConnectedToESP32" class="status-warning">
|
<view v-if="!isConnectedToESP32" class="status-warning">
|
||||||
<view class="status-content">
|
<view class="status-content">
|
||||||
<text class="warning-text">
|
<text class="warning-text">
|
||||||
请先连接xiaozhi热点 (xiaozhi-XXXXXX)
|
{{ t('deviceConfig.connectXiaozhiHotspot') }} (xiaozhi-XXXXXX)
|
||||||
</text>
|
</text>
|
||||||
<wd-button
|
<wd-button
|
||||||
size="small"
|
size="small"
|
||||||
type="primary"
|
type="primary"
|
||||||
:loading="checkingConnection"
|
:loading="checkingConnection"
|
||||||
@click="checkESP32Connection"
|
@click="checkESP32Connection"
|
||||||
>
|
>
|
||||||
{{ checkingConnection ? '检测中...' : '重新检测' }}
|
{{ checkingConnection ? t('deviceConfig.checking') : t('deviceConfig.reCheck') }}
|
||||||
</wd-button>
|
</wd-button>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
|
||||||
<view v-else class="status-success">
|
<view v-else class="status-success">
|
||||||
<view class="status-content">
|
<view class="status-content">
|
||||||
<text class="success-text">
|
<text class="success-text">
|
||||||
已连接xiaozhi热点
|
{{ t('deviceConfig.connectedXiaozhiHotspot') }}
|
||||||
</text>
|
</text>
|
||||||
<wd-button
|
<wd-button
|
||||||
size="small"
|
size="small"
|
||||||
:loading="checkingConnection"
|
:loading="checkingConnection"
|
||||||
@click="checkESP32Connection"
|
@click="checkESP32Connection"
|
||||||
>
|
>
|
||||||
{{ checkingConnection ? '检测中...' : '刷新状态' }}
|
{{ checkingConnection ? t('deviceConfig.checking') : t('deviceConfig.refreshStatus') }}
|
||||||
</wd-button>
|
</wd-button>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- WiFi网络选择器 -->
|
<!-- WiFi网络选择器 -->
|
||||||
<view class="network-selector">
|
<view class="network-selector">
|
||||||
<view class="selector-item" @click="showNetworkSelector">
|
<view class="selector-item" @click="showNetworkSelector">
|
||||||
<text class="selector-label">
|
<text class="selector-label">
|
||||||
WiFi网络
|
{{ t('deviceConfig.wifiNetwork') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="selector-value">
|
<text class="selector-value">
|
||||||
{{ networkDisplayText }}
|
{{ networkDisplayText }}
|
||||||
</text>
|
</text>
|
||||||
<wd-icon name="arrow-right" custom-class="arrow-icon" />
|
<wd-icon name="arrow-right" custom-class="arrow-icon" />
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
|
||||||
|
|
||||||
<!-- 展开的网络列表 -->
|
<!-- 展开的网络列表 -->
|
||||||
<view v-if="selectorExpanded" class="network-list-overlay">
|
<view v-if="selectorExpanded" class="network-list-overlay">
|
||||||
<view class="network-list-container">
|
<view class="network-list-container">
|
||||||
<view class="list-header">
|
<view class="list-header">
|
||||||
<text class="list-title">
|
<text class="list-title">
|
||||||
选择WiFi网络
|
{{ t('deviceConfig.selectWifiNetwork') }}
|
||||||
</text>
|
</text>
|
||||||
<view class="list-actions">
|
<view class="list-actions">
|
||||||
<wd-button
|
<wd-button
|
||||||
type="primary"
|
type="primary"
|
||||||
size="small"
|
size="small"
|
||||||
:loading="scanning"
|
:loading="scanning"
|
||||||
@click="scanWifi"
|
@click="scanWifi"
|
||||||
>
|
>
|
||||||
{{ scanning ? '扫描中...' : '刷新扫描' }}
|
{{ scanning ? t('deviceConfig.scanning') : t('deviceConfig.refreshScan') }}
|
||||||
</wd-button>
|
</wd-button>
|
||||||
<wd-button
|
<wd-button
|
||||||
size="small"
|
size="small"
|
||||||
@click="selectorExpanded = false"
|
@click="selectorExpanded = false"
|
||||||
>
|
>
|
||||||
取消
|
{{ t('deviceConfig.cancel') }}
|
||||||
</wd-button>
|
</wd-button>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="network-list">
|
<view class="network-list">
|
||||||
<view v-if="wifiNetworks.length === 0 && !scanning" class="empty-state">
|
<view v-if="wifiNetworks.length === 0 && !scanning" class="empty-state">
|
||||||
<text class="empty-text">
|
<text class="empty-text">
|
||||||
暂无WiFi网络
|
{{ t('deviceConfig.noWifiNetworks') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="empty-tip">
|
<text class="empty-tip">
|
||||||
请点击刷新扫描
|
{{ t('deviceConfig.clickRefreshScan') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -303,16 +304,16 @@ onMounted(() => {
|
|||||||
</view>
|
</view>
|
||||||
<view class="wifi-details">
|
<view class="wifi-details">
|
||||||
<text class="wifi-signal">
|
<text class="wifi-signal">
|
||||||
信号: {{ network.rssi }}dBm
|
{{ t('deviceConfig.signal') }}: {{ network.rssi }}dBm
|
||||||
</text>
|
</text>
|
||||||
<text class="wifi-channel">
|
<text class="wifi-channel">
|
||||||
频道: {{ network.channel }}
|
{{ t('deviceConfig.channel') }}: {{ network.channel }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="wifi-security">
|
<view class="wifi-security">
|
||||||
<text class="security-icon">
|
<text class="security-icon">
|
||||||
{{ network.authmode === 0 ? '开放' : '加密' }}
|
{{ network.authmode === 0 ? t('deviceConfig.open') : t('deviceConfig.encrypted') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -324,17 +325,17 @@ onMounted(() => {
|
|||||||
<!-- 密码输入 -->
|
<!-- 密码输入 -->
|
||||||
<view v-if="selectedNetwork && selectedNetwork.authmode > 0" class="password-section">
|
<view v-if="selectedNetwork && selectedNetwork.authmode > 0" class="password-section">
|
||||||
<view class="password-item">
|
<view class="password-item">
|
||||||
<text class="password-label">
|
<text class="password-label">
|
||||||
网络密码
|
{{ t('deviceConfig.networkPassword') }}
|
||||||
</text>
|
</text>
|
||||||
<wd-input
|
<wd-input
|
||||||
v-model="password"
|
v-model="password"
|
||||||
placeholder="请输入WiFi密码"
|
:placeholder="t('deviceConfig.enterWifiPassword')"
|
||||||
show-password
|
show-password
|
||||||
clearable
|
clearable
|
||||||
@input="onPasswordChange"
|
@input="onPasswordChange"
|
||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -1,5 +1,6 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref } from 'vue'
|
import { ref } from 'vue'
|
||||||
|
import { t } from '@/i18n'
|
||||||
import UltrasonicConfig from './components/ultrasonic-config.vue'
|
import UltrasonicConfig from './components/ultrasonic-config.vue'
|
||||||
import WifiConfig from './components/wifi-config.vue'
|
import WifiConfig from './components/wifi-config.vue'
|
||||||
import WifiSelector from './components/wifi-selector.vue'
|
import WifiSelector from './components/wifi-selector.vue'
|
||||||
@@ -33,11 +34,11 @@ const selectedWifiInfo = ref<{
|
|||||||
// 配网模式选项
|
// 配网模式选项
|
||||||
const configTypeOptions = [
|
const configTypeOptions = [
|
||||||
{
|
{
|
||||||
name: 'WiFi配网',
|
name: t('deviceConfig.wifiConfig'),
|
||||||
value: 'wifi' as const,
|
value: 'wifi' as const,
|
||||||
},
|
},
|
||||||
// {
|
// {
|
||||||
// name: '超声波配网',
|
// name: t('deviceConfig.ultrasonicConfig'),
|
||||||
// value: 'ultrasonic' as const,
|
// value: 'ultrasonic' as const,
|
||||||
// },
|
// },
|
||||||
]
|
]
|
||||||
@@ -67,28 +68,36 @@ function onNetworkSelected(network: WiFiNetwork | null, password: string) {
|
|||||||
function onConnectionStatusChange(connected: boolean) {
|
function onConnectionStatusChange(connected: boolean) {
|
||||||
console.log('ESP32连接状态:', connected)
|
console.log('ESP32连接状态:', connected)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 在组件挂载后设置导航栏标题
|
||||||
|
import { onMounted } from 'vue'
|
||||||
|
onMounted(() => {
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: t('deviceConfig.pageTitle')
|
||||||
|
})
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<view class="min-h-screen bg-[#f5f7fb]">
|
<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="box-border px-[20rpx]">
|
||||||
<!-- 配网方式选择 -->
|
<!-- 配网方式选择 -->
|
||||||
<view class="pb-[20rpx] first:pt-[20rpx]">
|
<view class="pb-[20rpx] first:pt-[20rpx]">
|
||||||
<text class="text-[32rpx] text-[#232338] font-bold">
|
<text class="text-[32rpx] text-[#232338] font-bold">
|
||||||
配网方式
|
{{ t('deviceConfig.configMethod') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</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="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">
|
<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 class="text-[28rpx] text-[#232338] font-medium">
|
||||||
配网方式
|
{{ t('deviceConfig.configMethod') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
<text class="mx-[16rpx] flex-1 text-right text-[26rpx] text-[#65686f]">
|
||||||
{{ configType === 'wifi' ? 'WiFi配网' : '超声波配网' }}
|
{{ configType === 'wifi' ? t('deviceConfig.wifiConfig') : t('deviceConfig.ultrasonicConfig') }}
|
||||||
</text>
|
</text>
|
||||||
<wd-icon name="arrow-right" custom-class="text-[20rpx] text-[#9d9ea3]" />
|
<wd-icon name="arrow-right" custom-class="text-[20rpx] text-[#9d9ea3]" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -96,8 +105,8 @@ function onConnectionStatusChange(connected: boolean) {
|
|||||||
<!-- WiFi网络选择 -->
|
<!-- WiFi网络选择 -->
|
||||||
<view class="pb-[20rpx]">
|
<view class="pb-[20rpx]">
|
||||||
<text class="text-[32rpx] text-[#232338] font-bold">
|
<text class="text-[32rpx] text-[#232338] font-bold">
|
||||||
网络配置
|
{{ t('deviceConfig.networkConfig') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</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="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">
|
<route lang="jsonc" type="page">
|
||||||
{
|
{
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "设备配网",
|
"navigationBarTitleText": "设备配置",
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -4,6 +4,7 @@ import { computed, onMounted, ref } from 'vue'
|
|||||||
import { useMessage } from 'wot-design-uni'
|
import { useMessage } from 'wot-design-uni'
|
||||||
import { bindDevice, getBindDevices, getFirmwareTypes, unbindDevice, updateDeviceAutoUpdate } from '@/api/device'
|
import { bindDevice, getBindDevices, getFirmwareTypes, unbindDevice, updateDeviceAutoUpdate } from '@/api/device'
|
||||||
import { toast } from '@/utils/toast'
|
import { toast } from '@/utils/toast'
|
||||||
|
import { t } from '@/i18n'
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'DeviceManage',
|
name: 'DeviceManage',
|
||||||
@@ -91,19 +92,19 @@ function getDeviceTypeName(boardKey: string): string {
|
|||||||
// 格式化时间
|
// 格式化时间
|
||||||
function formatTime(timeStr: string) {
|
function formatTime(timeStr: string) {
|
||||||
if (!timeStr)
|
if (!timeStr)
|
||||||
return '从未连接'
|
return t('device.neverConnected')
|
||||||
const date = new Date(timeStr)
|
const date = new Date(timeStr)
|
||||||
const now = new Date()
|
const now = new Date()
|
||||||
const diff = now.getTime() - date.getTime()
|
const diff = now.getTime() - date.getTime()
|
||||||
|
|
||||||
if (diff < 60000)
|
if (diff < 60000)
|
||||||
return '刚刚'
|
return t('device.justNow')
|
||||||
if (diff < 3600000)
|
if (diff < 3600000)
|
||||||
return `${Math.floor(diff / 60000)}分钟前`
|
return t('device.minutesAgo', { minutes: Math.floor(diff / 60000) })
|
||||||
if (diff < 86400000)
|
if (diff < 86400000)
|
||||||
return `${Math.floor(diff / 3600000)}小时前`
|
return t('device.hoursAgo', { hours: Math.floor(diff / 3600000) })
|
||||||
if (diff < 604800000)
|
if (diff < 604800000)
|
||||||
return `${Math.floor(diff / 86400000)}天前`
|
return t('device.daysAgo', { days: Math.floor(diff / 86400000) })
|
||||||
|
|
||||||
return date.toLocaleDateString()
|
return date.toLocaleDateString()
|
||||||
}
|
}
|
||||||
@@ -114,11 +115,11 @@ async function toggleAutoUpdate(device: Device) {
|
|||||||
const newStatus = device.autoUpdate === 1 ? 0 : 1
|
const newStatus = device.autoUpdate === 1 ? 0 : 1
|
||||||
await updateDeviceAutoUpdate(device.id, newStatus)
|
await updateDeviceAutoUpdate(device.id, newStatus)
|
||||||
device.autoUpdate = newStatus
|
device.autoUpdate = newStatus
|
||||||
toast.success(newStatus === 1 ? 'OTA自动升级已开启' : 'OTA自动升级已关闭')
|
toast.success(newStatus === 1 ? t('device.otaAutoUpdateEnabled') : t('device.otaAutoUpdateDisabled'))
|
||||||
}
|
}
|
||||||
catch (error: any) {
|
catch (error: any) {
|
||||||
console.error('更新设备OTA状态失败:', error)
|
console.error('更新设备OTA状态失败:', error)
|
||||||
toast.error('操作失败，请重试')
|
toast.error(t('device.operationFailed'))
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -127,21 +128,21 @@ async function handleUnbindDevice(device: Device) {
|
|||||||
try {
|
try {
|
||||||
await unbindDevice(device.id)
|
await unbindDevice(device.id)
|
||||||
await loadDeviceList()
|
await loadDeviceList()
|
||||||
toast.success('设备已解绑')
|
toast.success(t('device.deviceUnbound'))
|
||||||
}
|
}
|
||||||
catch (error: any) {
|
catch (error: any) {
|
||||||
console.error('解绑设备失败:', error)
|
console.error('解绑设备失败:', error)
|
||||||
toast.error('解绑失败，请重试')
|
toast.error(t('device.unbindFailed'))
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 确认解绑设备
|
// 确认解绑设备
|
||||||
function confirmUnbindDevice(device: Device) {
|
function confirmUnbindDevice(device: Device) {
|
||||||
message.confirm({
|
message.confirm({
|
||||||
title: '解绑设备',
|
title: t('device.unbindDevice'),
|
||||||
msg: `确定要解绑设备 "${device.macAddress}" 吗？`,
|
msg: t('device.confirmUnbindDevice', { macAddress: device.macAddress }),
|
||||||
confirmButtonText: '确定解绑',
|
confirmButtonText: t('device.confirmUnbind'),
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: t('device.cancel'),
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
handleUnbindDevice(device)
|
handleUnbindDevice(device)
|
||||||
}).catch(() => {
|
}).catch(() => {
|
||||||
@@ -153,18 +154,18 @@ function confirmUnbindDevice(device: Device) {
|
|||||||
async function handleBindDevice(code: string) {
|
async function handleBindDevice(code: string) {
|
||||||
try {
|
try {
|
||||||
if (!currentAgentId.value) {
|
if (!currentAgentId.value) {
|
||||||
toast.error('请先选择智能体')
|
toast.error(t('device.pleaseSelectAgent'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
await bindDevice(currentAgentId.value, code.trim())
|
await bindDevice(currentAgentId.value, code.trim())
|
||||||
await loadDeviceList()
|
await loadDeviceList()
|
||||||
toast.success('设备绑定成功！')
|
toast.success(t('device.deviceBindSuccess'))
|
||||||
}
|
}
|
||||||
catch (error: any) {
|
catch (error: any) {
|
||||||
console.error('绑定设备失败:', error)
|
console.error('绑定设备失败:', error)
|
||||||
const errorMessage = error?.message || '绑定失败，请检查验证码是否正确'
|
const errorMessage = error?.message || '绑定失败，请检查验证码是否正确'
|
||||||
toast.error(errorMessage)
|
toast.error(errorMessage || t('device.bindFailed'))
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -172,12 +173,12 @@ async function handleBindDevice(code: string) {
|
|||||||
function openBindDialog() {
|
function openBindDialog() {
|
||||||
message
|
message
|
||||||
.prompt({
|
.prompt({
|
||||||
title: '绑定设备',
|
title: t('device.bindDevice'),
|
||||||
inputPlaceholder: '请输入设备验证码',
|
inputPlaceholder: t('device.enterDeviceCode'),
|
||||||
inputValue: '',
|
inputValue: '',
|
||||||
inputPattern: /^\d{6}$/,
|
inputPattern: /^\d{6}$/,
|
||||||
confirmButtonText: '立即绑定',
|
confirmButtonText: t('device.bindNow'),
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: t('device.cancel'),
|
||||||
})
|
})
|
||||||
.then(async (result: any) => {
|
.then(async (result: any) => {
|
||||||
if (result.value && String(result.value).trim()) {
|
if (result.value && String(result.value).trim()) {
|
||||||
@@ -219,7 +220,7 @@ defineExpose({
|
|||||||
<view v-if="loading && deviceList.length === 0" class="loading-container">
|
<view v-if="loading && deviceList.length === 0" class="loading-container">
|
||||||
<wd-loading color="#336cff" />
|
<wd-loading color="#336cff" />
|
||||||
<text class="loading-text">
|
<text class="loading-text">
|
||||||
加载中...
|
{{ t('device.loading') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -240,19 +241,19 @@ defineExpose({
|
|||||||
|
|
||||||
<view class="mb-[20rpx]">
|
<view class="mb-[20rpx]">
|
||||||
<text class="mb-[12rpx] block text-[28rpx] text-[#65686f] leading-[1.4]">
|
<text class="mb-[12rpx] block text-[28rpx] text-[#65686f] leading-[1.4]">
|
||||||
MAC地址：{{ device.macAddress }}
|
{{ t('device.macAddress') }}：{{ device.macAddress }}
|
||||||
</text>
|
</text>
|
||||||
<text class="mb-[12rpx] block text-[28rpx] text-[#65686f] leading-[1.4]">
|
<text class="mb-[12rpx] block text-[28rpx] text-[#65686f] leading-[1.4]">
|
||||||
固件版本：{{ device.appVersion }}
|
{{ t('device.firmwareVersion') }}：{{ device.appVersion }}
|
||||||
</text>
|
</text>
|
||||||
<text class="block text-[28rpx] text-[#65686f] leading-[1.4]">
|
<text class="block text-[28rpx] text-[#65686f] leading-[1.4]">
|
||||||
最近对话：{{ formatTime(device.lastConnectedAt) }}
|
{{ t('device.lastConnection') }}：{{ formatTime(device.lastConnectedAt) }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="flex items-center justify-between border-[1rpx] border-[#eeeeee] rounded-[12rpx] bg-[#f5f7fb] p-[16rpx_20rpx]">
|
<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">
|
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||||
OTA升级
|
{{ t('device.otaUpdate') }}
|
||||||
</text>
|
</text>
|
||||||
<wd-switch
|
<wd-switch
|
||||||
:model-value="device.autoUpdate === 1"
|
:model-value="device.autoUpdate === 1"
|
||||||
@@ -271,7 +272,7 @@ defineExpose({
|
|||||||
@click.stop="confirmUnbindDevice(device)"
|
@click.stop="confirmUnbindDevice(device)"
|
||||||
>
|
>
|
||||||
<wd-icon name="delete" />
|
<wd-icon name="delete" />
|
||||||
<text>解绑</text>
|
<text>{{ t('device.unbind') }}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
@@ -285,10 +286,10 @@ defineExpose({
|
|||||||
<view class="flex flex-col items-center justify-center p-[100rpx_40rpx] text-center">
|
<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]" />
|
<wd-icon name="phone" custom-class="text-[120rpx] text-[#d9d9d9] mb-[32rpx]" />
|
||||||
<text class="mb-[16rpx] text-[32rpx] text-[#666666] font-medium">
|
<text class="mb-[16rpx] text-[32rpx] text-[#666666] font-medium">
|
||||||
暂无设备
|
{{ t('device.noDevice') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="text-[26rpx] text-[#999999] leading-[1.5]">
|
<text class="text-[26rpx] text-[#999999] leading-[1.5]">
|
||||||
点击右下角 + 号绑定您的第一个设备
|
{{ t('device.clickToBindFirstDevice') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</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 useZPaging from 'z-paging/components/z-paging/js/hooks/useZPaging.js'
|
||||||
import { createAgent, deleteAgent, getAgentList } from '@/api/agent/agent'
|
import { createAgent, deleteAgent, getAgentList } from '@/api/agent/agent'
|
||||||
import { toast } from '@/utils/toast'
|
import { toast } from '@/utils/toast'
|
||||||
|
import { t } from '@/i18n'
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'Home',
|
name: 'Home',
|
||||||
@@ -78,11 +79,11 @@ async function handleCreateAgent(agentName: string) {
|
|||||||
await createAgent({ agentName: agentName.trim() })
|
await createAgent({ agentName: agentName.trim() })
|
||||||
// 创建成功后刷新列表
|
// 创建成功后刷新列表
|
||||||
pagingRef.value.reload()
|
pagingRef.value.reload()
|
||||||
toast.success(`智能体"${agentName}"创建成功！`)
|
toast.success(`${t('home.agentName')}"${agentName}"${t('message.saveSuccess')}`)
|
||||||
}
|
}
|
||||||
catch (error: any) {
|
catch (error: any) {
|
||||||
console.error('创建智能体失败:', error)
|
console.error('创建智能体失败:', error)
|
||||||
const errorMessage = error?.message || '创建失败，请重试'
|
const errorMessage = error?.message || t('message.saveFail')
|
||||||
toast.error(errorMessage)
|
toast.error(errorMessage)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -93,11 +94,11 @@ async function handleDeleteAgent(agent: Agent) {
|
|||||||
await deleteAgent(agent.id)
|
await deleteAgent(agent.id)
|
||||||
// 删除成功后刷新列表
|
// 删除成功后刷新列表
|
||||||
pagingRef.value.reload()
|
pagingRef.value.reload()
|
||||||
toast.success(`智能体"${agent.agentName}"已删除`)
|
toast.success(`${t('home.agentName')}${t('message.deleteSuccess')}`)
|
||||||
}
|
}
|
||||||
catch (error: any) {
|
catch (error: any) {
|
||||||
console.error('删除智能体失败:', error)
|
console.error('删除智能体失败:', error)
|
||||||
const errorMessage = error?.message || '删除失败，请重试'
|
const errorMessage = error?.message || t('message.deleteFail')
|
||||||
toast.error(errorMessage)
|
toast.error(errorMessage)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -119,13 +120,13 @@ function handleCardClick(agent: Agent) {
|
|||||||
function openCreateDialog() {
|
function openCreateDialog() {
|
||||||
message
|
message
|
||||||
.prompt({
|
.prompt({
|
||||||
title: '创建智能体',
|
title: t('home.dialogTitle'),
|
||||||
msg: '',
|
msg: '',
|
||||||
inputPlaceholder: '例如：客服助手、语音助理、知识问答',
|
inputPlaceholder: t('home.inputPlaceholder'),
|
||||||
inputValue: '',
|
inputValue: '',
|
||||||
inputPattern: /^[\u4E00-\u9FA5a-z0-9\s]{1,50}$/i,
|
inputPattern: /^[\u4E00-\u9FA5a-z0-9\s]{1,50}$/i,
|
||||||
confirmButtonText: '立即创建',
|
confirmButtonText: t('home.createNow'),
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: t('common.cancel'),
|
||||||
})
|
})
|
||||||
.then(async (result: any) => {
|
.then(async (result: any) => {
|
||||||
if (result.value && String(result.value).trim()) {
|
if (result.value && String(result.value).trim()) {
|
||||||
@@ -144,12 +145,12 @@ function formatTime(timeStr: string) {
|
|||||||
const diff = now.getTime() - date.getTime()
|
const diff = now.getTime() - date.getTime()
|
||||||
|
|
||||||
if (diff < 60000)
|
if (diff < 60000)
|
||||||
return '刚刚'
|
return t('home.justNow')
|
||||||
if (diff < 3600000)
|
if (diff < 3600000)
|
||||||
return `${Math.floor(diff / 60000)}分钟前`
|
return `${Math.floor(diff / 60000)}${t('home.minutesAgo')}`
|
||||||
if (diff < 86400000)
|
if (diff < 86400000)
|
||||||
return `${Math.floor(diff / 3600000)}小时前`
|
return `${Math.floor(diff / 3600000)}${t('home.hoursAgo')}`
|
||||||
return `${Math.floor(diff / 86400000)}天前`
|
return `${Math.floor(diff / 86400000)}${t('home.daysAgo')}`
|
||||||
}
|
}
|
||||||
|
|
||||||
// 页面显示时刷新列表
|
// 页面显示时刷新列表
|
||||||
@@ -159,12 +160,20 @@ onShow(() => {
|
|||||||
pagingRef.value.reload()
|
pagingRef.value.reload()
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
// 在组件挂载后设置导航栏标题
|
||||||
|
import { onMounted } from 'vue'
|
||||||
|
onMounted(() => {
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: t('home.pageTitle')
|
||||||
|
})
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<z-paging
|
<z-paging
|
||||||
ref="pagingRef" v-model="agentList" :refresher-enabled="true" :auto-show-back-to-top="true"
|
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="{
|
empty-view-img="" :refresher-threshold="80" :back-to-top-style="{
|
||||||
backgroundColor: '#fff',
|
backgroundColor: '#fff',
|
||||||
borderRadius: '50%',
|
borderRadius: '50%',
|
||||||
@@ -178,16 +187,13 @@ onShow(() => {
|
|||||||
<view class="banner-content">
|
<view class="banner-content">
|
||||||
<view class="welcome-info">
|
<view class="welcome-info">
|
||||||
<text class="greeting">
|
<text class="greeting">
|
||||||
你好，小智
|
{{ t('home.greeting') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="subtitle">
|
<text class="subtitle">
|
||||||
让我们度过 <text class="highlight">
|
{{ t('home.subtitle') }} <text class="highlight">
|
||||||
美好的一天！
|
{{ t('home.wonderfulDay') }}
|
||||||
</text>
|
</text>
|
||||||
</text>
|
</text>
|
||||||
<text class="english-subtitle">
|
|
||||||
Hello, Let's have a wonderful day!
|
|
||||||
</text>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="wave-decoration">
|
<view class="wave-decoration">
|
||||||
<!-- 添加波浪装饰 -->
|
<!-- 添加波浪装饰 -->
|
||||||
@@ -227,13 +233,13 @@ onShow(() => {
|
|||||||
<view class="stat-chip">
|
<view class="stat-chip">
|
||||||
<wd-icon name="phone" custom-class="chip-icon" />
|
<wd-icon name="phone" custom-class="chip-icon" />
|
||||||
<text class="chip-text">
|
<text class="chip-text">
|
||||||
设备管理({{ agent.deviceCount }})
|
{{ t('home.deviceManagement') }}({{ agent.deviceCount }})
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="agent.lastConnectedAt" class="stat-chip">
|
<view v-if="agent.lastConnectedAt" class="stat-chip">
|
||||||
<wd-icon name="time" custom-class="chip-icon" />
|
<wd-icon name="time" custom-class="chip-icon" />
|
||||||
<text class="chip-text">
|
<text class="chip-text">
|
||||||
最近对话：{{ formatTime(agent.lastConnectedAt) }}
|
{{ t('home.lastConversation') }}{{ formatTime(agent.lastConnectedAt) }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -247,7 +253,7 @@ onShow(() => {
|
|||||||
<view class="swipe-actions">
|
<view class="swipe-actions">
|
||||||
<view class="action-btn delete-btn" @click.stop="handleDeleteAgent(agent)">
|
<view class="action-btn delete-btn" @click.stop="handleDeleteAgent(agent)">
|
||||||
<wd-icon name="delete" />
|
<wd-icon name="delete" />
|
||||||
<text>删除</text>
|
<text>{{ t('home.delete') }}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
@@ -260,10 +266,10 @@ onShow(() => {
|
|||||||
<view class="empty-state">
|
<view class="empty-state">
|
||||||
<wd-icon name="robot" custom-class="empty-icon" />
|
<wd-icon name="robot" custom-class="empty-icon" />
|
||||||
<text class="empty-text">
|
<text class="empty-text">
|
||||||
暂无智能体
|
{{ t('home.emptyState') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="empty-desc">
|
<text class="empty-desc">
|
||||||
点击右下角 + 号创建您的第一个智能体
|
{{ t('home.createFirstAgent') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
"layout": "default",
|
"layout": "default",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationStyle": "custom",
|
"navigationStyle": "custom",
|
||||||
"navigationBarTitleText": "登陆"
|
"navigationBarTitleText": "Login"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</route>
|
</route>
|
||||||
@@ -15,6 +15,9 @@ import { login } from '@/api/auth'
|
|||||||
import { useConfigStore } from '@/store'
|
import { useConfigStore } from '@/store'
|
||||||
import { getEnvBaseUrl } from '@/utils'
|
import { getEnvBaseUrl } from '@/utils'
|
||||||
import { toast } from '@/utils/toast'
|
import { toast } from '@/utils/toast'
|
||||||
|
// 导入国际化相关功能
|
||||||
|
import { t, changeLanguage, getSupportedLanguages, initI18n } from '@/i18n'
|
||||||
|
import type { Language } from '@/store/lang'
|
||||||
|
|
||||||
// 获取屏幕边界到安全区域距离
|
// 获取屏幕边界到安全区域距离
|
||||||
let safeAreaInsets
|
let safeAreaInsets
|
||||||
@@ -136,28 +139,28 @@ async function handleLogin() {
|
|||||||
// 表单验证
|
// 表单验证
|
||||||
if (loginType.value === 'username') {
|
if (loginType.value === 'username') {
|
||||||
if (!formData.value.username) {
|
if (!formData.value.username) {
|
||||||
toast.warning('请输入用户名')
|
toast.warning(t('login.enterUsername'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
if (!formData.value.mobile) {
|
if (!formData.value.mobile) {
|
||||||
toast.warning('请输入手机号')
|
toast.warning(t('login.enterPhone'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
// 手机号格式验证
|
// 手机号格式验证
|
||||||
const phoneRegex = /^1[3-9]\d{9}$/
|
const phoneRegex = /^1[3-9]\d{9}$/
|
||||||
if (!phoneRegex.test(formData.value.mobile)) {
|
if (!phoneRegex.test(formData.value.mobile)) {
|
||||||
toast.warning('请输入正确的手机号')
|
toast.warning(t('login.enterPhone'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (!formData.value.password) {
|
if (!formData.value.password) {
|
||||||
toast.warning('请输入密码')
|
toast.warning(t('login.enterPassword'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if (!formData.value.captcha) {
|
if (!formData.value.captcha) {
|
||||||
toast.warning('请输入验证码')
|
toast.warning(t('login.enterCaptcha'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -177,7 +180,7 @@ async function handleLogin() {
|
|||||||
uni.setStorageSync('token', response.token)
|
uni.setStorageSync('token', response.token)
|
||||||
uni.setStorageSync('expire', response.expire)
|
uni.setStorageSync('expire', response.expire)
|
||||||
|
|
||||||
toast.success('登录成功')
|
toast.success(t('message.loginSuccess'))
|
||||||
|
|
||||||
// 跳转到主页
|
// 跳转到主页
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
@@ -189,6 +192,10 @@ async function handleLogin() {
|
|||||||
catch (error: any) {
|
catch (error: any) {
|
||||||
// 登录失败重新获取验证码
|
// 登录失败重新获取验证码
|
||||||
refreshCaptcha()
|
refreshCaptcha()
|
||||||
|
// 处理验证码错误 - 从error.message中解析错误码
|
||||||
|
if (error.message.includes('请求错误[10067]')) {
|
||||||
|
toast.warning(t('login.captchaError'))
|
||||||
|
}
|
||||||
}
|
}
|
||||||
finally {
|
finally {
|
||||||
loading.value = false
|
loading.value = false
|
||||||
@@ -200,14 +207,26 @@ onLoad(() => {
|
|||||||
refreshCaptcha()
|
refreshCaptcha()
|
||||||
})
|
})
|
||||||
|
|
||||||
|
// 语言切换相关
|
||||||
|
const showLanguageSheet = ref(false)
|
||||||
|
const supportedLanguages = getSupportedLanguages()
|
||||||
|
|
||||||
|
// 初始化国际化
|
||||||
|
initI18n()
|
||||||
|
|
||||||
|
// 切换语言
|
||||||
|
function handleLanguageChange(lang: Language) {
|
||||||
|
changeLanguage(lang)
|
||||||
|
showLanguageSheet.value = false
|
||||||
|
}
|
||||||
|
|
||||||
// 组件挂载时确保配置已加载
|
// 组件挂载时确保配置已加载
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
if (!configStore.config.name) {
|
if (!configStore.config.name) {
|
||||||
try {
|
try {
|
||||||
await configStore.fetchPublicConfig()
|
await configStore.fetchPublicConfig()
|
||||||
}
|
} catch (error) {
|
||||||
catch (error) {
|
console.error(t('login.fetchConfigError'), error)
|
||||||
console.error('获取配置失败:', error)
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@@ -219,21 +238,25 @@ onMounted(async () => {
|
|||||||
<view class="logo-section">
|
<view class="logo-section">
|
||||||
<wd-img :width="80" :height="80" round src="/static/logo.png" class="logo" />
|
<wd-img :width="80" :height="80" round src="/static/logo.png" class="logo" />
|
||||||
<text class="welcome-text">
|
<text class="welcome-text">
|
||||||
欢迎回来
|
{{ t('login.welcomeBack') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="subtitle">
|
<text class="subtitle">
|
||||||
请登录您的账户
|
{{ t('login.pleaseLogin') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 右上角服务端设置按钮 -->
|
<!-- 右上角按钮组 -->
|
||||||
<view
|
<view class="top-right-buttons" :style="{ top: `${safeAreaInsets?.top + 10}px` }">
|
||||||
class="server-btn"
|
<!-- 语言切换按钮 -->
|
||||||
:style="{ top: `${safeAreaInsets?.top + 10}px` }"
|
<view class="lang-btn" @click="showLanguageSheet = true">
|
||||||
@click="goToServerSetting"
|
<text class="lang-text-icon">🌐</text>
|
||||||
>
|
</view>
|
||||||
<wd-icon name="setting" custom-class="server-icon" />
|
|
||||||
|
<!-- 服务端设置按钮 -->
|
||||||
|
<view class="server-btn" @click="goToServerSetting">
|
||||||
|
<wd-icon name="setting" custom-class="server-icon" />
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="form-container">
|
<view class="form-container">
|
||||||
@@ -253,7 +276,7 @@ onMounted(async () => {
|
|||||||
v-model="formData.mobile"
|
v-model="formData.mobile"
|
||||||
custom-class="styled-input"
|
custom-class="styled-input"
|
||||||
no-border
|
no-border
|
||||||
placeholder="请输入手机号码"
|
:placeholder="t('login.enterPhone')"
|
||||||
type="number"
|
type="number"
|
||||||
:maxlength="11"
|
:maxlength="11"
|
||||||
/>
|
/>
|
||||||
@@ -270,7 +293,7 @@ onMounted(async () => {
|
|||||||
v-model="formData.username"
|
v-model="formData.username"
|
||||||
custom-class="styled-input"
|
custom-class="styled-input"
|
||||||
no-border
|
no-border
|
||||||
placeholder="请输入用户名"
|
:placeholder="t('login.enterUsername')"
|
||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -282,7 +305,7 @@ onMounted(async () => {
|
|||||||
v-model="formData.password"
|
v-model="formData.password"
|
||||||
custom-class="styled-input"
|
custom-class="styled-input"
|
||||||
no-border
|
no-border
|
||||||
placeholder="请输入密码"
|
:placeholder="t('login.enterPassword')"
|
||||||
clearable
|
clearable
|
||||||
show-password
|
show-password
|
||||||
:maxlength="20"
|
:maxlength="20"
|
||||||
@@ -296,7 +319,7 @@ onMounted(async () => {
|
|||||||
v-model="formData.captcha"
|
v-model="formData.captcha"
|
||||||
custom-class="styled-input"
|
custom-class="styled-input"
|
||||||
no-border
|
no-border
|
||||||
placeholder="请输入验证码"
|
:placeholder="t('login.enterCaptcha')"
|
||||||
:maxlength="6"
|
:maxlength="6"
|
||||||
/>
|
/>
|
||||||
<view class="captcha-image" @click="refreshCaptcha">
|
<view class="captcha-image" @click="refreshCaptcha">
|
||||||
@@ -307,7 +330,7 @@ onMounted(async () => {
|
|||||||
|
|
||||||
<view class="forgot-password">
|
<view class="forgot-password">
|
||||||
<text class="forgot-text">
|
<text class="forgot-text">
|
||||||
忘记密码？
|
{{ t('login.forgotPassword') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -315,15 +338,15 @@ onMounted(async () => {
|
|||||||
class="login-btn"
|
class="login-btn"
|
||||||
@click="handleLogin"
|
@click="handleLogin"
|
||||||
>
|
>
|
||||||
{{ loading ? '登录中...' : '登录' }}
|
{{ loading ? t('login.loggingIn') : t('login.loginButton') }}
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="register-hint">
|
<view class="register-hint">
|
||||||
<text class="hint-text">
|
<text class="hint-text">
|
||||||
还没有账户？
|
{{ t('login.noAccount') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="register-link" @click="goToRegister">
|
<text class="register-link" @click="goToRegister">
|
||||||
立即注册
|
{{ t('login.registerNow') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -352,7 +375,7 @@ onMounted(async () => {
|
|||||||
<!-- 区号选择弹窗 -->
|
<!-- 区号选择弹窗 -->
|
||||||
<wd-action-sheet
|
<wd-action-sheet
|
||||||
v-model="showAreaCodeSheet"
|
v-model="showAreaCodeSheet"
|
||||||
title="选择国家/地区"
|
:title="t('login.selectCountry')"
|
||||||
:close-on-click-modal="true"
|
:close-on-click-modal="true"
|
||||||
@close="closeAreaCodeSheet"
|
@close="closeAreaCodeSheet"
|
||||||
>
|
>
|
||||||
@@ -386,11 +409,33 @@ onMounted(async () => {
|
|||||||
custom-class="confirm-btn"
|
custom-class="confirm-btn"
|
||||||
@click="closeAreaCodeSheet"
|
@click="closeAreaCodeSheet"
|
||||||
>
|
>
|
||||||
确认
|
{{ t('login.confirm') }}
|
||||||
</wd-button>
|
</wd-button>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</wd-action-sheet>
|
</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>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -793,20 +838,52 @@ onMounted(async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.server-btn {
|
// 右上角按钮组
|
||||||
|
.top-right-buttons {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 20rpx; // 距离右边距
|
right: 20rpx;
|
||||||
top: 40rpx; // 顶部稍微下移，不贴状态栏
|
display: flex;
|
||||||
|
gap: 20rpx;
|
||||||
|
z-index: 999;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 语言切换按钮
|
||||||
|
.lang-btn {
|
||||||
width: 48rpx;
|
width: 48rpx;
|
||||||
height: 48rpx;
|
height: 48rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
z-index: 999;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background: rgba(255, 255, 255, 0.15); // 半透明背景，更好看
|
background: rgba(255, 255, 255, 0.15);
|
||||||
border-radius: 24rpx; // 圆形按钮
|
border-radius: 24rpx;
|
||||||
box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.2); // 阴影
|
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 {
|
&:active {
|
||||||
transform: scale(0.95);
|
transform: scale(0.95);
|
||||||
@@ -814,11 +891,45 @@ onMounted(async () => {
|
|||||||
|
|
||||||
.server-icon {
|
.server-icon {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #FFFFFF; // 白色图标
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&: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>
|
</style>
|
||||||
|
|||||||
@@ -14,6 +14,8 @@ import { register, sendSmsCode } from '@/api/auth'
|
|||||||
import { useConfigStore } from '@/store'
|
import { useConfigStore } from '@/store'
|
||||||
import { getEnvBaseUrl } from '@/utils'
|
import { getEnvBaseUrl } from '@/utils'
|
||||||
import { toast } from '@/utils/toast'
|
import { toast } from '@/utils/toast'
|
||||||
|
// 导入国际化相关功能
|
||||||
|
import { t, initI18n } from '@/i18n'
|
||||||
|
|
||||||
// 获取屏幕边界到安全区域距离
|
// 获取屏幕边界到安全区域距离
|
||||||
let safeAreaInsets
|
let safeAreaInsets
|
||||||
@@ -134,18 +136,18 @@ async function refreshCaptcha() {
|
|||||||
// 发送短信验证码
|
// 发送短信验证码
|
||||||
async function sendSmsVerification() {
|
async function sendSmsVerification() {
|
||||||
if (!formData.value.mobile) {
|
if (!formData.value.mobile) {
|
||||||
toast.warning('请输入手机号')
|
toast.warning(t('register.enterPhone'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if (!formData.value.captcha) {
|
if (!formData.value.captcha) {
|
||||||
toast.warning('请输入图形验证码')
|
toast.warning(t('register.enterCode'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
// 手机号格式验证
|
// 手机号格式验证
|
||||||
const phoneRegex = /^1[3-9]\d{9}$/
|
const phoneRegex = /^1[3-9]\d{9}$/
|
||||||
if (!phoneRegex.test(formData.value.mobile)) {
|
if (!phoneRegex.test(formData.value.mobile)) {
|
||||||
toast.warning('请输入正确的手机号')
|
toast.warning(t('register.enterPhone'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -157,7 +159,7 @@ async function sendSmsVerification() {
|
|||||||
captchaId: formData.value.captchaId,
|
captchaId: formData.value.captchaId,
|
||||||
})
|
})
|
||||||
|
|
||||||
toast.success('验证码发送成功')
|
toast.success(t('message.registerSuccess'))
|
||||||
|
|
||||||
// 开始倒计时
|
// 开始倒计时
|
||||||
smsCountdown.value = 60
|
smsCountdown.value = 60
|
||||||
@@ -169,6 +171,10 @@ async function sendSmsVerification() {
|
|||||||
}, 1000)
|
}, 1000)
|
||||||
}
|
}
|
||||||
catch (error: any) {
|
catch (error: any) {
|
||||||
|
// 处理验证码错误 - 从error.message中解析错误码
|
||||||
|
if (error.message.includes('请求错误[10067]')) {
|
||||||
|
toast.warning(t('login.captchaError'))
|
||||||
|
}
|
||||||
// 发送失败重新获取图形验证码
|
// 发送失败重新获取图形验证码
|
||||||
refreshCaptcha()
|
refreshCaptcha()
|
||||||
}
|
}
|
||||||
@@ -182,44 +188,44 @@ async function handleRegister() {
|
|||||||
// 表单验证
|
// 表单验证
|
||||||
if (registerType.value === 'username') {
|
if (registerType.value === 'username') {
|
||||||
if (!formData.value.username) {
|
if (!formData.value.username) {
|
||||||
toast.warning('请输入用户名')
|
toast.warning(t('register.enterUsername'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
if (!formData.value.mobile) {
|
if (!formData.value.mobile) {
|
||||||
toast.warning('请输入手机号')
|
toast.warning(t('register.enterPhone'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
// 手机号格式验证
|
// 手机号格式验证
|
||||||
const phoneRegex = /^1[3-9]\d{9}$/
|
const phoneRegex = /^1[3-9]\d{9}$/
|
||||||
if (!phoneRegex.test(formData.value.mobile)) {
|
if (!phoneRegex.test(formData.value.mobile)) {
|
||||||
toast.warning('请输入正确的手机号')
|
toast.warning(t('register.enterPhone'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if (!formData.value.mobileCaptcha) {
|
if (!formData.value.mobileCaptcha) {
|
||||||
toast.warning('请输入短信验证码')
|
toast.warning(t('register.enterCode'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!formData.value.password) {
|
if (!formData.value.password) {
|
||||||
toast.warning('请输入密码')
|
toast.warning(t('register.enterPassword'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!formData.value.confirmPassword) {
|
if (!formData.value.confirmPassword) {
|
||||||
toast.warning('请确认密码')
|
toast.warning(t('register.confirmPassword'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
if (formData.value.password !== formData.value.confirmPassword) {
|
if (formData.value.password !== formData.value.confirmPassword) {
|
||||||
toast.warning('两次输入的密码不一致')
|
toast.warning(t('register.confirmPassword'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!formData.value.captcha) {
|
if (!formData.value.captcha) {
|
||||||
toast.warning('请输入验证码')
|
toast.warning(t('register.enterCode'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -239,7 +245,7 @@ async function handleRegister() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
await register(registerData)
|
await register(registerData)
|
||||||
toast.success('注册成功')
|
toast.success(t('message.registerSuccess'))
|
||||||
|
|
||||||
// 跳转到登录页
|
// 跳转到登录页
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
@@ -247,6 +253,10 @@ async function handleRegister() {
|
|||||||
}, 1000)
|
}, 1000)
|
||||||
}
|
}
|
||||||
catch (error: any) {
|
catch (error: any) {
|
||||||
|
// 处理验证码错误 - 从error.message中解析错误码
|
||||||
|
if (error.message.includes('请求错误[10067]')) {
|
||||||
|
toast.warning(t('login.captchaError'))
|
||||||
|
}
|
||||||
// 注册失败重新获取验证码
|
// 注册失败重新获取验证码
|
||||||
refreshCaptcha()
|
refreshCaptcha()
|
||||||
}
|
}
|
||||||
@@ -275,7 +285,11 @@ onMounted(async () => {
|
|||||||
console.error('获取配置失败:', error)
|
console.error('获取配置失败:', error)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
// 初始化国际化
|
||||||
|
initI18n()
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@@ -287,10 +301,10 @@ onMounted(async () => {
|
|||||||
<view class="logo-section">
|
<view class="logo-section">
|
||||||
<wd-img :width="80" :height="80" round src="/static/logo.png" class="logo" />
|
<wd-img :width="80" :height="80" round src="/static/logo.png" class="logo" />
|
||||||
<text class="welcome-text">
|
<text class="welcome-text">
|
||||||
欢迎注册
|
{{ t('register.pageTitle') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="subtitle">
|
<text class="subtitle">
|
||||||
创建您的新账户
|
{{ t('register.createAccount') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -312,7 +326,7 @@ onMounted(async () => {
|
|||||||
v-model="formData.mobile"
|
v-model="formData.mobile"
|
||||||
custom-class="styled-input"
|
custom-class="styled-input"
|
||||||
no-border
|
no-border
|
||||||
placeholder="请输入手机号码"
|
:placeholder="t('register.enterPhone')"
|
||||||
type="number"
|
type="number"
|
||||||
:maxlength="11"
|
:maxlength="11"
|
||||||
/>
|
/>
|
||||||
@@ -329,7 +343,7 @@ onMounted(async () => {
|
|||||||
v-model="formData.username"
|
v-model="formData.username"
|
||||||
custom-class="styled-input"
|
custom-class="styled-input"
|
||||||
no-border
|
no-border
|
||||||
placeholder="请输入用户名"
|
:placeholder="t('register.enterUsername')"
|
||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -338,41 +352,41 @@ onMounted(async () => {
|
|||||||
<view class="input-group">
|
<view class="input-group">
|
||||||
<view class="input-wrapper">
|
<view class="input-wrapper">
|
||||||
<wd-input
|
<wd-input
|
||||||
v-model="formData.password"
|
v-model="formData.password"
|
||||||
custom-class="styled-input"
|
custom-class="styled-input"
|
||||||
no-border
|
no-border
|
||||||
placeholder="请输入密码"
|
:placeholder="t('register.enterPassword')"
|
||||||
show-password
|
show-password
|
||||||
:maxlength="20"
|
:maxlength="20"
|
||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="input-group">
|
<view class="input-group">
|
||||||
<view class="input-wrapper">
|
<view class="input-wrapper">
|
||||||
<wd-input
|
<wd-input
|
||||||
v-model="formData.confirmPassword"
|
v-model="formData.confirmPassword"
|
||||||
custom-class="styled-input"
|
custom-class="styled-input"
|
||||||
no-border
|
no-border
|
||||||
placeholder="请确认密码"
|
:placeholder="t('register.confirmPassword')"
|
||||||
show-password
|
show-password
|
||||||
:maxlength="20"
|
:maxlength="20"
|
||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="input-group">
|
<view class="input-group">
|
||||||
<view class="input-wrapper captcha-wrapper">
|
<view class="input-wrapper captcha-wrapper">
|
||||||
<wd-input
|
<wd-input
|
||||||
v-model="formData.captcha"
|
v-model="formData.captcha"
|
||||||
custom-class="styled-input"
|
custom-class="styled-input"
|
||||||
no-border
|
no-border
|
||||||
placeholder="请输入验证码"
|
:placeholder="t('register.enterCode')"
|
||||||
:maxlength="6"
|
:maxlength="6"
|
||||||
/>
|
/>
|
||||||
<view class="captcha-image" @click="refreshCaptcha">
|
<view class="captcha-image" @click="refreshCaptcha">
|
||||||
<image :src="captchaImage" class="captcha-img" />
|
<image :src="captchaImage" class="captcha-img" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -380,21 +394,21 @@ onMounted(async () => {
|
|||||||
<view v-if="registerType === 'mobile'" class="input-group">
|
<view v-if="registerType === 'mobile'" class="input-group">
|
||||||
<view class="input-wrapper sms-wrapper">
|
<view class="input-wrapper sms-wrapper">
|
||||||
<wd-input
|
<wd-input
|
||||||
v-model="formData.mobileCaptcha"
|
v-model="formData.mobileCaptcha"
|
||||||
custom-class="styled-input"
|
custom-class="styled-input"
|
||||||
no-border
|
no-border
|
||||||
placeholder="请输入短信验证码"
|
:placeholder="t('register.enterCode')"
|
||||||
type="number"
|
type="number"
|
||||||
:maxlength="6"
|
:maxlength="6"
|
||||||
/>
|
/>
|
||||||
<wd-button
|
<wd-button
|
||||||
:loading="smsLoading"
|
:loading="smsLoading"
|
||||||
:disabled="smsCountdown > 0"
|
:disabled="smsCountdown > 0"
|
||||||
custom-class="sms-btn"
|
custom-class="sms-btn"
|
||||||
@click="sendSmsVerification"
|
@click="sendSmsVerification"
|
||||||
>
|
>
|
||||||
{{ smsCountdown > 0 ? `${smsCountdown}s` : '获取验证码' }}
|
{{ smsCountdown > 0 ? `${smsCountdown}s` : t('register.getCode') }}
|
||||||
</wd-button>
|
</wd-button>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -404,15 +418,15 @@ onMounted(async () => {
|
|||||||
:loading="loading"
|
:loading="loading"
|
||||||
@click="handleRegister"
|
@click="handleRegister"
|
||||||
>
|
>
|
||||||
{{ loading ? '注册中...' : '注册' }}
|
{{ loading ? t('register.registering') : t('register.registerButton') }}
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="login-hint">
|
<view class="login-hint">
|
||||||
<text class="hint-text">
|
<text class="hint-text">
|
||||||
已有账户？
|
{{ t('register.haveAccount') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="login-link" @click="goBack">
|
<text class="login-link" @click="goBack">
|
||||||
立即登录
|
{{ t('register.loginNow') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -441,7 +455,7 @@ onMounted(async () => {
|
|||||||
<!-- 区号选择弹窗 -->
|
<!-- 区号选择弹窗 -->
|
||||||
<wd-action-sheet
|
<wd-action-sheet
|
||||||
v-model="showAreaCodeSheet"
|
v-model="showAreaCodeSheet"
|
||||||
title="选择国家/地区"
|
:title="t('register.selectCountry')"
|
||||||
:close-on-click-modal="true"
|
:close-on-click-modal="true"
|
||||||
@close="closeAreaCodeSheet"
|
@close="closeAreaCodeSheet"
|
||||||
>
|
>
|
||||||
@@ -475,11 +489,13 @@ onMounted(async () => {
|
|||||||
custom-class="confirm-btn"
|
custom-class="confirm-btn"
|
||||||
@click="closeAreaCodeSheet"
|
@click="closeAreaCodeSheet"
|
||||||
>
|
>
|
||||||
确认
|
{{ t('register.confirm') }}
|
||||||
</wd-button>
|
</wd-button>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</wd-action-sheet>
|
</wd-action-sheet>
|
||||||
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -11,6 +11,8 @@ import { clearServerBaseUrlOverride, getEnvBaseUrl, getServerBaseUrlOverride, se
|
|||||||
import { isMp } from '@/utils/platform'
|
import { isMp } from '@/utils/platform'
|
||||||
import { computed, onMounted, reactive, ref } from 'vue'
|
import { computed, onMounted, reactive, ref } from 'vue'
|
||||||
import { useToast } from 'wot-design-uni'
|
import { useToast } from 'wot-design-uni'
|
||||||
|
import { t, changeLanguage, getSupportedLanguages, getCurrentLanguage } from '@/i18n'
|
||||||
|
import type { Language } from '@/store/lang'
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'SettingsPage',
|
name: 'SettingsPage',
|
||||||
@@ -62,7 +64,7 @@ function validateUrl() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (!/^https?:\/\/.+\/xiaozhi$/.test(baseUrlInput.value)) {
|
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) {
|
if (response.statusCode === 200) {
|
||||||
return true
|
return true
|
||||||
} else {
|
} else {
|
||||||
toast.error('无效地址，请检查服务端是否启动或网络连接是否正常')
|
toast.error(t('message.invalidAddress'))
|
||||||
return false
|
return false
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('测试服务端地址失败:', error)
|
console.error('测试服务端地址失败:', error)
|
||||||
toast.error('无效地址，请检查服务端是否启动或网络连接是否正常')
|
toast.error(t('message.invalidAddress'))
|
||||||
return false
|
return false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -98,7 +100,7 @@ async function testServerBaseUrl() {
|
|||||||
// 保存服务端地址
|
// 保存服务端地址
|
||||||
async function saveServerBaseUrl() {
|
async function saveServerBaseUrl() {
|
||||||
if (!baseUrlInput.value || !/^https?:\/\/.+\/xiaozhi$/.test(baseUrlInput.value)) {
|
if (!baseUrlInput.value || !/^https?:\/\/.+\/xiaozhi$/.test(baseUrlInput.value)) {
|
||||||
toast.warning('请输入有效的服务端地址（以 http 或 https 开头，并以 /xiaozhi 结尾）')
|
toast.warning(t('settings.validServerUrl'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -113,21 +115,32 @@ async function saveServerBaseUrl() {
|
|||||||
clearAllCacheAfterUrlChange()
|
clearAllCacheAfterUrlChange()
|
||||||
|
|
||||||
uni.showModal({
|
uni.showModal({
|
||||||
title: '重启应用',
|
title: t('settings.restartApp'),
|
||||||
content: '服务端地址已保存并清空缓存，是否立即重启生效？',
|
content: t('settings.serverUrlSavedAndCacheCleared'),
|
||||||
confirmText: '立即重启',
|
confirmText: t('settings.restartNow'),
|
||||||
cancelText: '稍后',
|
cancelText: t('settings.restartLater'),
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
if (res.confirm) {
|
if (res.confirm) {
|
||||||
restartApp()
|
restartApp()
|
||||||
}
|
}
|
||||||
else {
|
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 默认
|
// 重置为 env 默认
|
||||||
function resetServerBaseUrl() {
|
function resetServerBaseUrl() {
|
||||||
clearServerBaseUrlOverride()
|
clearServerBaseUrlOverride()
|
||||||
@@ -137,16 +150,16 @@ function resetServerBaseUrl() {
|
|||||||
clearAllCacheAfterUrlChange()
|
clearAllCacheAfterUrlChange()
|
||||||
|
|
||||||
uni.showModal({
|
uni.showModal({
|
||||||
title: '重启应用',
|
title: t('settings.restartApp'),
|
||||||
content: '已重置为默认地址并清空缓存，是否立即重启生效？',
|
content: t('settings.resetToDefaultAndCacheCleared'),
|
||||||
confirmText: '立即重启',
|
confirmText: t('settings.restartNow'),
|
||||||
cancelText: '稍后',
|
cancelText: t('settings.restartLater'),
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
if (res.confirm) {
|
if (res.confirm) {
|
||||||
restartApp()
|
restartApp()
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
toast.success('已重置，可稍后手动重启应用')
|
toast.success(t('settings.resetSuccess'))
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
@@ -185,8 +198,7 @@ function clearAllCacheAfterUrlChange() {
|
|||||||
|
|
||||||
// 重新获取缓存信息
|
// 重新获取缓存信息
|
||||||
getCacheInfo()
|
getCacheInfo()
|
||||||
}
|
} catch (error) {
|
||||||
catch (error) {
|
|
||||||
console.error('清除缓存失败:', error)
|
console.error('清除缓存失败:', error)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -195,12 +207,14 @@ function clearAllCacheAfterUrlChange() {
|
|||||||
async function clearCache() {
|
async function clearCache() {
|
||||||
try {
|
try {
|
||||||
uni.showModal({
|
uni.showModal({
|
||||||
title: '确认清除',
|
title: t('settings.confirmClear'),
|
||||||
content: '确定要清除所有缓存吗？这将删除所有数据包括登录状态，需要重新登录。',
|
content: t('settings.confirmClearMessage'),
|
||||||
|
confirmText: t('common.confirm'),
|
||||||
|
cancelText: t('common.cancel'),
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
if (res.confirm) {
|
if (res.confirm) {
|
||||||
clearAllCacheAfterUrlChange()
|
clearAllCacheAfterUrlChange()
|
||||||
toast.success('缓存清除成功，即将跳转到登录页')
|
toast.success(t('settings.cacheCleared'))
|
||||||
|
|
||||||
// 延迟跳转到登录页
|
// 延迟跳转到登录页
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
@@ -209,22 +223,22 @@ async function clearCache() {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
}
|
} catch (error) {
|
||||||
catch (error) {
|
|
||||||
console.error('清除缓存失败:', error)
|
console.error('清除缓存失败:', error)
|
||||||
toast.error('清除缓存失败')
|
toast.error(t('settings.clearCacheFailed'))
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 关于我们
|
// 关于我们
|
||||||
function showAbout() {
|
function showAbout() {
|
||||||
uni.showModal({
|
uni.showModal({
|
||||||
title: `关于${import.meta.env.VITE_APP_TITLE}`,
|
title: t('settings.aboutApp', { appName: 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`,
|
content: t('settings.aboutContent', {
|
||||||
title: `关于小智智控台`,
|
appName: import.meta.env.VITE_APP_TITLE,
|
||||||
content: `小智智控台\n\n基于 Vue.js 3 + uni-app 构建的跨平台移动端管理应用，为小智ESP32智能硬件提供设备管理、智能体配置等功能。\n\n© 2025 xiaozhi-esp32-server 0.8.3`,
|
version: '0.8.3'
|
||||||
|
}),
|
||||||
showCancel: false,
|
showCancel: false,
|
||||||
confirmText: '确定',
|
confirmText: t('common.confirm'),
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -234,19 +248,24 @@ onMounted(async () => {
|
|||||||
loadServerBaseUrl()
|
loadServerBaseUrl()
|
||||||
}
|
}
|
||||||
getCacheInfo()
|
getCacheInfo()
|
||||||
|
|
||||||
|
// 动态设置导航栏标题为国际化文本
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: t('settings.title')
|
||||||
|
})
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<view class="min-h-screen bg-[#f5f7fb]">
|
<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 class="p-[24rpx]">
|
||||||
<!-- 网络设置 - 仅在非小程序环境显示 -->
|
<!-- 网络设置 - 仅在非小程序环境显示 -->
|
||||||
<view v-if="!isMp" class="mb-[32rpx]">
|
<view v-if="!isMp" class="mb-[32rpx]">
|
||||||
<view class="mb-[24rpx] flex items-center">
|
<view class="mb-[24rpx] flex items-center">
|
||||||
<text class="text-[32rpx] text-[#232338] font-bold">
|
<text class="text-[32rpx] text-[#232338] font-bold">
|
||||||
网络设置
|
{{ t('settings.networkSettings') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -254,19 +273,19 @@ onMounted(async () => {
|
|||||||
style="box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.06);">
|
style="box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.06);">
|
||||||
<view class="mb-[24rpx]">
|
<view class="mb-[24rpx]">
|
||||||
<text class="text-[28rpx] text-[#232338] font-semibold">
|
<text class="text-[28rpx] text-[#232338] font-semibold">
|
||||||
服务端接口地址
|
{{ t('settings.serverApiUrl') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="mt-[8rpx] block text-[24rpx] text-[#9d9ea3]">
|
<text class="mt-[8rpx] block text-[24rpx] text-[#9d9ea3]">
|
||||||
修改后将自动清空缓存并重启应用
|
{{ t('settings.modifyWillClearCache') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="mb-[24rpx]">
|
<view class="mb-[24rpx]">
|
||||||
<view class="w-full rounded-[16rpx] border border-[#eeeeee] bg-[#f5f7fb] overflow-hidden">
|
<view class="w-full rounded-[16rpx] border border-[#eeeeee] bg-[#f5f7fb] overflow-hidden">
|
||||||
<wd-input v-model="baseUrlInput" type="text" clearable :maxlength="200"
|
<wd-input v-model="baseUrlInput" type="text" clearable :maxlength="200"
|
||||||
placeholder="输入服务端地址，如 https://example.com/xiaozhi"
|
:placeholder="t('settings.enterServerUrl')"
|
||||||
custom-class="!border-none !bg-transparent h-[88rpx] px-[24rpx] items-center"
|
custom-class="!border-none !bg-transparent h-[64rpx] px-[24rpx] items-center"
|
||||||
input-class="text-[28rpx] text-[#232338]" @input="validateUrl" @blur="validateUrl" />
|
input-class="text-[28rpx] text-[#232338]" @input="validateUrl" @blur="validateUrl" />
|
||||||
</view>
|
</view>
|
||||||
<text v-if="urlError" class="mt-[8rpx] block text-[24rpx] text-[#ff4d4f]">
|
<text v-if="urlError" class="mt-[8rpx] block text-[24rpx] text-[#ff4d4f]">
|
||||||
{{ urlError }}
|
{{ urlError }}
|
||||||
@@ -277,12 +296,12 @@ onMounted(async () => {
|
|||||||
<wd-button type="primary"
|
<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"
|
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">
|
@click="saveServerBaseUrl">
|
||||||
保存设置
|
{{ t('settings.saveSettings') }}
|
||||||
</wd-button>
|
</wd-button>
|
||||||
<wd-button type="default"
|
<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]"
|
custom-class="flex-1 h-[88rpx] rounded-[20rpx] text-[28rpx] font-semibold bg-white border-[#eeeeee] text-[#65686f] active:bg-[#f5f7fb]"
|
||||||
@click="resetServerBaseUrl">
|
@click="resetServerBaseUrl">
|
||||||
恢复默认
|
{{ t('settings.resetDefault') }}
|
||||||
</wd-button>
|
</wd-button>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -292,7 +311,7 @@ onMounted(async () => {
|
|||||||
<view class="mb-[32rpx]">
|
<view class="mb-[32rpx]">
|
||||||
<view class="mb-[24rpx] flex items-center">
|
<view class="mb-[24rpx] flex items-center">
|
||||||
<text class="text-[32rpx] text-[#232338] font-bold">
|
<text class="text-[32rpx] text-[#232338] font-bold">
|
||||||
缓存管理
|
{{ t('settings.cacheManagement') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</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]">
|
class="flex items-center justify-between border border-[#eeeeee] rounded-[16rpx] bg-[#f5f7fb] p-[24rpx] transition-all active:bg-[#eef3ff]">
|
||||||
<view>
|
<view>
|
||||||
<text class="text-[28rpx] text-[#232338] font-medium">
|
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||||
总缓存大小
|
{{ t('settings.totalCacheSize') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="mt-[4rpx] block text-[24rpx] text-[#9d9ea3]">
|
<text class="mt-[4rpx] block text-[24rpx] text-[#9d9ea3]">
|
||||||
应用数据总大小
|
{{ t('settings.appDataSize') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
<text class="text-[28rpx] text-[#65686f] font-semibold">
|
<text class="text-[28rpx] text-[#65686f] font-semibold">
|
||||||
{{ cacheInfo.storageSize }}
|
{{ cacheInfo.storageSize }}
|
||||||
@@ -320,16 +339,16 @@ onMounted(async () => {
|
|||||||
class="flex items-center justify-between border border-[#eeeeee] rounded-[16rpx] bg-[#f5f7fb] p-[24rpx]">
|
class="flex items-center justify-between border border-[#eeeeee] rounded-[16rpx] bg-[#f5f7fb] p-[24rpx]">
|
||||||
<view>
|
<view>
|
||||||
<text class="text-[28rpx] text-[#232338] font-medium">
|
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||||
缓存清理
|
{{ t('settings.cacheClear') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="mt-[4rpx] block text-[24rpx] text-[#9d9ea3]">
|
<text class="mt-[4rpx] block text-[24rpx] text-[#9d9ea3]">
|
||||||
清空所有缓存数据
|
{{ t('settings.clearAllCache') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
<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"
|
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">
|
@click="clearCache">
|
||||||
清除缓存
|
{{ t('settings.clearCache') }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -340,8 +359,8 @@ onMounted(async () => {
|
|||||||
<view class="mb-[32rpx]">
|
<view class="mb-[32rpx]">
|
||||||
<view class="mb-[24rpx] flex items-center">
|
<view class="mb-[24rpx] flex items-center">
|
||||||
<text class="text-[32rpx] text-[#232338] font-bold">
|
<text class="text-[32rpx] text-[#232338] font-bold">
|
||||||
应用信息
|
{{ t('settings.appInfo') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="border border-[#eeeeee] rounded-[24rpx] bg-[#fbfbfb] p-[32rpx]"
|
<view class="border border-[#eeeeee] rounded-[24rpx] bg-[#fbfbfb] p-[32rpx]"
|
||||||
@@ -351,17 +370,68 @@ onMounted(async () => {
|
|||||||
@click="showAbout">
|
@click="showAbout">
|
||||||
<view>
|
<view>
|
||||||
<text class="text-[28rpx] text-[#232338] font-medium">
|
<text class="text-[28rpx] text-[#232338] font-medium">
|
||||||
关于我们
|
{{ t('settings.aboutUs') }}
|
||||||
</text>
|
</text>
|
||||||
<text class="mt-[4rpx] block text-[24rpx] text-[#9d9ea3]">
|
<text class="mt-[4rpx] block text-[24rpx] text-[#9d9ea3]">
|
||||||
应用版本与团队信息
|
{{ t('settings.appVersion') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
<wd-icon name="arrow-right" custom-class="text-[32rpx] text-[#9d9ea3]" />
|
<wd-icon name="arrow-right" custom-class="text-[32rpx] text-[#9d9ea3]" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</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);" />
|
<view style="height: env(safe-area-inset-bottom);" />
|
||||||
@@ -370,4 +440,27 @@ onMounted(async () => {
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<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 { useMessage } from 'wot-design-uni'
|
||||||
import { useToast } from 'wot-design-uni/components/wd-toast'
|
import { useToast } from 'wot-design-uni/components/wd-toast'
|
||||||
import { createVoicePrint, deleteVoicePrint, getChatHistory, getVoicePrintList, updateVoicePrint } from '@/api/voiceprint'
|
import { createVoicePrint, deleteVoicePrint, getChatHistory, getVoicePrintList, updateVoicePrint } from '@/api/voiceprint'
|
||||||
|
import { t } from '@/i18n'
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'VoicePrintManage',
|
name: 'VoicePrintManage',
|
||||||
@@ -81,7 +82,7 @@ async function loadVoicePrintList() {
|
|||||||
|
|
||||||
// 检查是否有当前选中的智能体
|
// 检查是否有当前选中的智能体
|
||||||
if (!currentAgentId.value) {
|
if (!currentAgentId.value) {
|
||||||
console.warn('没有选中的智能体')
|
console.warn(t('voiceprint.noSelectedAgent'))
|
||||||
voicePrintList.value = []
|
voicePrintList.value = []
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
@@ -117,7 +118,7 @@ async function refresh() {
|
|||||||
async function loadChatHistory() {
|
async function loadChatHistory() {
|
||||||
try {
|
try {
|
||||||
if (!currentAgentId.value) {
|
if (!currentAgentId.value) {
|
||||||
toast.error('请先选择智能体')
|
toast.error(t('voiceprint.pleaseSelectAgent'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -133,24 +134,47 @@ async function loadChatHistory() {
|
|||||||
}
|
}
|
||||||
catch (error) {
|
catch (error) {
|
||||||
console.error('获取对话记录失败:', error)
|
console.error('获取对话记录失败:', error)
|
||||||
toast.error('获取对话记录失败')
|
toast.error(t('voiceprint.fetchHistoryFailed'))
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 打开添加弹窗
|
// 打开添加弹窗
|
||||||
function openAddDialog() {
|
function openAddDialog() {
|
||||||
if (!currentAgentId.value) {
|
if (!currentAgentId.value) {
|
||||||
toast.error('请先选择智能体')
|
toast.error(t('voiceprint.pleaseSelectAgent'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
addForm.value = {
|
// 检查声纹接口是否配置（通过尝试获取声纹列表来检测）
|
||||||
agentId: currentAgentId.value,
|
const checkVoicePrintConfig = async () => {
|
||||||
audioId: '',
|
try {
|
||||||
sourceName: '',
|
await getVoicePrintList(currentAgentId.value)
|
||||||
introduce: '',
|
// 接口正常，继续打开添加弹窗
|
||||||
|
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) {
|
function getSelectedAudioContent(audioId: string) {
|
||||||
if (!audioId)
|
if (!audioId)
|
||||||
return '点击选择声纹向量'
|
return t('voiceprint.clickToSelectVector')
|
||||||
const chatItem = chatHistoryList.value.find(item => item.audioId === audioId)
|
const chatItem = chatHistoryList.value.find(item => item.audioId === audioId)
|
||||||
return chatItem ? chatItem.content : `已选择: ${audioId.substring(0, 8)}...`
|
return chatItem ? chatItem.content : `已选择: ${audioId.substring(0, 8)}...`
|
||||||
}
|
}
|
||||||
@@ -181,34 +205,34 @@ function selectAudioId({ item }: { item: any }) {
|
|||||||
// 提交添加说话人
|
// 提交添加说话人
|
||||||
async function submitAdd() {
|
async function submitAdd() {
|
||||||
if (!addForm.value.sourceName.trim()) {
|
if (!addForm.value.sourceName.trim()) {
|
||||||
toast.error('请输入姓名')
|
toast.error(t('voiceprint.pleaseInputName'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if (!addForm.value.audioId) {
|
if (!addForm.value.audioId) {
|
||||||
toast.error('请选择声纹向量')
|
toast.error(t('voiceprint.pleaseSelectVector'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
try {
|
try {
|
||||||
await createVoicePrint(addForm.value)
|
await createVoicePrint(addForm.value)
|
||||||
toast.success('添加成功')
|
toast.success(t('voiceprint.addSuccess'))
|
||||||
showAddDialog.value = false
|
showAddDialog.value = false
|
||||||
await loadVoicePrintList()
|
await loadVoicePrintList()
|
||||||
}
|
}
|
||||||
catch (error) {
|
catch (error) {
|
||||||
console.error('添加说话人失败:', error)
|
console.error('添加说话人失败:', error)
|
||||||
toast.error('添加说话人失败')
|
toast.error(t('voiceprint.addFailed'))
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 提交编辑说话人
|
// 提交编辑说话人
|
||||||
async function submitEdit() {
|
async function submitEdit() {
|
||||||
if (!editForm.value.sourceName.trim()) {
|
if (!editForm.value.sourceName.trim()) {
|
||||||
toast.error('请输入姓名')
|
toast.error(t('voiceprint.pleaseInputName'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if (!editForm.value.audioId) {
|
if (!editForm.value.audioId) {
|
||||||
toast.error('请选择声纹向量')
|
toast.error(t('voiceprint.pleaseSelectVector'))
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -220,13 +244,13 @@ async function submitEdit() {
|
|||||||
introduce: editForm.value.introduce,
|
introduce: editForm.value.introduce,
|
||||||
createDate: editForm.value.createDate,
|
createDate: editForm.value.createDate,
|
||||||
})
|
})
|
||||||
toast.success('编辑成功')
|
toast.success(t('voiceprint.editSuccess'))
|
||||||
showEditDialog.value = false
|
showEditDialog.value = false
|
||||||
await loadVoicePrintList()
|
await loadVoicePrintList()
|
||||||
}
|
}
|
||||||
catch (error) {
|
catch (error) {
|
||||||
console.error('编辑说话人失败:', error)
|
console.error('编辑说话人失败:', error)
|
||||||
toast.error('编辑说话人失败')
|
toast.error(t('voiceprint.editFailed'))
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -239,11 +263,11 @@ function handleEdit(item: VoicePrint) {
|
|||||||
// 删除声纹
|
// 删除声纹
|
||||||
async function handleDelete(id: string) {
|
async function handleDelete(id: string) {
|
||||||
message.confirm({
|
message.confirm({
|
||||||
msg: '确定要删除这个说话人吗？',
|
msg: t('voiceprint.deleteConfirmMsg'),
|
||||||
title: '确认删除',
|
title: t('voiceprint.deleteConfirmTitle'),
|
||||||
}).then(async () => {
|
}).then(async () => {
|
||||||
await deleteVoicePrint(id)
|
await deleteVoicePrint(id)
|
||||||
toast.success('删除成功')
|
toast.success(t('voiceprint.deleteSuccess'))
|
||||||
await loadVoicePrintList()
|
await loadVoicePrintList()
|
||||||
}).catch(() => {
|
}).catch(() => {
|
||||||
console.log('点击了取消按钮')
|
console.log('点击了取消按钮')
|
||||||
@@ -268,7 +292,7 @@ defineExpose({
|
|||||||
<view v-if="loading && voicePrintList.length === 0" class="loading-container">
|
<view v-if="loading && voicePrintList.length === 0" class="loading-container">
|
||||||
<wd-loading color="#336cff" />
|
<wd-loading color="#336cff" />
|
||||||
<text class="loading-text">
|
<text class="loading-text">
|
||||||
加载中...
|
{{ t('voiceprint.loading') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -302,7 +326,7 @@ defineExpose({
|
|||||||
@click="handleDelete(item.id)"
|
@click="handleDelete(item.id)"
|
||||||
>
|
>
|
||||||
<wd-icon name="delete" />
|
<wd-icon name="delete" />
|
||||||
删除
|
{{ t('voiceprint.delete') }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
@@ -315,11 +339,11 @@ defineExpose({
|
|||||||
<view v-else-if="!loading" class="empty-container">
|
<view v-else-if="!loading" class="empty-container">
|
||||||
<view class="flex flex-col items-center justify-center p-[100rpx_40rpx] text-center">
|
<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]" />
|
<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>
|
||||||
<text class="text-[26rpx] text-[#999999] leading-[1.5]">
|
<text class="text-[26rpx] text-[#999999] leading-[1.5]">
|
||||||
点击右下角 + 号添加您的第一个说话人
|
{{ t('voiceprint.emptyDesc') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -341,7 +365,7 @@ defineExpose({
|
|||||||
<view>
|
<view>
|
||||||
<view class="w-full flex items-center justify-between border-b-[2rpx] border-[#eeeeee] p-[32rpx_32rpx_24rpx]">
|
<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">
|
<text class="w-full text-center text-[32rpx] text-[#232338] font-semibold">
|
||||||
添加说话人
|
{{ t('voiceprint.addSpeaker') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -349,7 +373,7 @@ defineExpose({
|
|||||||
<!-- 声纹向量选择 -->
|
<!-- 声纹向量选择 -->
|
||||||
<view class="mb-[32rpx]">
|
<view class="mb-[32rpx]">
|
||||||
<text class="mb-[16rpx] block text-[28rpx] text-[#232338] font-medium">
|
<text class="mb-[16rpx] block text-[28rpx] text-[#232338] font-medium">
|
||||||
* 声纹向量
|
* {{ t('voiceprint.voiceVector') }}
|
||||||
</text>
|
</text>
|
||||||
<view
|
<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]"
|
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]">
|
<view class="mb-[32rpx]">
|
||||||
<text class="mb-[16rpx] block text-[28rpx] text-[#232338] font-medium">
|
<text class="mb-[16rpx] block text-[28rpx] text-[#232338] font-medium">
|
||||||
* 姓名
|
* {{ t('voiceprint.name') }}
|
||||||
</text>
|
</text>
|
||||||
<input
|
<input
|
||||||
v-model="addForm.sourceName"
|
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]"
|
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>
|
||||||
|
|
||||||
<!-- 描述 -->
|
<!-- 描述 -->
|
||||||
<view>
|
<view>
|
||||||
<text class="mb-[16rpx] block text-[28rpx] text-[#232338] font-medium">
|
<text class="mb-[16rpx] block text-[28rpx] text-[#232338] font-medium">
|
||||||
* 描述
|
* {{ t('voiceprint.description') }}
|
||||||
</text>
|
</text>
|
||||||
<textarea
|
<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]"
|
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]">
|
<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]">
|
<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 type="info" custom-class="flex-1" @click="showAddDialog = false">
|
||||||
取消
|
{{ t('voiceprint.cancel') }}
|
||||||
</wd-button>
|
</wd-button>
|
||||||
<wd-button type="primary" custom-class="flex-1" @click="submitAdd">
|
<wd-button type="primary" custom-class="flex-1" @click="submitAdd">
|
||||||
保存
|
{{ t('voiceprint.save') }}
|
||||||
</wd-button>
|
</wd-button>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</wd-popup>
|
</wd-popup>
|
||||||
@@ -411,7 +435,7 @@ defineExpose({
|
|||||||
<view>
|
<view>
|
||||||
<view class="w-full flex items-center justify-between border-b-[2rpx] border-[#eeeeee] p-[32rpx_32rpx_24rpx]">
|
<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">
|
<text class="w-full text-center text-[32rpx] text-[#232338] font-semibold">
|
||||||
编辑说话人
|
{{ t('voiceprint.editSpeaker') }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -419,7 +443,7 @@ defineExpose({
|
|||||||
<!-- 声纹向量选择 -->
|
<!-- 声纹向量选择 -->
|
||||||
<view class="mb-[32rpx]">
|
<view class="mb-[32rpx]">
|
||||||
<text class="mb-[16rpx] block text-[28rpx] text-[#232338] font-medium">
|
<text class="mb-[16rpx] block text-[28rpx] text-[#232338] font-medium">
|
||||||
* 声纹向量
|
* {{ t('voiceprint.voiceVector') }}
|
||||||
</text>
|
</text>
|
||||||
<view
|
<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]"
|
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]">
|
<view class="mb-[32rpx]">
|
||||||
<text class="mb-[16rpx] block text-[28rpx] text-[#232338] font-medium">
|
<text class="mb-[16rpx] block text-[28rpx] text-[#232338] font-medium">
|
||||||
* 姓名
|
* {{ t('voiceprint.name') }}
|
||||||
</text>
|
</text>
|
||||||
<input
|
<input
|
||||||
v-model="editForm.sourceName"
|
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]"
|
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>
|
||||||
|
|
||||||
<!-- 描述 -->
|
<!-- 描述 -->
|
||||||
<view>
|
<view>
|
||||||
<text class="mb-[16rpx] block text-[28rpx] text-[#232338] font-medium">
|
<text class="mb-[16rpx] block text-[28rpx] text-[#232338] font-medium">
|
||||||
* 描述
|
* {{ t('voiceprint.description') }}
|
||||||
</text>
|
</text>
|
||||||
<textarea
|
<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]"
|
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]">
|
<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]">
|
<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 type="info" custom-class="flex-1" @click="showEditDialog = false">
|
||||||
取消
|
{{ t('voiceprint.cancel') }}
|
||||||
</wd-button>
|
</wd-button>
|
||||||
<wd-button type="primary" custom-class="flex-1" @click="submitEdit">
|
<wd-button type="primary" custom-class="flex-1" @click="submitEdit">
|
||||||
保存
|
{{ t('voiceprint.save') }}
|
||||||
</wd-button>
|
</wd-button>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</wd-popup>
|
</wd-popup>
|
||||||
|
|
||||||
<!-- 语音对话记录选择动作面板 -->
|
<!-- 语音对话记录选择动作面板 -->
|
||||||
<wd-action-sheet
|
<wd-action-sheet
|
||||||
v-model="showChatHistoryDialog" :actions="chatHistoryActions" title="选择声纹向量"
|
v-model="showChatHistoryDialog" :actions="chatHistoryActions" :title="t('voiceprint.selectVector')"
|
||||||
@select="selectAudioId"
|
@select="selectAudioId"
|
||||||
/>
|
/>
|
||||||
</template>
|
</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