feat(web): 改版设置页与控制台界面

统一登录页、控制台和设置页的视觉样式,固定控制台设置入口并补充控件展开状态。
设置页改为按卡片保存,分别处理采集、编码、连接、HID 功能和设备标识,保留相邻卡片草稿。
增加共享帮助提示和移动端导航,固定前端构建依赖。

验证:独立暂存快照前端构建通过;控制台浏览器测试 5 组通过,覆盖登录、三种布局、窄屏、主题和语言切换。
This commit is contained in:
mofeng-git
2026-10-28 07:18:59 +08:00
parent fc99c6f274
commit fed753261b
27 changed files with 6837 additions and 1961 deletions

View File

@@ -1,4 +1,6 @@
import { settingsUiEn } from './settings-ui'
export default {
settingsUi: settingsUiEn,
hidGuide: {
driver_ch9329_otg: 'CH9329 + OTG composite mode',
compositeHelp: 'CH9329 handles keyboard and mouse. OTG provides virtual media, USB networking and USB audio. Enable advanced functions in their settings.',
@@ -12,6 +14,7 @@ export default {
otgInactive: 'Not enabled',
otgConfigured: 'USB configured by host',
otgWaiting: 'Bound, waiting for host',
missingDevice: 'The previous device {device} is unavailable. Check the current selection.',
connectionTimeout: 'Connection timed out. Check the data cable and the controlled computer’s USB port. You can connect later or reconfigure.',
"deviceTitle": "Driver and device",
@@ -634,7 +637,7 @@ export default {
videoSubtitle: 'Configure capture device, video encoder and WebRTC ICE servers',
hidSubtitle: 'Configure the HID backend, device, descriptors, and USB gadget functions',
atxSubtitle: 'Configure remote power control hardware and Wake-on-LAN',
environmentSubtitle: 'View device information and system runtime diagnostics',
environmentSubtitle: 'Diagnose USB OTG and video encoding',
otherSubtitle: 'Additional hardware controls and USB device maintenance',
aboutSubtitle: 'Online upgrade and version information',
extTtydSubtitle: 'Open a host Shell terminal in the browser',
@@ -642,7 +645,7 @@ export default {
extRemoteAccessSubtitle: 'Remote access through NAT-traversal services',
extFrpcSubtitle: 'NAT traversal through the FRP client',
watchdog: {
title: 'Hardware Watchdog',
title: 'Hardware watchdog',
description: 'The hardware watchdog can trigger a hardware reset if the system hangs or the process exits',
status: {
running: 'Running',

View File

@@ -0,0 +1,46 @@
export const settingsUiZh = {
watchdogAutoReset: '启用自动复位',
mcpRate: '请求频率(次/秒)',
help: '查看提示',
back: '返回控制台',
saveCapture: '保存采集设置',
saveEncoder: '保存编码设置',
saveConnection: '保存连接设置',
project: '项目主页',
featuresHelp:
'USB 功能会按当前驱动与设备能力提供。修改后只保存本卡片配置,设备可能重新识别 USB 连接。',
identifiers: '高级设备标识',
identifiersHelp: 'VID、PID、厂商和产品名称决定被控机识别到的设备信息。修改后可能需要重新连接。',
applyDriver: '应用驱动',
saveFeaturesFirst: '请先保存或放弃功能配置,再切换驱动。',
discardFeatures: '放弃功能更改',
driverHelp: '选择驱动及对应设备,然后应用。应用驱动会重新建立键鼠连接。',
driverApplied: '驱动配置已应用',
saveFailed: '保存失败,输入已保留,请检查后重试。',
saveDone: '设置已保存',
checkUpdates: '检查更新',
}
export const settingsUiEn = {
watchdogAutoReset: 'Enable automatic recovery',
mcpRate: 'Requests per second',
help: 'Show help',
back: 'Back to console',
saveCapture: 'Save capture',
saveEncoder: 'Save encoder',
saveConnection: 'Save connection',
project: 'Project',
featuresHelp:
'Available USB functions depend on the driver and hardware. Saving applies only this card and may reconnect the USB device.',
identifiers: 'Advanced device identity',
identifiersHelp:
'VID, PID, manufacturer and product names identify the device to the target computer. Changes may require reconnection.',
applyDriver: 'Apply driver',
saveFeaturesFirst: 'Save or discard function changes before switching drivers.',
discardFeatures: 'Discard function changes',
driverHelp:
'Select a driver and its device, then apply. Applying re-establishes the keyboard and mouse connection.',
driverApplied: 'Driver configuration applied',
saveFailed: 'Could not save. Your input is preserved; check it and try again.',
saveDone: 'Settings saved',
checkUpdates: 'Check for updates',
}

View File

@@ -1,4 +1,6 @@
import { settingsUiZh } from './settings-ui'
export default {
settingsUi: settingsUiZh,
hidGuide: {
driver_ch9329_otg: 'CH9329 + OTG 复合模式',
compositeHelp: 'CH9329 负责键盘和鼠标,OTG 负责虚拟磁盘、USB 网络和 USB 音频。高级功能需在各自设置中启用。',
@@ -12,6 +14,7 @@ export default {
otgInactive: '未启用',
otgConfigured: '主机已配置 USB',
otgWaiting: '已绑定,等待主机连接',
missingDevice: '原设备 {device} 已不可用,请检查当前选择。',
connectionTimeout: '等待连接超时,请检查数据线及被控机 USB 端口。可稍后连接或重新配置。',
"deviceTitle": "驱动与设备",
@@ -633,7 +636,7 @@ export default {
videoSubtitle: '配置采集设备、视频编码器与 WebRTC 信令服务器',
hidSubtitle: '配置 HID 后端、设备、描述符与 USB Gadget 功能',
atxSubtitle: '配置远程电源控制硬件与网络唤醒',
environmentSubtitle: '查看设备信息与系统级运行环境',
environmentSubtitle: '诊断 USB OTG 与视频编码环境',
otherSubtitle: '其他系统硬件控制与 USB 设备维护',
aboutSubtitle: '在线升级与版本信息',
extTtydSubtitle: '在浏览器中打开本机 Shell 终端',
@@ -641,7 +644,7 @@ export default {
extRemoteAccessSubtitle: '通过内网穿透服务实现远程访问',
extFrpcSubtitle: '通过 FRP 客户端实现内网穿透',
watchdog: {
title: '硬件 Watchdog',
title: '硬件看门狗',
description: '硬件 Watchdog 可在系统死机或程序退出时自动触发硬件复位信号',
status: {
running: '运行中',