From 70e64e648f4fae19c38777c19a3efa12e4239c95 Mon Sep 17 00:00:00 2001
From: CityFun <31820853+zhengkunwang223@users.noreply.github.com>
Date: Thu, 18 Dec 2025 15:41:13 +0800
Subject: [PATCH] feat: Adjust prompt for creating stream website (#11384)

---
 frontend/src/lang/modules/en.ts               |  3 +-
 frontend/src/lang/modules/es-es.ts            |  3 +-
 frontend/src/lang/modules/ja.ts               |  3 +-
 frontend/src/lang/modules/ko.ts               |  3 +-
 frontend/src/lang/modules/ms.ts               |  3 +-
 frontend/src/lang/modules/pt-br.ts            |  3 +-
 frontend/src/lang/modules/ru.ts               |  3 +-
 frontend/src/lang/modules/tr.ts               |  3 +-
 frontend/src/lang/modules/zh-Hant.ts          |  2 +-
 frontend/src/lang/modules/zh.ts               |  2 +-
 .../config/basic/load-balance/form/index.vue  |  6 ++--
 .../views/website/website/create/index.vue    |  4 +--
 frontend/src/views/website/website/index.vue  | 28 +++++++++++++------
 13 files changed, 44 insertions(+), 22 deletions(-)

diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts
index 72b8582d8..eeeafdb24 100644
--- a/frontend/src/lang/modules/en.ts
+++ b/frontend/src/lang/modules/en.ts
@@ -2739,7 +2739,8 @@ const message = {
         batchOpreateHelper: 'Batch {0} websites, continue operation?',
         stream: 'TCP/UDP Proxy',
         streamPorts: 'Listening Ports',
-        streamPortsHelper: 'Separate with commas, e.g., 3306, 3307',
+        streamPortsHelper:
+            'Set the external listening port number, clients will access the service through this port, separated by commas, e.g., 5222,5223',
         streamHelper: 'TCP/UDP Port Forwarding and Load Balancing',
     },
     php: {
diff --git a/frontend/src/lang/modules/es-es.ts b/frontend/src/lang/modules/es-es.ts
index 3c983fd7f..1a2e10120 100644
--- a/frontend/src/lang/modules/es-es.ts
+++ b/frontend/src/lang/modules/es-es.ts
@@ -2726,7 +2726,8 @@ const message = {
         batchOpreateHelper: 'Lote {0} sitios web, ¿continuar operación?',
         stream: 'Proxy TCP/UDP',
         streamPorts: 'Puertos de escucha',
-        streamPortsHelper: 'Separe con comas, por ejemplo: 3306, 3307',
+        streamPortsHelper:
+            'Configura el número de puerto de escucha externo, los clientes accederán al servicio a través de este puerto, separado por comas, p. ej., 5222,5223',
         streamHelper: 'Reenvío de Puertos y Balanceo de Carga TCP/UDP',
     },
     php: {
diff --git a/frontend/src/lang/modules/ja.ts b/frontend/src/lang/modules/ja.ts
index ecac1f023..21b6c90fe 100644
--- a/frontend/src/lang/modules/ja.ts
+++ b/frontend/src/lang/modules/ja.ts
@@ -2661,7 +2661,8 @@ const message = {
         batchOpreateHelper: 'ウェブサイトをバッチ{0}しますか？',
         stream: 'TCP/UDP プロキシ',
         streamPorts: '待ち受けポート',
-        streamPortsHelper: 'カンマで区切ってください（例：3306, 3307）',
+        streamPortsHelper:
+            '外部リスニングポート番号を設定します。クライアントはこのポートを通じてサービスにアクセスします。カンマで区切ってください。例：5222,5223',
         streamHelper: 'TCP/UDP ポート転送とロードバランシング',
     },
     php: {
diff --git a/frontend/src/lang/modules/ko.ts b/frontend/src/lang/modules/ko.ts
index f0c829bc0..491c7cb8c 100644
--- a/frontend/src/lang/modules/ko.ts
+++ b/frontend/src/lang/modules/ko.ts
@@ -2615,7 +2615,8 @@ const message = {
         batchOpreateHelper: '웹사이트를 일괄 {0}, 계속 작업하시겠습니까?',
         stream: 'TCP/UDP 프록시',
         streamPorts: '수신 포트',
-        streamPortsHelper: '쉼표로 구분하세요. 예: 3306, 3307',
+        streamPortsHelper:
+            '외부 수신 포트 번호를 설정합니다. 클라이언트는 이 포트를 통해 서비스에 액세스합니다. 쉼표로 구분하세요. 예: 5222,5223',
         streamHelper: 'TCP/UDP 포트 포워딩 및 로드 밸런싱',
     },
     php: {
diff --git a/frontend/src/lang/modules/ms.ts b/frontend/src/lang/modules/ms.ts
index 45d7dbf1e..917b73cbf 100644
--- a/frontend/src/lang/modules/ms.ts
+++ b/frontend/src/lang/modules/ms.ts
@@ -2719,7 +2719,8 @@ const message = {
         batchOpreateHelper: 'Pukal {0} laman web, teruskan operasi?',
         stream: 'Proksi TCP/UDP',
         streamPorts: 'Port Mendengar',
-        streamPortsHelper: 'Sila asingkan dengan koma, contoh: 3306, 3307',
+        streamPortsHelper:
+            'Tetapkan nombor port pendengaran luaran, pelanggan akan mengakses perkhidmatan melalui port ini, dipisahkan dengan koma, cth., 5222,5223',
         streamHelper: 'Penerusan Port dan Pengimbangan Beban TCP/UDP',
     },
     php: {
diff --git a/frontend/src/lang/modules/pt-br.ts b/frontend/src/lang/modules/pt-br.ts
index cbbf59a8b..28dc4fcf6 100644
--- a/frontend/src/lang/modules/pt-br.ts
+++ b/frontend/src/lang/modules/pt-br.ts
@@ -2724,7 +2724,8 @@ const message = {
         batchOpreateHelper: 'Lote {0} sites, continuar operação?',
         stream: 'Proxy TCP/UDP',
         streamPorts: 'Portas de escuta',
-        streamPortsHelper: 'Separe por vírgulas, por exemplo: 3306, 3307',
+        streamPortsHelper:
+            'Defina o número da porta de escuta externa, os clientes acessarão o serviço através desta porta, separados por vírgulas, por exemplo: 5222,5223',
         streamHelper: 'Encaminhamento de Portas e Balanceamento de Carga TCP/UDP',
     },
     php: {
diff --git a/frontend/src/lang/modules/ru.ts b/frontend/src/lang/modules/ru.ts
index d1cb37480..a4cd87e0f 100644
--- a/frontend/src/lang/modules/ru.ts
+++ b/frontend/src/lang/modules/ru.ts
@@ -2719,7 +2719,8 @@ const message = {
         batchOpreateHelper: 'Пакетное {0} веб-сайтов, продолжить операцию?',
         stream: 'Прокси TCP/UDP',
         streamPorts: 'Порты прослушивания',
-        streamPortsHelper: 'Разделяйте запятыми, например: 3306, 3307',
+        streamPortsHelper:
+            'Установите номер внешнего порта прослушивания, клиенты будут получать доступ к службе через этот порт, разделяйте запятыми, например: 5222,5223',
         streamHelper: 'Перенаправление портов и балансировка нагрузки TCP/UDP',
     },
     php: {
diff --git a/frontend/src/lang/modules/tr.ts b/frontend/src/lang/modules/tr.ts
index 47bb29bde..703aa95bc 100644
--- a/frontend/src/lang/modules/tr.ts
+++ b/frontend/src/lang/modules/tr.ts
@@ -2777,7 +2777,8 @@ const message = {
         batchOpreateHelper: 'Toplu {0} web siteleri, işlemi devam ettir?',
         stream: 'TCP/UDP Proxy',
         streamPorts: 'Dinleme Portları',
-        streamPortsHelper: 'Virgülle ayırın, örneğin: 3306, 3307',
+        streamPortsHelper:
+            'Harici dinleme bağlantı noktası numarasını ayarlayın, istemciler bu bağlantı noktası üzerinden hizmete erişecektir, virgülle ayırın, örn.: 5222,5223',
         streamHelper: 'TCP/UDP Port Yönlendirme ve Yük Dengeleme',
     },
     php: {
diff --git a/frontend/src/lang/modules/zh-Hant.ts b/frontend/src/lang/modules/zh-Hant.ts
index 8ab1714a3..92f18d4b4 100644
--- a/frontend/src/lang/modules/zh-Hant.ts
+++ b/frontend/src/lang/modules/zh-Hant.ts
@@ -2548,7 +2548,7 @@ const message = {
         batchOpreateHelper: '批次{0}網站，是否繼續操作？',
         stream: 'TCP/UDP 代理',
         streamPorts: '監聽端口',
-        streamPortsHelper: '請用逗號分隔，例如：3306，3307',
+        streamPortsHelper: '設定對外監聽的埠號，客戶端將透過此埠存取服務，按逗號分割，例如：5222,5223',
         streamHelper: 'TCP/UDP 端口轉發與負載均衡',
     },
     php: {
diff --git a/frontend/src/lang/modules/zh.ts b/frontend/src/lang/modules/zh.ts
index 0a578feea..0b5d2dda6 100644
--- a/frontend/src/lang/modules/zh.ts
+++ b/frontend/src/lang/modules/zh.ts
@@ -2545,7 +2545,7 @@ const message = {
         batchOpreateHelper: '批量{0}网站，是否继续操作？',
         stream: 'TCP/UDP 代理',
         streamPorts: '监听端口',
-        streamPortsHelper: '请按逗号分割，例如：3306，3307',
+        streamPortsHelper: '设置对外监听的端口号，客户端将通过此端口访问服务，按逗号分割，例如：5222,5223',
         streamHelper: 'TCP/UDP 端口转发与负载均衡',
     },
     php: {
diff --git a/frontend/src/views/website/website/config/basic/load-balance/form/index.vue b/frontend/src/views/website/website/config/basic/load-balance/form/index.vue
index 686163293..414c4532d 100644
--- a/frontend/src/views/website/website/config/basic/load-balance/form/index.vue
+++ b/frontend/src/views/website/website/config/basic/load-balance/form/index.vue
@@ -44,7 +44,7 @@
                             >
                                 <el-input
                                     v-model="formData.servers[index].server"
-                                    :placeholder="'example.com:8080'"
+                                    :placeholder="type === 'stream' ? '127.0.0.1:3306' : '127.0.0.1:8080'"
                                     @input="handleChange"
                                 ></el-input>
                             </el-form-item>
@@ -181,10 +181,12 @@ interface LoadBalanceFormData {
 interface Props {
     modelValue: LoadBalanceFormData;
     disabled?: boolean;
+    type?: string;
 }
 
 const props = withDefaults(defineProps<Props>(), {
     disabled: false,
+    type: 'loadbanlance',
 });
 
 const emit = defineEmits<{
@@ -211,7 +213,7 @@ const rules = ref<any>({
     failTimeout: [checkNumberRange(0, 300)],
 });
 
-const Algorithms = getAlgorithms('stream');
+const Algorithms = getAlgorithms(props.type);
 
 const helper = ref();
 const getHelper = (key: string) => {
diff --git a/frontend/src/views/website/website/create/index.vue b/frontend/src/views/website/website/create/index.vue
index 35de7bd88..283049221 100644
--- a/frontend/src/views/website/website/create/index.vue
+++ b/frontend/src/views/website/website/create/index.vue
@@ -177,7 +177,7 @@
                     </el-text>
                 </div>
 
-                <el-divider content-position="left">
+                <el-divider content-position="left" v-if="website.type !== 'stream'">
                     <el-text type="info" size="small">{{ $t('website.domain') }}</el-text>
                 </el-divider>
                 <div v-if="website.type === 'stream'">
@@ -207,7 +207,7 @@
                     <el-checkbox v-model="website.IPV6" :label="$t('website.ipv6')" size="large" />
                 </el-form-item>
                 <div v-if="website.type == 'stream'">
-                    <LoadBalanceForm ref="lbFormRef" v-model="steamConfig" :disabled="true" />
+                    <LoadBalanceForm ref="lbFormRef" v-model="steamConfig" :disabled="true" type="stream" />
                 </div>
                 <div v-else>
                     <el-form-item prop="enableSSL">
diff --git a/frontend/src/views/website/website/index.vue b/frontend/src/views/website/website/index.vue
index b72614b86..6d7610253 100644
--- a/frontend/src/views/website/website/index.vue
+++ b/frontend/src/views/website/website/index.vue
@@ -124,13 +124,25 @@
                     </el-table-column>
                     <el-table-column :label="$t('commons.table.status')" prop="status" width="120px" sortable>
                         <template #default="{ row }">
-                            <Status
-                                v-if="row.status === 'Running'"
-                                :operate="true"
-                                :status="row.status"
-                                @click="operateWebsite('stop', row)"
-                            />
-                            <Status v-else :status="row.status" :operate="true" @click="operateWebsite('start', row)" />
+                            <span v-if="row.type === 'stream'">
+                                <el-text type="success">
+                                    {{ $t('commons.status.' + row.status.toLocaleLowerCase()) }}
+                                </el-text>
+                            </span>
+                            <span v-else>
+                                <Status
+                                    v-if="row.status === 'Running'"
+                                    :operate="true"
+                                    :status="row.status"
+                                    @click="operateWebsite('stop', row)"
+                                />
+                                <Status
+                                    v-else
+                                    :status="row.status"
+                                    :operate="true"
+                                    @click="operateWebsite('start', row)"
+                                />
+                            </span>
                         </template>
                     </el-table-column>
 
@@ -265,7 +277,7 @@
         <TaskLog ref="taskLogRef" @close="search" />
         <OpDialog ref="opRef" @search="openTaskLog" />
         <BatchSetGroup ref="batchSetGroupRef" @close="search" />
-        <BatchSetHttps ref="batchSetHttpsRef" @openTask="openTaskLog" />
+        <BatchSetHttps ref="batchSetHttpsRef" @open-task="openTaskLog" />
     </div>
 </template>