Tianpao/ETMC.Web
1
0
Fork 0
mirror of https://github.com/EasyTierMC/ETMC.Web.git synced 2025-12-07 13:05:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore:submitview add a tips and remove geo info

Browse Source
This commit is contained in:
Tianpao
2025-11-22 22:24:26 +08:00
parent 68fefaa051
commit 3782c850e2
3 changed files with 178 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
index.html
View File

@@ -3,7 +3,6 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/favicon.ico"> <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"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title> <title>Vite App</title>
</head> </head>

84
src/views/SubmitView.vue
View File

@@ -15,14 +15,16 @@
<div class="label"> <div class="label">
<span class="label-text">节点名称 <span class="text-error">*</span></span> <span class="label-text">节点名称 <span class="text-error">*</span></span>
</div> </div>
<input v-model="nodeForm.name" type="text" placeholder="例如：北京联通节点" class="input input-bordered" required /> <input v-model="nodeForm.name" type="text" placeholder="例如：北京联通节点" class="input input-bordered"
required />
</label> </label>
<label class="form-control"> <label class="form-control">
<div class="label"> <div class="label">
<span class="label-text">主机地址 <span class="text-error">*</span></span> <span class="label-text">主机地址 <span class="text-error">*</span></span>
</div> </div>
<input v-model="nodeForm.host" type="text" placeholder="例如：example.com 或 192.168.1.1" class="input input-bordered" required /> <input v-model="nodeForm.host" type="text" placeholder="例如：example.com 或 192.168.1.1"
class="input input-bordered" required />
</label> </label>
</div> </div>
@@ -31,14 +33,16 @@
<div class="label"> <div class="label">
<span class="label-text">端口 <span class="text-error">*</span></span> <span class="label-text">端口 <span class="text-error">*</span></span>
</div> </div>
<input v-model.number="nodeForm.port" type="number" placeholder="例如：11010" class="input input-bordered" min="1" max="65535" required /> <input v-model.number="nodeForm.port" type="number" placeholder="例如：11010" class="input input-bordered"
min="1" max="65535" required />
</label> </label>
<label class="form-control"> <label class="form-control">
<div class="label"> <div class="label">
<span class="label-text">最大连接数 <span class="text-error">*</span></span> <span class="label-text">最大连接数 <span class="text-error">*</span></span>
</div> </div>
<input v-model.number="nodeForm.max_connections" type="number" placeholder="例如：10" class="input input-bordered" min="1" required /> <input v-model.number="nodeForm.max_connections" type="number" placeholder="例如：10"
class="input input-bordered" min="1" required />
</label> </label>
</div> </div>
@@ -49,12 +53,12 @@
</label> </label>
<div class="flex gap-4 flex-wrap"> <div class="flex gap-4 flex-wrap">
<label class="label cursor-pointer gap-2"> <label class="label cursor-pointer gap-2">
<input v-model="nodeForm.protocol" type="radio" value="http" class="radio radio-primary" required /> <input v-model="nodeForm.protocol" type="radio" value="tcp" class="radio radio-primary" required />
<span>HTTP</span> <span>TCP</span>
</label> </label>
<label class="label cursor-pointer gap-2"> <label class="label cursor-pointer gap-2">
<input v-model="nodeForm.protocol" type="radio" value="https" class="radio radio-primary" /> <input v-model="nodeForm.protocol" type="radio" value="udp" class="radio radio-primary" />
<span>HTTPS</span> <span>UDP</span>
</label> </label>
<label class="label cursor-pointer gap-2"> <label class="label cursor-pointer gap-2">
<input v-model="nodeForm.protocol" type="radio" value="ws" class="radio radio-primary" /> <input v-model="nodeForm.protocol" type="radio" value="ws" class="radio radio-primary" />
@@ -81,21 +85,22 @@
<div class="grid md:grid-cols-2 gap-4"> <div class="grid md:grid-cols-2 gap-4">
<label class="form-control"> <label class="form-control">
<div class="label"> <div class="label">
<span class="label-text">网络名称</span> <span class="label-text">网络名称<span class="text-error">*</span></span>
</div> </div>
<input v-model="nodeForm.network_name" type="text" placeholder="默认网络" class="input input-bordered" /> <input v-model="nodeForm.network_name" type="text" placeholder="默认网络" class="input input-bordered" required/>
</label> </label>
<label class="form-control"> <label class="form-control">
<div class="label"> <div class="label">
<span class="label-text">网络密钥</span> <span class="label-text">网络密钥<span class="text-error">*</span></span>
</div> </div>
<input v-model="nodeForm.network_secret" type="password" placeholder="留空表示无密钥" class="input input-bordered" /> <input v-model="nodeForm.network_secret" type="password" placeholder="请输入网络密钥"
class="input input-bordered" required/>
</label> </label>
</div> </div>
<!-- 地理位置 --> <!-- 地理位置 -->
<div class="divider">地理位置</div> <!-- <div class="divider">地理位置</div>
<div class="grid md:grid-cols-2 gap-4"> <div class="grid md:grid-cols-2 gap-4">
<label class="form-control"> <label class="form-control">
@@ -111,7 +116,7 @@
</div> </div>
<input v-model="nodeForm.ISP" type="text" placeholder="例如：电信、联通、移动" class="input input-bordered" /> <input v-model="nodeForm.ISP" type="text" placeholder="例如：电信、联通、移动" class="input input-bordered" />
</label> </label>
</div> </div> -->
<!-- 联系方式 --> <!-- 联系方式 -->
<div class="divider">联系方式</div> <div class="divider">联系方式</div>
@@ -121,14 +126,16 @@
<div class="label"> <div class="label">
<span class="label-text">QQ 号码</span> <span class="label-text">QQ 号码</span>
</div> </div>
<input v-model="nodeForm.qq_number" type="text" placeholder="例如：123456789" class="input input-bordered" /> <input v-model="nodeForm.qq_number" type="text" placeholder="例如：123456789"
class="input input-bordered" />
</label> </label>
<label class="form-control"> <label class="form-control">
<div class="label"> <div class="label">
<span class="label-text">邮箱地址</span> <span class="label-text">邮箱地址</span>
</div> </div>
<input v-model="nodeForm.mail" type="email" placeholder="例如：admin@example.com" class="input input-bordered" /> <input v-model="nodeForm.mail" type="email" placeholder="例如：admin@example.com"
class="input input-bordered" />
</label> </label>
</div> </div>
@@ -137,7 +144,8 @@
<div class="label"> <div class="label">
<span class="label-text">节点描述</span> <span class="label-text">节点描述</span>
</div> </div>
<textarea v-model="nodeForm.description" placeholder="介绍一下这个节点..." class="textarea textarea-bordered h-24"></textarea> <textarea v-model="nodeForm.description" placeholder="介绍一下这个节点..."
class="textarea textarea-bordered h-24"></textarea>
</label> </label>
<!-- 提交按钮 --> <!-- 提交按钮 -->
@@ -151,6 +159,10 @@
</form> </form>
</div> </div>
</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> </div>
</template> </template>
@@ -159,19 +171,35 @@
import { createNode } from '@/utils/request/api' import { createNode } from '@/utils/request/api'
import { ref } from 'vue' 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: '', name: '',
host: '', host: '',
port: 11010, port: 11010,
protocol: 'http', protocol: 'tcp',
allow_relay: true, allow_relay: true,
network_name: null as string | null, network_name: null,
network_secret: null as string | null, network_secret: null,
max_connections: 10, max_connections: 100,
region: null as string | null, region: null,
ISP: null as string | null, ISP: null,
qq_number: null as string | null, qq_number: null,
mail: null as string | null, mail: null,
description: '' description: ''
}) })
@@ -182,11 +210,11 @@ function resetForm() {
name: '', name: '',
host: '', host: '',
port: 11010, port: 11010,
protocol: 'http', protocol: 'tcp',
allow_relay: true, allow_relay: true,
network_name: null, network_name: null,
network_secret: null, network_secret: null,
max_connections: 10, max_connections: 100,
region: null, region: null,
ISP: null, ISP: null,
qq_number: null, qq_number: null,

1
vite.config.ts
View File

@@ -13,6 +13,7 @@ export default defineConfig({
tailwindcss() tailwindcss()
], ],
resolve: { resolve: {
extensions: ['.vue','.ts','.js','.json','.mjs','.cjs'],
alias: { alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)) '@': fileURLToPath(new URL('./src', import.meta.url))
}, },