feat: 支持免密连接模式及允许免密连接开关

WebRTCControllerWeb/src/components/ConnectionPanel.vue

@@ -3,7 +3,7 @@ import { ref } from 'vue';
 import { store, connectSignaling, disconnectSignaling, refreshDevices, connectToDevice, disconnectDevice } from '../store/controllerStore';
 
 const selected = ref('');
-const authType = ref('CODE');
+const authType = ref('NONE');
 const authValue = ref('');
 
 function onConnectDevice() {
@@ -11,11 +11,11 @@ function onConnectDevice() {
     store.error = '请选择要连接的设备';
     return;
   }
-  if (!authValue.value.trim()) {
+  if (authType.value !== 'NONE' && !authValue.value.trim()) {
     store.error = '请输入验证码或密码';
     return;
   }
-  connectToDevice(selected.value, authType.value, authValue.value.trim());
+  connectToDevice(selected.value, authType.value, authType.value === 'NONE' ? '' : authValue.value.trim());
 }
 </script>
 
@@ -63,10 +63,14 @@ function onConnectDevice() {
 
     <div class="section-title" style="margin-top:14px">连接鉴权</div>
     <div class="auth-row">
+      <label class="auth-radio"><input type="radio" value="NONE" v-model="authType" /> 免密连接</label>
       <label class="auth-radio"><input type="radio" value="CODE" v-model="authType" /> 动态验证码</label>
       <label class="auth-radio"><input type="radio" value="PASSWORD" v-model="authType" /> 固定密码</label>
     </div>
-    <div class="field">
+    <div v-if="authType === 'NONE'" class="hint">
+      免密连接：被控端将弹出手动确认对话框，无需输入验证码或密码。
+    </div>
+    <div class="field" v-else>
       <input class="input" v-model="authValue" :placeholder="authType === 'PASSWORD' ? '请输入固定密码' : '请输入动态验证码'" />
     </div>