From 22bb48c27494290eb455f16bdb921fc6c362a09d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=98=89=E4=BC=9F?= <8473136@qq.com>
Date: Sat, 17 Aug 2024 00:34:23 +0800
Subject: [PATCH] =?UTF-8?q?:lipstick:=20stcp=E7=95=8C=E9=9D=A2=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/proxy/index.vue | 52 ++++++++++++++++++++++++++++++++++++---
 1 file changed, 49 insertions(+), 3 deletions(-)

diff --git a/src/views/proxy/index.vue b/src/views/proxy/index.vue
index 8e14599..0adebd9 100644
--- a/src/views/proxy/index.vue
+++ b/src/views/proxy/index.vue
@@ -331,6 +331,21 @@ onUnmounted(() => {
                   </div>
                   <div class="h-12 relative">
                     <div class="text-sm font-bold">{{ proxy.name }}</div>
+                    <el-tag
+                      v-if="
+                        proxy.type === 'stcp' && proxy.stcpModel === 'visitors'
+                      "
+                      size="small"
+                    >
+                      访问者
+                    </el-tag>
+                    <el-tag
+                      size="small"
+                      v-if="
+                        proxy.type === 'stcp' && proxy.stcpModel === 'visited'
+                      "
+                      >被访问者
+                    </el-tag>
                     <!--                    <el-tag-->
                     <!--                      size="small"-->
                     <!--                      class="absolute bottom-0"-->
@@ -370,18 +385,49 @@ onUnmounted(() => {
                 </div>
               </div>
               <div class="flex justify-between mt-4">
-                <div class="text-sm text-left">
+                <div
+                  class="text-sm text-left"
+                  v-if="proxy.type !== 'stcp' || proxy.stcpModel !== 'visitors'"
+                >
                   <p class="text-[#ADADAD] font-bold">内网地址</p>
                   <p>{{ proxy.localIp }}</p>
                 </div>
+
                 <div class="text-sm text-center" v-if="proxy.type === 'tcp'">
                   <p class="text-[#ADADAD] font-bold">外网端口</p>
                   <p>{{ proxy.remotePort }}</p>
                 </div>
-                <div class="text-sm text-center">
+                <div
+                  class="text-sm text-center"
+                  v-if="proxy.type !== 'stcp' || proxy.stcpModel !== 'visitors'"
+                >
                   <p class="text-[#ADADAD] font-bold">内网端口</p>
                   <p>{{ proxy.localPort }}</p>
                 </div>
+
+                <div
+                  class="text-sm text-center"
+                  v-if="proxy.type === 'stcp' && proxy.stcpModel === 'visitors'"
+                >
+                  <p class="text-[#ADADAD] font-bold">访问者名称</p>
+                  <p>{{ proxy.serverName }}</p>
+                </div>
+
+                <div
+                  class="text-sm text-center"
+                  v-if="proxy.type === 'stcp' && proxy.stcpModel === 'visitors'"
+                >
+                  <p class="text-[#ADADAD] font-bold">绑定地址</p>
+                  <p>{{ proxy.bindAddr }}</p>
+                </div>
+
+                <div
+                  class="text-sm text-center"
+                  v-if="proxy.type === 'stcp' && proxy.stcpModel === 'visitors'"
+                >
+                  <p class="text-[#ADADAD] font-bold">绑定端口</p>
+                  <p>{{ proxy.bindPort }}</p>
+                </div>
               </div>
               <!--            <div class="text-sm text-[#ADADAD] py-2">本地地址 本地端口</div>-->
             </div>
@@ -792,7 +838,7 @@ onUnmounted(() => {
 }
 
 .stcp {
-  background: #D63DA6;
+  background: #d63da6;
 }
 
 .domain-input {