feat: 添加用户认证功能，包含登录、管理控制台和节点提交页面

src/views/SubmitView.vue

@@ -1,10 +1,211 @@
 <template>
-  <div>
-    <h2>提交节点</h2>
-    <p>这里是提交节点页面。</p>
+  <div class="flex justify-center px-4">
+    <div class="w-full max-w-3xl">
+      <h2 class="text-3xl font-bold mb-2">提交节点</h2>
+      <p class="text-base-content/70 mb-6">填写以下信息提交新的 EasyTier 节点</p>
+      
+      <div class="card bg-base-100 shadow-lg">
+      <div class="card-body">
+        <h3 class="card-title text-xl mb-4">节点信息</h3>
+        <form @submit.prevent="handleCreateNode" class="grid gap-4">
+          
+          <!-- 基础信息 -->
+          <div class="grid md:grid-cols-2 gap-4">
+            <label class="form-control">
+              <div class="label">
+                <span class="label-text">节点名称 <span class="text-error">*</span></span>
+              </div>
+              <input v-model="nodeForm.name" type="text" placeholder="例如：北京联通节点" class="input input-bordered" required />
+            </label>
+
+            <label class="form-control">
+              <div class="label">
+                <span class="label-text">主机地址 <span class="text-error">*</span></span>
+              </div>
+              <input v-model="nodeForm.host" type="text" placeholder="例如：example.com 或 192.168.1.1" class="input input-bordered" required />
+            </label>
+          </div>
+
+          <div class="grid md:grid-cols-2 gap-4">
+            <label class="form-control">
+              <div class="label">
+                <span class="label-text">端口 <span class="text-error">*</span></span>
+              </div>
+              <input v-model.number="nodeForm.port" type="number" placeholder="例如：11010" class="input input-bordered" min="1" max="65535" required />
+            </label>
+
+            <label class="form-control">
+              <div class="label">
+                <span class="label-text">最大连接数 <span class="text-error">*</span></span>
+              </div>
+              <input v-model.number="nodeForm.max_connections" type="number" placeholder="例如：10" class="input input-bordered" min="1" required />
+            </label>
+          </div>
+
+          <!-- 协议选择 -->
+          <div class="form-control">
+            <label class="label">
+              <span class="label-text">协议 <span class="text-error">*</span></span>
+            </label>
+            <div class="flex gap-4 flex-wrap">
+              <label class="label cursor-pointer gap-2">
+                <input v-model="nodeForm.protocol" type="radio" value="http" class="radio radio-primary" required />
+                <span>HTTP</span>
+              </label>
+              <label class="label cursor-pointer gap-2">
+                <input v-model="nodeForm.protocol" type="radio" value="https" class="radio radio-primary" />
+                <span>HTTPS</span>
+              </label>
+              <label class="label cursor-pointer gap-2">
+                <input v-model="nodeForm.protocol" type="radio" value="ws" class="radio radio-primary" />
+                <span>WS</span>
+              </label>
+              <label class="label cursor-pointer gap-2">
+                <input v-model="nodeForm.protocol" type="radio" value="wss" class="radio radio-primary" />
+                <span>WSS</span>
+              </label>
+            </div>
+          </div>
+
+          <!-- 允许中继 -->
+          <div class="form-control">
+            <label class="label cursor-pointer justify-start gap-3">
+              <input v-model="nodeForm.allow_relay" type="checkbox" class="checkbox checkbox-primary" />
+              <span class="label-text">允许中继连接</span>
+            </label>
+          </div>
+
+          <!-- 网络配置 -->
+          <div class="divider">网络配置</div>
+          
+          <div class="grid md:grid-cols-2 gap-4">
+            <label class="form-control">
+              <div class="label">
+                <span class="label-text">网络名称</span>
+              </div>
+              <input v-model="nodeForm.network_name" type="text" placeholder="默认网络" class="input input-bordered" />
+            </label>
+
+            <label class="form-control">
+              <div class="label">
+                <span class="label-text">网络密钥</span>
+              </div>
+              <input v-model="nodeForm.network_secret" type="password" placeholder="留空表示无密钥" class="input input-bordered" />
+            </label>
+          </div>
+
+          <!-- 地理位置 -->
+          <div class="divider">地理位置</div>
+          
+          <div class="grid md:grid-cols-2 gap-4">
+            <label class="form-control">
+              <div class="label">
+                <span class="label-text">区域位置</span>
+              </div>
+              <input v-model="nodeForm.region" type="text" placeholder="例如：华北、华东" class="input input-bordered" />
+            </label>
+
+            <label class="form-control">
+              <div class="label">
+                <span class="label-text">运营商</span>
+              </div>
+              <input v-model="nodeForm.ISP" type="text" placeholder="例如：电信、联通、移动" class="input input-bordered" />
+            </label>
+          </div>
+
+          <!-- 联系方式 -->
+          <div class="divider">联系方式</div>
+          
+          <div class="grid md:grid-cols-2 gap-4">
+            <label class="form-control">
+              <div class="label">
+                <span class="label-text">QQ 号码</span>
+              </div>
+              <input v-model="nodeForm.qq_number" type="text" placeholder="例如：123456789" class="input input-bordered" />
+            </label>
+
+            <label class="form-control">
+              <div class="label">
+                <span class="label-text">邮箱地址</span>
+              </div>
+              <input v-model="nodeForm.mail" type="email" placeholder="例如：admin@example.com" class="input input-bordered" />
+            </label>
+          </div>
+
+          <!-- 描述 -->
+          <label class="form-control">
+            <div class="label">
+              <span class="label-text">节点描述</span>
+            </div>
+            <textarea v-model="nodeForm.description" placeholder="介绍一下这个节点..." class="textarea textarea-bordered h-24"></textarea>
+          </label>
+
+          <!-- 提交按钮 -->
+          <div class="card-actions justify-end mt-4">
+            <button type="button" class="btn btn-ghost" @click="resetForm">重置</button>
+            <button type="submit" class="btn btn-primary" :disabled="submitting">
+              <span v-if="submitting" class="loading loading-spinner loading-sm"></span>
+              <span>{{ submitting ? '提交中...' : '提交节点' }}</span>
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
   </div>
 </template>
 
 <script setup lang="ts">
-// 可根据需要添加逻辑
+import { createNode } from '@/utils/request/api'
+import { ref } from 'vue'
+
+const nodeForm = ref({
+  name: '',
+  host: '',
+  port: 11010,
+  protocol: 'http',
+  allow_relay: true,
+  network_name: null as string | null,
+  network_secret: null as string | null,
+  max_connections: 10,
+  region: null as string | null,
+  ISP: null as string | null,
+  qq_number: null as string | null,
+  mail: null as string | null,
+  description: ''
+})
+
+const submitting = ref(false)
+
+function resetForm() {
+  nodeForm.value = {
+    name: '',
+    host: '',
+    port: 11010,
+    protocol: 'http',
+    allow_relay: true,
+    network_name: null,
+    network_secret: null,
+    max_connections: 10,
+    region: null,
+    ISP: null,
+    qq_number: null,
+    mail: null,
+    description: ''
+  }
+}
+
+async function handleCreateNode() {
+  if (!nodeForm.value.name || !nodeForm.value.host) return
+  submitting.value = true
+  try {
+    await createNode(nodeForm.value)
+    alert('节点创建成功！')
+    resetForm()
+  } catch (e: any) {
+    alert('创建节点失败: ' + (e.message || e))
+  } finally {
+    submitting.value = false
+  }
+}
 </script>