From 3782c850e2bdede0c3bd3f5a299e6bb49e9b1af8 Mon Sep 17 00:00:00 2001
From: Tianpao <nxtianpao@163.com>
Date: Sat, 22 Nov 2025 22:24:26 +0800
Subject: [PATCH] chore:submitview add a tips and remove geo info

---
 index.html               |   1 -
 src/views/SubmitView.vue | 326 +++++++++++++++++++++------------------
 vite.config.ts           |   1 +
 3 files changed, 178 insertions(+), 150 deletions(-)
diff --git a/index.html b/index.html
index 1193997..9e5fc8f 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,6 @@
   <head>
     <meta charset="UTF-8">
     <link rel="icon" href="/favicon.ico">
-    <link rel="stylesheet" href="src/assets/style.css">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Vite App</title>
   </head>
diff --git a/src/views/SubmitView.vue b/src/views/SubmitView.vue
index 276304f..339156c 100644
--- a/src/views/SubmitView.vue
+++ b/src/views/SubmitView.vue
@@ -3,175 +3,203 @@
     <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>
+        <div class="card-body">
+          <h3 class="card-title text-xl mb-4">节点信息</h3>
+          <form @submit.prevent="handleCreateNode" class="grid gap-4">
 
-            <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>
+            <!-- 基础信息 -->
+            <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="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 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>
 
-          <!-- 允许中继 -->
-          <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="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>
 
-          <!-- 网络配置 -->
-          <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>
+              <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>
-            <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 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="tcp" class="radio radio-primary" required />
+                  <span>TCP</span>
+                </label>
+                <label class="label cursor-pointer gap-2">
+                  <input v-model="nodeForm.protocol" type="radio" value="udp" class="radio radio-primary" />
+                  <span>UDP</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 class="text-error">*</span></span>
+                </div>
+                <input v-model="nodeForm.network_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.network_secret" type="password" placeholder="请输入网络密钥"
+                  class="input input-bordered" required/>
+              </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 class="text-center">
+        <p v-if="!nodeForm.allow_relay" class="text-warning">⚠提示：非中继节点推荐使用wss或ws协议并套上CDN以防止节点源站服务器遭受到DDos攻击！</p>
+        <p v-if="nodeForm.allow_relay&&(nodeForm.protocol==='ws'||nodeForm.protocol==='wss')" class="text-warning">⚠提示：中继节点选择ws或wss协议可能会让节点使用者载着马斯克的星舰前往火星并访问地球互联网！</p>
       </div>
     </div>
   </div>
-  </div>
 </template>
 
 <script setup lang="ts">
 import { createNode } from '@/utils/request/api'
 import { ref } from 'vue'
 
-const nodeForm = ref({
+interface INodefrom {
+  name: string;
+  host: string;
+  port: number;
+  protocol: 'tcp' | 'udp' | 'ws' | 'wss';
+  allow_relay: boolean;
+  network_name: string | null;
+  network_secret: string | null;
+  max_connections: number;
+  region: string | null;
+  ISP: string | null;
+  qq_number: string | null;
+  mail: string | null;
+  description: string;
+}
+
+const nodeForm = ref<INodefrom>({
   name: '',
   host: '',
   port: 11010,
-  protocol: 'http',
+  protocol: 'tcp',
   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,
+  network_name: null,
+  network_secret: null,
+  max_connections: 100,
+  region: null,
+  ISP: null,
+  qq_number: null,
+  mail: null,
   description: ''
 })
 
@@ -182,11 +210,11 @@ function resetForm() {
     name: '',
     host: '',
     port: 11010,
-    protocol: 'http',
+    protocol: 'tcp',
     allow_relay: true,
     network_name: null,
     network_secret: null,
-    max_connections: 10,
+    max_connections: 100,
     region: null,
     ISP: null,
     qq_number: null,
diff --git a/vite.config.ts b/vite.config.ts
index 122dde9..0afb8f8 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -13,6 +13,7 @@ export default defineConfig({
     tailwindcss()
   ],
   resolve: {
+    extensions: ['.vue','.ts','.js','.json','.mjs','.cjs'],
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url))
     },
