From ca309dbf421e577589a53cec15d70f79b1c2926c Mon Sep 17 00:00:00 2001
From: mrlee <470349233@qq.com>
Date: Wed, 23 Sep 2026 15:44:45 +0800
Subject: [PATCH] =?UTF-8?q?feat(web):=20=E5=85=AC=E7=BD=91=E5=8F=8D?=
 =?UTF-8?q?=E4=BB=A3=E9=A1=B5=E5=8D=8F=E8=AE=AE=E5=88=97=E6=8C=89=E5=90=AF?=
 =?UTF-8?q?=E7=94=A8=20HTTPS=20=E8=87=AA=E5=8A=A8=E8=AF=86=E5=88=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 protocolOf()：从规则 options 的 https_disabled 反推入口协议（规则 type 恒为 http，不能代表入口协议）
- 协议列改用 StatusBadge：HTTPS 绿色 / HTTP 灰色，悬停说明 443 终结 TLS 与是否强制 301 跳转
- 列宽 80→90，scroll-x 1780→1790
---
 web/src/views/ProxyRemoteView.vue | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/web/src/views/ProxyRemoteView.vue b/web/src/views/ProxyRemoteView.vue
index 85ebaec..dc533f3 100644
--- a/web/src/views/ProxyRemoteView.vue
+++ b/web/src/views/ProxyRemoteView.vue
@@ -135,7 +135,7 @@
               :data="candidates"
               :bordered="false"
               size="small"
-              :scroll-x="1780"
+              :scroll-x="1790"
               :row-key="(row: FrpProxy) => row.id"
             />
           </div>
@@ -523,6 +523,19 @@ function openDomain(candidate: FrpProxy, domain: string) {
   window.open(`${candidate.type === 'https' ? 'https' : 'http'}://${domain}`, '_blank', 'noopener')
 }
 
+// 协议：公网反代的规则 type 恒为 http，入口协议由部署设置的「启用 HTTPS」决定，故按 options 自动识别
+function protocolOf(candidate: FrpProxy) {
+  const httpsEnabled = !(candidate.options?.https_disabled ?? false)
+  const redirect = candidate.options?.redirect_https ?? false
+  return {
+    label: httpsEnabled ? 'HTTPS' : 'HTTP',
+    kind: (httpsEnabled ? 'success' : 'disabled') as BadgeKind,
+    detail: httpsEnabled
+      ? `443 由 Nginx 终结 TLS${redirect ? '，且 80 端口强制 301 跳转' : '，80 端口同时可用'}`
+      : '仅 80 端口明文提供服务（部署设置里未启用 HTTPS）',
+  }
+}
+
 // 采集失败时把原因挂到四个流量单元格的 title 上，不再单占一列
 function trafficErrorOf(candidate: FrpProxy) {
   return trafficErrors.value[String(candidate.id)] || undefined
@@ -548,8 +561,11 @@ const columns = computed<DataTableColumns<FrpProxy>>(() => [
     ]),
   },
   {
-    title: '协议', key: 'protocol', width: 80,
-    render: (row) => h('span', { class: 'mono' }, row.type.toUpperCase()),
+    title: '协议', key: 'protocol', width: 90,
+    render: (row) => {
+      const protocol = protocolOf(row)
+      return h('span', { title: protocol.detail }, [h(StatusBadge, { kind: protocol.kind, text: protocol.label })])
+    },
   },
   {
     title: '上游 / 回源', key: 'upstream', width: 200,