From c24347cbcf26b24c2f5435b99888d040ec04de93 Mon Sep 17 00:00:00 2001
From: lxh2875931338 <lxh2875931338@outlook.com>
Date: Mon, 3 Aug 2026 21:42:03 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BB=E7=95=8C=E9=9D=A2=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E4=BD=8D=E7=BD=AE=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/index.html | 60 ++++++++++++++++++++++++-----------------------
 1 file changed, 31 insertions(+), 29 deletions(-)

diff --git a/static/index.html b/static/index.html
index 5ced711..9649269 100644
--- a/static/index.html
+++ b/static/index.html
@@ -100,7 +100,8 @@
                                 <!-- Ping 延迟显示 -->
                                 <span class="ping-display" :class="pingStatusClass">
                                     <span class="ping-icon" v-html="pingIcon"></span>
-                                    <span class="ping-value">{{ pingLatency !== null ? pingLatency + 'ms' : '--ms' }}</span>
+                                    <span class="ping-value">{{ pingLatency !== null ? pingLatency + 'ms' : '--ms'
+                                        }}</span>
                                 </span>
                             </span>
                         </div>
@@ -343,34 +344,7 @@
                 </div> <!-- /content-area -->
 
                 <!-- ====== 弹窗 ====== -->
-                <Transition name="dialog">
-                    <div v-if="dialogVisible" class="dialog-overlay" @click.self="dialogVisible = false">
-                        <div class="dialog-card">
-                            <h3>{{ dialogMode === 'add' ? '新增隧道' : '编辑隧道' }}</h3>
-                            <div class="dialog-form">
-                                <div class="form-row"><label>名称</label><input v-model="dialogForm.name" /></div>
-                                <div class="form-row">
-                                    <label>类型</label>
-                                    <select v-model="dialogForm.type">
-                                        <option value="tcp">tcp</option>
-                                        <option value="udp">udp</option>
-                                        <option value="http">http</option>
-                                        <option value="https">https</option>
-                                    </select>
-                                </div>
-                                <div class="form-row"><label>本地 IP</label><input v-model="dialogForm.localIP" /></div>
-                                <div class="form-row"><label>本地端口</label><input type="number" v-model="dialogForm.localPort" />
-                                </div>
-                                <div class="form-row"><label>远程端口</label><input type="number" v-model="dialogForm.remotePort" />
-                                </div>
-                            </div>
-                            <div class="dialog-actions">
-                                <button class="btn-cancel" @click="dialogVisible = false">取消</button>
-                                <button class="btn-confirm" @click="confirmDialog">确认</button>
-                            </div>
-                        </div>
-                    </div>
-                </Transition>
+
 
             </div> <!-- /main-panel -->
         </div> <!-- /app-container -->
@@ -378,6 +352,34 @@
         <!-- 隐藏文件选择器 -->
         <input type="file" id="tomlFileInput" accept=".toml" style="display:none" @change="handleImport" />
 
+        <Transition name="dialog">
+            <div v-if="dialogVisible" class="dialog-overlay" @click.self="dialogVisible = false">
+                <div class="dialog-card">
+                    <h3>{{ dialogMode === 'add' ? '新增隧道' : '编辑隧道' }}</h3>
+                    <div class="dialog-form">
+                        <div class="form-row"><label>名称</label><input v-model="dialogForm.name" /></div>
+                        <div class="form-row">
+                            <label>类型</label>
+                            <select v-model="dialogForm.type">
+                                <option value="tcp">tcp</option>
+                                <option value="udp">udp</option>
+                                <option value="http">http</option>
+                                <option value="https">https</option>
+                            </select>
+                        </div>
+                        <div class="form-row"><label>本地 IP</label><input v-model="dialogForm.localIP" /></div>
+                        <div class="form-row"><label>本地端口</label><input type="number" v-model="dialogForm.localPort" />
+                        </div>
+                        <div class="form-row"><label>远程端口</label><input type="number" v-model="dialogForm.remotePort" />
+                        </div>
+                    </div>
+                    <div class="dialog-actions">
+                        <button class="btn-cancel" @click="dialogVisible = false">取消</button>
+                        <button class="btn-confirm" @click="confirmDialog">确认</button>
+                    </div>
+                </div>
+            </div>
+        </Transition>
     </div> <!-- /#app -->
 
     <script src="/static/app.js"></script>