From e316f0daf5fe01a9e717c4857661cdb4fca73edf Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 16 Apr 2025 11:30:52 +0800
Subject: [PATCH 01/75] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=20vue-i18n=20?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96=E4=BE=9D=E8=B5=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/package.json |  1 +
 ui/yarn.lock    | 54 ++++++++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 54 insertions(+), 1 deletion(-)

diff --git a/ui/package.json b/ui/package.json
index 4c0c90c14..a8ce38c11 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -31,6 +31,7 @@
     "uuid": "^8.3.2",
     "vue": "^3.0.5",
     "vue-clipboard3": "^1.0.1",
+    "vue-i18n": "9.0.0",
     "vue-router": "^4.0.5",
     "vuex": "^4.0.0",
     "yaml": "^2.0.0-5"
diff --git a/ui/yarn.lock b/ui/yarn.lock
index 5097e0b44..18a7de430 100644
--- a/ui/yarn.lock
+++ b/ui/yarn.lock
@@ -514,6 +514,44 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
+"@intlify/core-base@9.0.0":
+  version "9.0.0"
+  resolved "https://registry.npmmirror.com/@intlify/core-base/-/core-base-9.0.0.tgz#3de223b8532c535d022e5be58f7d56a26d2fb12f"
+  integrity sha512-dxqakT94EV2bFshG3LENQUPWX9yJFCga1BOwJ6mz7J8LnAYVB9Kxw7NRyE2ybN31USW2IUTQH6WWR1yDbCiefQ==
+  dependencies:
+    "@intlify/message-compiler" "9.0.0"
+    "@intlify/message-resolver" "9.0.0"
+    "@intlify/runtime" "9.0.0"
+    "@intlify/shared" "9.0.0"
+
+"@intlify/message-compiler@9.0.0":
+  version "9.0.0"
+  resolved "https://registry.npmmirror.com/@intlify/message-compiler/-/message-compiler-9.0.0.tgz#8a1079f8aebcde33057ce769817691ce27ad3e0d"
+  integrity sha512-3oiLj+8z6koRYJwknazjilBsrqnJEAJywr/t39MYVy2yPmwOI1+NDfdDwM9U3ioA2RvsQEUICqW8gmjq1YIElw==
+  dependencies:
+    "@intlify/message-resolver" "9.0.0"
+    "@intlify/shared" "9.0.0"
+    source-map "0.6.1"
+
+"@intlify/message-resolver@9.0.0":
+  version "9.0.0"
+  resolved "https://registry.npmmirror.com/@intlify/message-resolver/-/message-resolver-9.0.0.tgz#0077ec24606b6486d238bdef9044e27729f4782c"
+  integrity sha512-LVK4cwu1l33yvBy0UQkEdXm6pZUcbbiparobruJXz+U8jRTmYHBprN59j59YKXEKcV43cHfzNveaQIm84bgxvQ==
+
+"@intlify/runtime@9.0.0":
+  version "9.0.0"
+  resolved "https://registry.npmmirror.com/@intlify/runtime/-/runtime-9.0.0.tgz#bf9415ff90c746a9be38a5c32f71cbbe9848eee8"
+  integrity sha512-UqCKduZezb5/qA+XPRfHVvXoLmhnQ8iKMyCh0Lg3ZwjW2vOMep/AgZU3T9cgESe67r4buPYHs7nOBSHbTdjNxg==
+  dependencies:
+    "@intlify/message-compiler" "9.0.0"
+    "@intlify/message-resolver" "9.0.0"
+    "@intlify/shared" "9.0.0"
+
+"@intlify/shared@9.0.0":
+  version "9.0.0"
+  resolved "https://registry.npmmirror.com/@intlify/shared/-/shared-9.0.0.tgz#d85b3b5f9033f377c5cf2202cf2459aa49948f36"
+  integrity sha512-0r4v7dnY8g/Jfx2swUWy2GyfH/WvIpWvkU4OIupvxDTWiE8RhcpbOCVvqpVh/xGi0proHQ/r2Dhc0QSItUsfDQ==
+
 "@jridgewell/resolve-uri@^3.0.3":
   version "3.1.0"
   resolved "https://registry.npmmirror.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78"
@@ -774,6 +812,11 @@
     "@vue/compiler-dom" "3.0.11"
     "@vue/shared" "3.0.11"
 
+"@vue/devtools-api@^6.0.0-beta.5":
+  version "6.6.4"
+  resolved "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz#cbe97fe0162b365edc1dba80e173f90492535343"
+  integrity sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==
+
 "@vue/eslint-config-prettier@^7.0.0":
   version "7.0.0"
   resolved "https://registry.npmmirror.com/@vue/eslint-config-prettier/-/eslint-config-prettier-7.0.0.tgz#44ab55ca22401102b57795c59428e9dade72be34"
@@ -3367,7 +3410,7 @@ smart-tagz@^0.2.0:
   dependencies:
     vue-feather-icons "^5.1.0"
 
-source-map@^0.6.1, source-map@~0.6.0:
+source-map@0.6.1, source-map@^0.6.1, source-map@~0.6.0:
   version "0.6.1"
   resolved "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
@@ -3777,6 +3820,15 @@ vue-feather-icons@^5.1.0:
   dependencies:
     babel-helper-vue-jsx-merge-props "^2.0.2"
 
+vue-i18n@9.0.0:
+  version "9.0.0"
+  resolved "https://registry.npmmirror.com/vue-i18n/-/vue-i18n-9.0.0.tgz#a04c41d5ed3d5a068e923517bfaa0abcbc84e174"
+  integrity sha512-iks0eJDv/4cK/7tl/ooMUroNVVIGOK4kKS1PIHmPQk7QjT/sDfFM84vjPKgpARbw0GjJsOiADL43jufNfs9e9A==
+  dependencies:
+    "@intlify/core-base" "9.0.0"
+    "@intlify/shared" "9.0.0"
+    "@vue/devtools-api" "^6.0.0-beta.5"
+
 vue-router@^4.0.5:
   version "4.0.6"
   resolved "https://registry.npmmirror.com/vue-router/-/vue-router-4.0.6.tgz#91750db507d26642f225b0ec6064568e5fe448d6"
-- 
Gitee


From 90f9968e4d1aceade02d0a9ef88006b6f57cbcf3 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 16 Apr 2025 11:34:11 +0800
Subject: [PATCH 02/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0=E5=9B=BD?=
 =?UTF-8?q?=E9=99=85=E5=8C=96=E9=80=BB=E8=BE=91=EF=BC=8C=E9=9B=86=E6=88=90?=
 =?UTF-8?q?=20vue-i18n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts | 36 ++++++++++++++++++++++++++++++++++++
 ui/src/main.ts          |  7 +++----
 ui/src/utils/i18n.ts    | 16 ++++++++++++++++
 3 files changed, 55 insertions(+), 4 deletions(-)
 create mode 100644 ui/src/locales/index.ts
 create mode 100644 ui/src/utils/i18n.ts

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
new file mode 100644
index 000000000..688300b74
--- /dev/null
+++ b/ui/src/locales/index.ts
@@ -0,0 +1,36 @@
+import { createI18n } from 'vue-i18n';
+
+const messages = {
+  zh: {
+    top: {
+      logout: '退出',
+      language: '语言设置',
+    },
+  },
+
+  en: {
+    top: {
+      logout: 'Logout',
+      language: 'Language',
+    },
+  },
+};
+
+const getDefaultLocale = () => {
+  const saved = localStorage.getItem('JianmuLang');
+  if (saved) return saved;
+
+  const browserLang = navigator.language.split('-')[0];
+  const supportedLangs = ['zh', 'en'];
+  const lang = supportedLangs.includes(browserLang) ? browserLang : 'zh';
+  localStorage.setItem('JianmuLang', lang);
+  return lang;
+};
+
+const i18n = createI18n({
+  locale: getDefaultLocale(),
+  fallbackLocale: 'zh',
+  messages,
+});
+
+export default i18n;
diff --git a/ui/src/main.ts b/ui/src/main.ts
index 147442989..2f37b3298 100644
--- a/ui/src/main.ts
+++ b/ui/src/main.ts
@@ -9,7 +9,7 @@ import { globalErrorHandler } from './utils/global-error-handler';
 import './utils/operation-btn-position.ts';
 // 安装百度统计
 import './utils/baidu-tongji.ts';
-
+import i18n from './locales';
 // 打印环境变量，用于调试
 console.debug(import.meta.env);
 const app = createApp(App);
@@ -21,10 +21,9 @@ app.use(components);
 app.use(router);
 // 安装vuex
 app.use(store);
-
+app.use(i18n);
 // 注册全局异常处理方法
-app.config.errorHandler = (err, instance, info) =>
-  globalErrorHandler(err as Error, instance, info, router, store);
+app.config.errorHandler = (err, instance, info) => globalErrorHandler(err as Error, instance, info, router, store);
 app.config.globalProperties.$throw = (err: Error, instance: ComponentPublicInstance | null) =>
   globalErrorHandler(err, instance, null, router, store);
 
diff --git a/ui/src/utils/i18n.ts b/ui/src/utils/i18n.ts
new file mode 100644
index 000000000..515520c7b
--- /dev/null
+++ b/ui/src/utils/i18n.ts
@@ -0,0 +1,16 @@
+import { useI18n } from 'vue-i18n';
+
+export function useLocale() {
+  const { locale, t } = useI18n();
+
+  const handleLocaleChange = (lang: string) => {
+    locale.value = lang;
+    localStorage.setItem('JianmuLang', lang);
+  };
+
+  return {
+    t,
+    locale,
+    handleLocaleChange,
+  };
+}
-- 
Gitee


From d48e10dbeccdc1d06893b17703fd68a689d10b75 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 16 Apr 2025 11:37:06 +0800
Subject: [PATCH 03/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0=E5=9B=BD?=
 =?UTF-8?q?=E9=99=85=E5=8C=96=E9=80=BB=E8=BE=91=EF=BC=8C=E9=9B=86=E6=88=90?=
 =?UTF-8?q?=20vue-i18n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

-- 
Gitee


From 4e6492d0fcf08721eefea98774aa00ca1b918ca7 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 16 Apr 2025 11:38:12 +0800
Subject: [PATCH 04/75] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E8=AF=AD?=
 =?UTF-8?q?=E8=A8=80=E5=88=87=E6=8D=A2=E8=8F=9C=E5=8D=95=E5=92=8C=E5=9B=BD?=
 =?UTF-8?q?=E9=99=85=E5=8C=96=E6=96=87=E6=9C=AC=E6=B8=B2=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/views/nav/top.vue | 31 +++++++++++++++++++++++++++++--
 1 file changed, 29 insertions(+), 2 deletions(-)

diff --git a/ui/src/views/nav/top.vue b/ui/src/views/nav/top.vue
index 64a061a00..a481b3888 100644
--- a/ui/src/views/nav/top.vue
+++ b/ui/src/views/nav/top.vue
@@ -47,7 +47,30 @@
         </span>
         <template #dropdown>
           <jm-dropdown-menu>
-            <jm-dropdown-item @click="logout">退出</jm-dropdown-item>
+            <jm-dropdown trigger="click" placement="bottom-end">
+              <jm-dropdown-item>
+                <span>
+                  {{ t('top.language') }}
+                  <span style="margin-left: 10px">{{ locale === 'zh' ? '简体中文' : 'English' }}</span>
+                </span>
+                <i class="el-icon-arrow-down el-icon--right"></i>
+              </jm-dropdown-item>
+              <template #dropdown>
+                <jm-dropdown-menu>
+                  <jm-dropdown-item
+                    @click="handleLocaleChange('zh')"
+                    :style="locale === 'zh' ? 'color: #3A8AE1; background: #ECF5FF' : ''"
+                    >简体中文</jm-dropdown-item
+                  >
+                  <jm-dropdown-item
+                    @click="handleLocaleChange('en')"
+                    :style="locale === 'en' ? 'color: #3A8AE1; background: #ECF5FF' : ''"
+                    >English</jm-dropdown-item
+                  >
+                </jm-dropdown-menu>
+              </template>
+            </jm-dropdown>
+            <jm-dropdown-item @click="logout">{{ t('top.logout') }}</jm-dropdown-item>
           </jm-dropdown-menu>
         </template>
       </jm-dropdown>
@@ -66,11 +89,12 @@ import { ISessionVo } from '@/api/dto/session';
 import { version as v } from '@/../package.json';
 import { IRootState } from '@/model';
 import { IVersionVo } from '@/api/dto/common';
-
+import { useLocale } from '@/utils/i18n';
 const { mapMutations } = createNamespacedHelpers(namespace);
 
 export default defineComponent({
   setup() {
+    const { t, locale, handleLocaleChange } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const router = useRouter();
     const store = useStore();
@@ -94,6 +118,9 @@ export default defineComponent({
     });
 
     return {
+      t,
+      locale,
+      handleLocaleChange,
       authMode,
       loaded,
       loginType,
-- 
Gitee


From f59ac3004cafaa20563c51875a500d4705ac9fd4 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 16 Apr 2025 14:14:35 +0800
Subject: [PATCH 05/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0=E5=BA=95?=
 =?UTF-8?q?=E9=83=A8=E5=AF=BC=E8=88=AA=E6=96=87=E6=9C=AC=E5=9B=BD=E9=99=85?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts      | 12 ++++++++++++
 ui/src/views/nav/bottom2.vue | 12 +++++-------
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 688300b74..30e759466 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -6,6 +6,12 @@ const messages = {
       logout: '退出',
       language: '语言设置',
     },
+    bottom2: {
+      project: '木兰社区孵化项目',
+      about: '关于建木',
+      manual: '使用手册',
+      contact: '联系我们',
+    },
   },
 
   en: {
@@ -13,6 +19,12 @@ const messages = {
       logout: 'Logout',
       language: 'Language',
     },
+    bottom2: {
+      project: 'Mulan Incubator',
+      about: 'About Jianmu',
+      manual: 'Documentation',
+      contact: 'Contact Us',
+    },
   },
 };
 
diff --git a/ui/src/views/nav/bottom2.vue b/ui/src/views/nav/bottom2.vue
index 3dfb3053d..8abfdd02a 100644
--- a/ui/src/views/nav/bottom2.vue
+++ b/ui/src/views/nav/bottom2.vue
@@ -1,14 +1,12 @@
 <template>
   <div class="bottom-nav">
-    <a href="https://portal.mulanos.cn" target="_blank" class="mulan"
-    >木兰社区孵化项目</a
-    >
+    <a href="https://portal.mulanos.cn" target="_blank" class="mulan">{{ $t('bottom2.project') }}</a>
     <i class="line"></i>
-    <a href="https://jianmu.dev" target="_blank">关于建木</a>
+    <a href="https://jianmu.dev" target="_blank">{{ $t('bottom2.about') }}</a>
     <i class="line"></i>
-    <a href="https://v2.jianmu.dev" target="_blank">使用手册</a>
+    <a href="https://v2.jianmu.dev" target="_blank">{{ $t('bottom2.manual') }}</a>
     <i class="line"></i>
-    <a href="mailto:support@jianmu.dev">联系我们</a>
+    <a href="mailto:support@jianmu.dev">{{ $t('bottom2.contact') }}</a>
   </div>
 </template>
 
@@ -45,7 +43,7 @@ export default defineComponent({
   .line {
     width: 1px;
     height: 14px;
-    background: #B9CFE6;
+    background: #b9cfe6;
   }
 
   .mulan {
-- 
Gitee


From b75c195c900f6f6b1fdbbf005e91d09eefbe41db Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 16 Apr 2025 14:23:55 +0800
Subject: [PATCH 06/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0=E5=BA=95?=
 =?UTF-8?q?=E9=83=A8=E5=AF=BC=E8=88=AA=E6=96=87=E6=9C=AC=E5=9B=BD=E9=99=85?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts      |  4 ++--
 ui/src/views/nav/bottom.vue  | 10 ++++------
 ui/src/views/nav/bottom2.vue |  8 ++++----
 3 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 30e759466..6d42cce34 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -6,7 +6,7 @@ const messages = {
       logout: '退出',
       language: '语言设置',
     },
-    bottom2: {
+    bottom: {
       project: '木兰社区孵化项目',
       about: '关于建木',
       manual: '使用手册',
@@ -19,7 +19,7 @@ const messages = {
       logout: 'Logout',
       language: 'Language',
     },
-    bottom2: {
+    bottom: {
       project: 'Mulan Incubator',
       about: 'About Jianmu',
       manual: 'Documentation',
diff --git a/ui/src/views/nav/bottom.vue b/ui/src/views/nav/bottom.vue
index 9e4c67836..37114caa3 100644
--- a/ui/src/views/nav/bottom.vue
+++ b/ui/src/views/nav/bottom.vue
@@ -1,12 +1,10 @@
 <template>
   <div v-if="true"></div>
   <div v-else class="bottom-nav">
-    <a href="https://portal.mulanos.cn" target="_blank" class="mulan"
-    >木兰社区孵化项目</a
-    >
-    <a href="https://jianmu.dev" target="_blank">关于建木</a>
-    <a href="https://v2.jianmu.dev" target="_blank">使用手册</a>
-    <a href="mailto:support@jianmu.dev">联系我们</a>
+    <a href="https://portal.mulanos.cn" target="_blank" class="mulan">{{ $t('bottom.project') }}</a>
+    <a href="https://jianmu.dev" target="_blank"> {{ $t('bottom.about') }}</a>
+    <a href="https://v2.jianmu.dev" target="_blank">{{ $t('bottom.manual') }}</a>
+    <a href="mailto:support@jianmu.dev">{{ $t('bottom.contact') }}</a>
   </div>
 </template>
 
diff --git a/ui/src/views/nav/bottom2.vue b/ui/src/views/nav/bottom2.vue
index 8abfdd02a..be4c003b0 100644
--- a/ui/src/views/nav/bottom2.vue
+++ b/ui/src/views/nav/bottom2.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="bottom-nav">
-    <a href="https://portal.mulanos.cn" target="_blank" class="mulan">{{ $t('bottom2.project') }}</a>
+    <a href="https://portal.mulanos.cn" target="_blank" class="mulan">{{ $t('bottom.project') }}</a>
     <i class="line"></i>
-    <a href="https://jianmu.dev" target="_blank">{{ $t('bottom2.about') }}</a>
+    <a href="https://jianmu.dev" target="_blank">{{ $t('bottom.about') }}</a>
     <i class="line"></i>
-    <a href="https://v2.jianmu.dev" target="_blank">{{ $t('bottom2.manual') }}</a>
+    <a href="https://v2.jianmu.dev" target="_blank">{{ $t('bottom.manual') }}</a>
     <i class="line"></i>
-    <a href="mailto:support@jianmu.dev">{{ $t('bottom2.contact') }}</a>
+    <a href="mailto:support@jianmu.dev">{{ $t('bottom.contact') }}</a>
   </div>
 </template>
 
-- 
Gitee


From 033e40363c7bbd6bb5ded0a08e20989f0b7e88a1 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 16 Apr 2025 14:32:07 +0800
Subject: [PATCH 07/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0dialog.vue?=
 =?UTF-8?q?=E6=96=87=E6=9C=AC=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts       | 6 ++++++
 ui/src/views/login/dialog.vue | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 6d42cce34..5232ffa09 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -12,6 +12,9 @@ const messages = {
       manual: '使用手册',
       contact: '联系我们',
     },
+    dialog: {
+      needLoginTip: '未登录状态下，操作内容将会丢失',
+    },
   },
 
   en: {
@@ -25,6 +28,9 @@ const messages = {
       manual: 'Documentation',
       contact: 'Contact Us',
     },
+    dialog: {
+      needLoginTip: 'The contents of the operation will be lost if you are not logged in',
+    },
   },
 };
 
diff --git a/ui/src/views/login/dialog.vue b/ui/src/views/login/dialog.vue
index faee426f3..b57299459 100644
--- a/ui/src/views/login/dialog.vue
+++ b/ui/src/views/login/dialog.vue
@@ -2,7 +2,7 @@
   <div class="dialog">
     <jm-dialog :model-value="show" :width="350" top="calc((100vh - 344px) / 2)">
       <login @logined="logined" type="dialog" @cancel="show = false">
-        <template #tip> 未登录状态下，操作内容将会丢失 </template>
+        <template #tip> {{ $t('dialog.needLoginTip') }} </template>
       </login>
     </jm-dialog>
   </div>
-- 
Gitee


From e3b3b2e8d1f80f1aca29746b2cb307765a4d14e7 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 16 Apr 2025 16:01:51 +0800
Subject: [PATCH 08/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0all-project.vue?=
 =?UTF-8?q?=E6=96=87=E6=9C=AC=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts            | 16 ++++++++++++++++
 ui/src/views/index/all-project.vue | 24 +++++++++++++++---------
 2 files changed, 31 insertions(+), 9 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 5232ffa09..91eb620e6 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -15,6 +15,14 @@ const messages = {
     dialog: {
       needLoginTip: '未登录状态下，操作内容将会丢失',
     },
+    allProject: {
+      projectList: '项目列表',
+      inputPlaceholder: '请输入项目名称',
+      empty: '暂无项目',
+      default: '默认排序',
+      lastExecute: '最近触发',
+      lastModify: '最近修改',
+    },
   },
 
   en: {
@@ -31,6 +39,14 @@ const messages = {
     dialog: {
       needLoginTip: 'The contents of the operation will be lost if you are not logged in',
     },
+    allProject: {
+      projectList: 'Project List',
+      inputPlaceholder: 'Please enter project name',
+      empty: 'No Projects',
+      default: 'Default Sort',
+      lastExecute: 'Recently triggered',
+      lastModify: 'Recent changes',
+    },
   },
 };
 
diff --git a/ui/src/views/index/all-project.vue b/ui/src/views/index/all-project.vue
index 87af575f4..c5ea54f1c 100644
--- a/ui/src/views/index/all-project.vue
+++ b/ui/src/views/index/all-project.vue
@@ -3,7 +3,7 @@
   <div class="all-project" v-loading="allProjectLoading">
     <div class="project-operator">
       <div class="project-list">
-        <div class="text">项目列表</div>
+        <div class="text">{{ $t('allProject.projectList') }}</div>
         <jm-select @change="sortChange" :modelValue="sortType" popper-class="project-list-drop-down">
           <jm-option
             v-for="(item, index) in sortTypeList"
@@ -15,7 +15,7 @@
       </div>
       <div class="search">
         <i class="jm-icon-button-search" @click="searchProject"></i>
-        <jm-input placeholder="请输入项目名称" v-model="projectName" @change="searchProject" />
+        <jm-input :placeholder="$t('allProject.inputPlaceholder')" v-model="projectName" @change="searchProject" />
       </div>
     </div>
     <div class="divider-line"></div>
@@ -31,7 +31,7 @@
           />
         </template>
         <div class="project-empty" v-else>
-          <jm-empty description="暂无项目" :image-size="98" />
+          <jm-empty description="$t('allProject.empty')" :image-size="98" />
         </div>
       </template>
     </div>
@@ -47,11 +47,12 @@ import { onBeforeRouteLeave, useRouter } from 'vue-router';
 import { namespace } from '@/store/modules/project';
 import { createNamespacedHelpers, useStore } from 'vuex';
 import { SortTypeEnum } from '@/api/dto/enumeration';
-
+import { useI18n } from 'vue-i18n';
 const { mapMutations } = createNamespacedHelpers(namespace);
 export default defineComponent({
   components: { ProjectGroup },
   setup() {
+    const { t } = useI18n();
     const { proxy } = getCurrentInstance() as any;
     const router = useRouter();
     const store = useStore();
@@ -66,10 +67,10 @@ export default defineComponent({
     // 改变项目组排序后强制数据及时刷新
     const groupListRefresh = ref<boolean>(true);
     // 项目组排序类型
-    const sortTypeList = ref<Array<{ label: string; value: SortTypeEnum }>>([
-      { label: '默认排序', value: SortTypeEnum.DEFAULT_SORT },
-      { label: '最近触发', value: SortTypeEnum.LAST_EXECUTION_TIME },
-      { label: '最近修改', value: SortTypeEnum.LAST_MODIFIED_TIME },
+    const sortTypeList = computed<Array<{ label: string; value: SortTypeEnum }>>(() => [
+      { label: t('allProject.default'), value: SortTypeEnum.DEFAULT_SORT },
+      { label: t('allProject.lastExecute'), value: SortTypeEnum.LAST_EXECUTION_TIME },
+      { label: t('allProject.lastModify'), value: SortTypeEnum.LAST_MODIFIED_TIME },
     ]);
     // 所有项目组在vuex中保存的排序类型
     const sortType = computed<SortTypeEnum>(() => store.state[namespace].sortType);
@@ -115,6 +116,7 @@ export default defineComponent({
     });
 
     return {
+      t,
       projectGroups,
       projectName,
       searchProject,
@@ -131,6 +133,10 @@ export default defineComponent({
 </script>
 
 <style scoped lang="less">
+//下拉菜单选项居中对齐
+.project-list-drop-down .el-select-dropdown__item {
+  text-align: center;
+}
 // 所有项目
 .all-project {
   background: #fff;
@@ -168,7 +174,7 @@ export default defineComponent({
       }
 
       ::v-deep(.el-input) {
-        width: 106px;
+        width: 170px;
       }
     }
 
-- 
Gitee


From 8353eeb0bd69df2e88990e96b47f75c4e29a6228 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 16 Apr 2025 16:27:39 +0800
Subject: [PATCH 09/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0search-project.?=
 =?UTF-8?q?vue=E6=96=87=E6=9C=AC=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts               |  8 ++++++++
 ui/src/views/index/search-project.vue | 23 ++++-------------------
 2 files changed, 12 insertions(+), 19 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 91eb620e6..ec5d4150f 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -23,6 +23,10 @@ const messages = {
       lastExecute: '最近触发',
       lastModify: '最近修改',
     },
+    searchProject: {
+      selectGroup: '请选择项目组',
+      inputName: '请输入项目名称',
+    },
   },
 
   en: {
@@ -47,6 +51,10 @@ const messages = {
       lastExecute: 'Recently triggered',
       lastModify: 'Recent changes',
     },
+    searchProject: {
+      selectGroup: 'Please select a project group',
+      inputName: 'Please enter project name',
+    },
   },
 };
 
diff --git a/ui/src/views/index/search-project.vue b/ui/src/views/index/search-project.vue
index ca4af795e..a2c009c97 100644
--- a/ui/src/views/index/search-project.vue
+++ b/ui/src/views/index/search-project.vue
@@ -2,31 +2,16 @@
   <!-- 搜索结果 -->
   <div class="search-project">
     <div class="search">
-      <jm-select v-model="selectValue" placeholder="请选择项目组" @change="selectOption">
-        <jm-option
-          v-for="item in groupOptions"
-          :key="item.value"
-          :value="item.value"
-          :label="item.label"
-        >
-        </jm-option>
+      <jm-select v-model="selectValue" :placeholder="$t('searchProject.selectGroup')" @change="selectOption">
+        <jm-option v-for="item in groupOptions" :key="item.value" :value="item.value" :label="item.label"> </jm-option>
       </jm-select>
       <div class="search-container">
-        <jm-input
-          v-model="projectName"
-          @change="searchProject"
-          placeholder="请输入项目名称"
-        />
+        <jm-input v-model="projectName" @change="searchProject" :placeholder="$t('searchProject.inputName')" />
         <i class="jm-icon-button-search"></i>
       </div>
     </div>
     <div class="project">
-      <project-group
-        v-if="initialized"
-        :project-group="currentGroup"
-        :name="currentSearchName"
-        :pageable="true"
-      />
+      <project-group v-if="initialized" :project-group="currentGroup" :name="currentSearchName" :pageable="true" />
     </div>
   </div>
 </template>
-- 
Gitee


From 790637e609becd22cbd2d0afc844110c0ea8b9dd Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 16 Apr 2025 16:42:01 +0800
Subject: [PATCH 10/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0error=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E5=A4=B9=E4=B8=8B=E4=BB=A3=E7=A0=81=E4=B8=AD=E6=96=87?=
 =?UTF-8?q?=E6=9C=AC=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                | 25 +++++++++++++
 ui/src/views/error/browser-version.vue | 52 +++++++++++++++-----------
 ui/src/views/error/http-status.vue     |  8 ++--
 ui/src/views/error/network.vue         | 10 ++---
 4 files changed, 64 insertions(+), 31 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index ec5d4150f..8f49f3c02 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -1,3 +1,4 @@
+import httpStatusVue from '@/views/error/http-status.vue';
 import { createI18n } from 'vue-i18n';
 
 const messages = {
@@ -27,6 +28,18 @@ const messages = {
       selectGroup: '请选择项目组',
       inputName: '请输入项目名称',
     },
+    network: {
+      title: '你的设备没有接入互联网',
+      desc: '无法显示此页面，因为你的电脑目前已离线',
+      backHome: '返回首页',
+    },
+    browserVersion: {
+      unsupported: '抱歉，不支持此浏览器',
+      backHome: '返回首页',
+    },
+    httpStatus: {
+      backHome: '返回首页',
+    },
   },
 
   en: {
@@ -55,6 +68,18 @@ const messages = {
       selectGroup: 'Please select a project group',
       inputName: 'Please enter project name',
     },
+    network: {
+      title: 'Your device is not connected to the internet',
+      desc: 'This page cannot be displayed because your computer is currently offline',
+      backHome: 'Back to Home',
+    },
+    browserVersion: {
+      unsupported: 'Sorry, this browser is not supported',
+      backHome: 'Back to Home',
+    },
+    httpStatus: {
+      backHome: 'Back to Home',
+    },
   },
 };
 
diff --git a/ui/src/views/error/browser-version.vue b/ui/src/views/error/browser-version.vue
index 80e09dce7..c251187b6 100644
--- a/ui/src/views/error/browser-version.vue
+++ b/ui/src/views/error/browser-version.vue
@@ -1,17 +1,19 @@
 <template>
   <div class="browser-version-error">
-    <div class="desc">抱歉，不支持此浏览器</div>
+    <div class="desc">{{ $t('browserVersion.unsupported') }}</div>
     <div class="back">
       <router-link to="/">
-        <jm-button type="primary" class="jm-icon-button-back" size="small">返回首页</jm-button>
+        <jm-button type="primary" class="jm-icon-button-back" size="small">{{
+          $t('browserVersion.backHome')
+        }}</jm-button>
       </router-link>
     </div>
     <div class="versions">
-      <div v-for="{name, minVersion} in browsers" :key="name" :class="{version: true, [name]: true}">
+      <div v-for="{ name, minVersion } in browsers" :key="name" :class="{ version: true, [name]: true }">
         {{ minVersion }}
       </div>
     </div>
-    <bottom-nav/>
+    <bottom-nav />
   </div>
   <div class="right-bottom">
     <div class="bg-graph"></div>
@@ -27,22 +29,28 @@ import BottomNav from '@/views/nav/bottom.vue';
 const browsers: {
   name: string;
   minVersion: string;
-}[] = [{
-  name: 'chrome',
-  minVersion: '26.0',
-}, {
-  name: 'edge',
-  minVersion: '45.0',
-}, {
-  name: 'firefox',
-  minVersion: '16.0',
-}, {
-  name: 'safari',
-  minVersion: '6.1',
-}, {
-  name: 'opera',
-  minVersion: '12.1',
-}];
+}[] = [
+  {
+    name: 'chrome',
+    minVersion: '26.0',
+  },
+  {
+    name: 'edge',
+    minVersion: '45.0',
+  },
+  {
+    name: 'firefox',
+    minVersion: '16.0',
+  },
+  {
+    name: 'safari',
+    minVersion: '6.1',
+  },
+  {
+    name: 'opera',
+    minVersion: '12.1',
+  },
+];
 
 export default defineComponent({
   components: { BottomNav },
@@ -91,7 +99,7 @@ export default defineComponent({
       width: 150px;
       text-align: center;
       font-size: 14px;
-      color: #FFFFFF;
+      color: #ffffff;
       background-repeat: no-repeat;
       background-position: center top;
 
@@ -129,7 +137,7 @@ export default defineComponent({
     width: 500px;
     height: 280px;
     position: absolute;
-    background-color: #D9EBFF;
+    background-color: #d9ebff;
     border-top-left-radius: 111px;
     opacity: 0.14;
     transform: rotate(23deg);
diff --git a/ui/src/views/error/http-status.vue b/ui/src/views/error/http-status.vue
index c33e3b6cb..f8f52337a 100644
--- a/ui/src/views/error/http-status.vue
+++ b/ui/src/views/error/http-status.vue
@@ -1,12 +1,12 @@
 <template>
-  <div :class="{'http-status-error': true, [`_${status}`]: true}">
+  <div :class="{ 'http-status-error': true, [`_${status}`]: true }">
     <div class="desc">{{ message }}</div>
     <div class="back">
       <router-link to="/">
-        <jm-button type="primary" class="jm-icon-button-back" size="small">返回首页</jm-button>
+        <jm-button type="primary" class="jm-icon-button-back" size="small"> {{ $t('httpStatus.backHome') }}</jm-button>
       </router-link>
     </div>
-    <bottom-nav/>
+    <bottom-nav />
   </div>
   <div class="right-bottom">
     <div class="bg-graph"></div>
@@ -100,7 +100,7 @@ export default defineComponent({
     width: 500px;
     height: 280px;
     position: absolute;
-    background-color: #D9EBFF;
+    background-color: #d9ebff;
     border-top-left-radius: 111px;
     transform: rotate(-67deg);
   }
diff --git a/ui/src/views/error/network.vue b/ui/src/views/error/network.vue
index 374a9b1ec..8fe50c543 100644
--- a/ui/src/views/error/network.vue
+++ b/ui/src/views/error/network.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="network-error">
-    <div class="title">你的设备没有接入互联网</div>
-    <div class="desc">无法显示此页面，因为你的电脑目前已离线</div>
+    <div class="title">{{ $t('network.title') }}</div>
+    <div class="desc">{{ $t('network.desc') }}</div>
     <div class="back">
       <router-link to="/">
-        <jm-button type="primary" class="jm-icon-button-back" size="small">返回首页</jm-button>
+        <jm-button type="primary" class="jm-icon-button-back" size="small">{{ $t('network.backHome') }}</jm-button>
       </router-link>
     </div>
-    <bottom-nav/>
+    <bottom-nav />
   </div>
   <div class="right-bottom">
     <div class="bg-graph"></div>
@@ -63,7 +63,7 @@ export default defineComponent({
     width: 500px;
     height: 280px;
     position: absolute;
-    background-color: #D9EBFF;
+    background-color: #d9ebff;
     border-top-left-radius: 111px;
     transform: rotate(-67deg);
   }
-- 
Gitee


From 120fd8878d96618f1da9627f6dae8b59ff168933 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 16 Apr 2025 17:32:37 +0800
Subject: [PATCH 11/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0node-library?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E5=A4=B9=E4=B8=8B=E4=BB=A3=E7=A0=81=E4=B8=AD?=
 =?UTF-8?q?=E6=96=87=E6=9C=AC=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                       |  33 ++++
 .../node-library/node-library-manager.vue     | 157 +++++-------------
 2 files changed, 70 insertions(+), 120 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 8f49f3c02..9dfa40b12 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -40,6 +40,23 @@ const messages = {
     httpStatus: {
       backHome: '返回首页',
     },
+    nodeLibrary: {
+      addLocalNode: '新增本地节点',
+      name: '名称',
+      inputName: '请输入名称',
+      description: '描述',
+      inputDescription: '请输入描述',
+      note: '注意事项：ref为xxx/xxx或xxx时，统一处理成local/xxx，在流程或管道dsl中以local/xxx:xxx方式引用。',
+      cancel: '取消',
+      confirm: '确定',
+      close: '关闭',
+      nodeLibraryTitle: '建木节点库',
+      nodeLibraryCount: '（共有 { count } 个节点定义）',
+      tooltipDeprecated:
+        '由于某些原因，该节点不被推荐使用（如该节点可<br/>能会导致一些已知问题或有更好的节点可替代它）',
+      sync: '同步',
+      delete: '删除',
+    },
   },
 
   en: {
@@ -80,6 +97,22 @@ const messages = {
     httpStatus: {
       backHome: 'Back to Home',
     },
+    nodeLibrary: {
+      addLocalNode: 'Add Local Node',
+      name: 'Name',
+      inputName: 'Please enter name',
+      description: 'Description',
+      inputDescription: 'Please enter description',
+      note: 'Note: When ref is xxx/xxx or xxx, it is uniformly handled as local/xxx and referenced as local/xxx:xxx in the process or pipeline dsl.',
+      cancel: 'Cancel',
+      confirm: 'Confirm',
+      close: 'Close',
+      nodeLibraryTitle: 'Jianmu Node Library',
+      nodeLibraryCount: '(Total { count } node definitions)',
+      tooltipDeprecated: 'This node is not recommended due to known issues or a better alternative',
+      sync: 'Sync',
+      delete: 'Delete',
+    },
   },
 };
 
diff --git a/ui/src/views/node-library/node-library-manager.vue b/ui/src/views/node-library/node-library-manager.vue
index dd91edb7a..edeb6e6b0 100644
--- a/ui/src/views/node-library/node-library-manager.vue
+++ b/ui/src/views/node-library/node-library-manager.vue
@@ -10,132 +10,75 @@
       <div class="right-top-btn">
         <router-link :to="{ name: 'index' }">
           <jm-button type="primary" class="jm-icon-button-cancel" size="small"
-          >关闭
-          </jm-button
-          >
+            >{{ $t('nodeLibrary.close') }}
+          </jm-button>
         </router-link>
       </div>
       <div class="menu-bar">
         <button class="add" @click="creationActivated = true">
-          <div class="label">新增本地节点</div>
+          <div class="label">{{ $t('nodeLibrary.addLocalNode') }}</div>
         </button>
       </div>
       <div class="title">
-        <span>建木节点库</span>
-        <span class="desc">（共有 {{ total }} 个节点定义）</span>
+        <span>{{ $t('nodeLibrary.nodeLibraryTitle') }}</span>
+        <span class="desc">{{ $t('nodeLibrary.nodeLibraryCount', { count: total }) }}</span>
       </div>
 
       <div v-loading="firstLoading" class="content">
-        <jm-empty v-if="nodeLibraryListData.length === 0"/>
-        <div
-          v-else
-          v-for="(i, idx) in nodeLibraryListData"
-          :key="idx"
-          class="item"
-        >
+        <jm-empty v-if="nodeLibraryListData.length === 0" />
+        <div v-else v-for="(i, idx) in nodeLibraryListData" :key="idx" class="item">
           <div class="deprecated" v-if="i.deprecated">
             <jm-tooltip placement="top-start">
               <template #content>
-                <div style="line-height: 20px">
-                  由于某些原因，该节点不被推荐使用（如该节点可<br/>能会导致一些已知问题或有更好的节点可替代它）
-                </div>
+                <div style="line-height: 20px">v-html="t('nodeLibrary.tooltipDeprecated')"</div>
               </template>
-              <img src="~@/assets/svgs/node-library/deprecated.svg" alt="">
+              <img src="~@/assets/svgs/node-library/deprecated.svg" alt="" />
             </jm-tooltip>
           </div>
           <div class="item-t">
-            <span
-              class="item-t-t"
-              v-if="i.ownerType === OwnerTypeEnum.LOCAL"
-            >
-              <jm-text-viewer :value="i.name"/>
-            </span
-            >
-            <a
-              v-else
-              target="_blank"
-              class="item-t-t"
-              :href="`https://jianmuhub.com/${i.ownerRef}/${i.ref}`"
-            >
-              <jm-text-viewer :value="i.name"/>
-            </a
-            >
+            <span class="item-t-t" v-if="i.ownerType === OwnerTypeEnum.LOCAL">
+              <jm-text-viewer :value="i.name" />
+            </span>
+            <a v-else target="_blank" class="item-t-t" :href="`https://jianmuhub.com/${i.ownerRef}/${i.ref}`">
+              <jm-text-viewer :value="i.name" />
+            </a>
             <p class="item-t-mid">
-              <jm-text-viewer :value="`${i.ownerName} / ${i.ref}`"/>
+              <jm-text-viewer :value="`${i.ownerName} / ${i.ref}`" />
             </p>
             <p class="item-t-btm">
-              <jm-text-viewer :value="`${i.description || '无'}`"/>
+              <jm-text-viewer :value="`${i.description || '无'}`" />
             </p>
           </div>
-          <div
-            class="item-mid"
-            :class="{ 'is-background': !i.isDirectionDown }"
-          >
-            <i
-              @click="clickVersion(i)"
-              class="down"
-              :class="{ 'direction-down': i.isDirectionDown }"
-            ></i>
+          <div class="item-mid" :class="{ 'is-background': !i.isDirectionDown }">
+            <i @click="clickVersion(i)" class="down" :class="{ 'direction-down': i.isDirectionDown }"></i>
             <jm-scrollbar max-height="75px">
-              <div
-                class="item-mid-items"
-                :class="{ 'is-scroll': i.isDirectionDown }"
-              >
-                <div
-                  v-for="(version, versionIdx) in i.versions"
-                  :key="versionIdx"
-                  class="item-mid-item"
-                >
+              <div class="item-mid-items" :class="{ 'is-scroll': i.isDirectionDown }">
+                <div v-for="(version, versionIdx) in i.versions" :key="versionIdx" class="item-mid-item">
                   <span v-if="i.ownerType === OwnerTypeEnum.LOCAL">
-                   {{ version }}
+                    {{ version }}
                   </span>
-                  <a
-                    v-else
-                    target="_blank"
-                    :href="`https://jianmuhub.com/${i.ownerRef}/${i.ref}/${version}`"
-                  >
+                  <a v-else target="_blank" :href="`https://jianmuhub.com/${i.ownerRef}/${i.ref}/${version}`">
                     {{ version }}
-                  </a
-                  >
+                  </a>
                 </div>
               </div>
             </jm-scrollbar>
           </div>
           <div v-show="!i.isDirectionDown" class="item-btm">
             <div>
-              <jm-tooltip
-                v-if="i.ownerType !== OwnerTypeEnum.LOCAL"
-                content="同步"
-                placement="top"
-              >
-                <button
-                  @click="syncNode(i)"
-                  @keypress.enter.prevent
-                  class="sync"
-                  :class="{ doing: i.isSync }"
-                ></button>
+              <jm-tooltip v-if="i.ownerType !== OwnerTypeEnum.LOCAL" :content="$t('nodeLibrary.sync')" placement="top">
+                <button @click="syncNode(i)" @keypress.enter.prevent class="sync" :class="{ doing: i.isSync }"></button>
               </jm-tooltip>
-              <jm-tooltip content="删除" placement="top">
-                <button
-                  @click="deleteNode(i)"
-                  @keypress.enter.prevent
-                  class="del"
-                  :class="{ doing: i.isDel }"
-                ></button>
+              <jm-tooltip :content="$t('nodeLibrary.delete')" placement="top">
+                <button @click="deleteNode(i)" @keypress.enter.prevent class="del" :class="{ doing: i.isDel }"></button>
               </jm-tooltip>
             </div>
             <div class="item-btm-r">
-              <jm-text-viewer :value="`by ${i.creatorName}`"/>
+              <jm-text-viewer :value="`by ${i.creatorName}`" />
             </div>
           </div>
-          <div
-            class="item-pos"
-            :class="{ 'node-definition-default-icon': !i.icon, 'deprecated-icon':i.deprecated}"
-          >
-            <img
-              v-if="i.icon"
-              :src="`${i.icon}?imageMogr2/thumbnail/81x/sharpen/1`"
-            />
+          <div class="item-pos" :class="{ 'node-definition-default-icon': !i.icon, 'deprecated-icon': i.deprecated }">
+            <img v-if="i.icon" :src="`${i.icon}?imageMogr2/thumbnail/81x/sharpen/1`" />
           </div>
         </div>
       </div>
@@ -144,24 +87,13 @@
       <div class="load-more">
         <jm-load-more :state="loadState" :load-more="btnDown"></jm-load-more>
       </div>
-      <node-editor
-        v-if="creationActivated"
-        @closed="creationActivated = false"
-        @completed="handleCreation"
-      />
+      <node-editor v-if="creationActivated" @closed="creationActivated = false" @completed="handleCreation" />
     </div>
   </jm-scrollbar>
 </template>
 
 <script lang="ts">
-import {
-  defineComponent,
-  getCurrentInstance,
-  reactive,
-  ref,
-  Ref,
-  inject,
-} from 'vue';
+import { defineComponent, getCurrentInstance, reactive, ref, Ref, inject } from 'vue';
 import { fetchNodeLibrary, fetchNodeLibraryList } from '@/api/view-no-auth';
 import { deleteNodeLibrary, syncNodeLibrary } from '@/api/node-library';
 import { INode } from '@/model/modules/node-library';
@@ -220,12 +152,7 @@ export default defineComponent({
           proxy.$throw(err, proxy);
         });
     };
-    nodeListData(
-      nodeLibraryListData,
-      nodeLibraryListParameter,
-      firstLoading,
-      total,
-    );
+    nodeListData(nodeLibraryListData, nodeLibraryListParameter, firstLoading, total);
 
     // 加载更多
     const loadMore = () => {
@@ -235,12 +162,7 @@ export default defineComponent({
           loadState.value = StateEnum.LOADING;
           nodeLibraryListParameter.pageNum++;
           bottomLoading.value = true;
-          nodeListData(
-            nodeLibraryListData,
-            nodeLibraryListParameter,
-            bottomLoading,
-            total,
-          );
+          nodeListData(nodeLibraryListData, nodeLibraryListParameter, bottomLoading, total);
         }
       };
       return {
@@ -342,12 +264,7 @@ export default defineComponent({
         nodeLibraryListParameter.pageSize = 12;
         firstLoading.value = true;
         total.value = 0;
-        nodeListData(
-          nodeLibraryListData,
-          nodeLibraryListParameter,
-          firstLoading,
-          total,
-        );
+        nodeListData(nodeLibraryListData, nodeLibraryListParameter, firstLoading, total);
       },
       OwnerTypeEnum,
     };
@@ -611,7 +528,7 @@ export default defineComponent({
         overflow: hidden;
 
         &.deprecated-icon {
-          opacity: .4;
+          opacity: 0.4;
         }
 
         img {
-- 
Gitee


From 09b208b3d7d9463008a80248a555d5cfc420a2c8 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Thu, 17 Apr 2025 10:15:39 +0800
Subject: [PATCH 12/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0node-library?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E5=A4=B9=E4=B8=8B=E4=BB=A3=E7=A0=81=E4=B8=AD?=
 =?UTF-8?q?=E6=96=87=E6=9C=AC=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/views/node-library/node-editor.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/ui/src/views/node-library/node-editor.vue b/ui/src/views/node-library/node-editor.vue
index 50a6331b5..5ab4798f9 100644
--- a/ui/src/views/node-library/node-editor.vue
+++ b/ui/src/views/node-library/node-editor.vue
@@ -3,20 +3,20 @@
     v-model="dialogVisible"
     width="800px">
     <template v-slot:title>
-      <div class="editor-title">新增本地节点</div>
+      <div class="editor-title">{{ $t('nodeLibrary.addLocalNode') }}</div>
     </template>
     <jm-form :model="editorForm" :rules="editorRule" ref="editorFormRef" @submit.prevent>
-      <jm-form-item label="名称" label-position="top" prop="name">
-        <jm-input v-model="editorForm.name" clearable placeholder="请输入名称"/>
+      <jm-form-item :label="$t('nodeLibrary.name')" label-position="top" prop="name">
+        <jm-input v-model="editorForm.name" clearable :placeholder="$t('nodeLibrary.inputName')"/>
       </jm-form-item>
-      <jm-form-item label="描述" label-position="top" prop="description">
+      <jm-form-item :label="$t('nodeLibrary.description')" label-position="top" prop="description">
         <jm-input
           type="textarea"
           v-model="editorForm.description"
           clearable
           maxlength="200"
           show-word-limit
-          placeholder="请输入描述"
+          :placeholder="$t('nodeLibrary.inputDescription')"
           :autosize="{minRows: 3, maxRows: 3}"
           resize="none"/>
       </jm-form-item>
@@ -24,11 +24,11 @@
         <jm-dsl-editor class="dsl-editor" v-model:value="editorForm.dsl"/>
       </jm-form-item>
     </jm-form>
-    <div>注意事项：ref为xxx/xxx或xxx时，统一处理成local/xxx，在流程或管道dsl中以local/xxx:xxx方式引用。</div>
+    <div>{{$t('nodeLibrary.note')}}</div>
     <template #footer>
         <span class="dialog-footer">
-          <jm-button size="small" @click="dialogVisible = false">取消</jm-button>
-          <jm-button size="small" type="primary" @click="create" :loading="loading">确定</jm-button>
+          <jm-button size="small" @click="dialogVisible = false">{{ $t('nodeLibrary.cancel') }}</jm-button>
+          <jm-button size="small" type="primary" @click="create" :loading="loading">{{ $t('nodeLibrary.confirm') }}</jm-button>
         </span>
     </template>
   </jm-dialog>
-- 
Gitee


From 9e3501ea279b1997325c1c2ed3bc69701f369460 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Thu, 17 Apr 2025 10:49:17 +0800
Subject: [PATCH 13/75] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=A4=9A?=
 =?UTF-8?q?=E8=AF=AD=E8=A8=80=E5=AD=97=E6=AE=B5=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/views/index/all-project.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/views/index/all-project.vue b/ui/src/views/index/all-project.vue
index c5ea54f1c..20e5daa8d 100644
--- a/ui/src/views/index/all-project.vue
+++ b/ui/src/views/index/all-project.vue
@@ -31,7 +31,7 @@
           />
         </template>
         <div class="project-empty" v-else>
-          <jm-empty description="$t('allProject.empty')" :image-size="98" />
+          <jm-empty :description="$t('allProject.empty')" :image-size="98" />
         </div>
       </template>
     </div>
-- 
Gitee


From a0e9890329451d53ec0ef8656205bf1599dd3612 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Thu, 17 Apr 2025 11:05:05 +0800
Subject: [PATCH 14/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0editor.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts         | 26 ++++++++++++++++++++++++++
 ui/src/views/project/editor.vue | 23 +++++++++++++----------
 2 files changed, 39 insertions(+), 10 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 9dfa40b12..5935faf97 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -57,6 +57,19 @@ const messages = {
       sync: '同步',
       delete: '删除',
     },
+    editor: {
+      cancel: '取消',
+      previousStep: '上一步',
+      saveAndBack: '保存并返回',
+      save: '保存',
+      selectProjectGroup: '选择项目组',
+      pleaseSelectProjectGroup: '请选择项目组',
+      dslMode: 'DSL模式',
+      validationProjectGroup: '请选择项目组',
+      dslEmptyError: 'DSL不能为空',
+      saveSuccess: '保存成功',
+      createSuccess: '新增成功',
+    },
   },
 
   en: {
@@ -113,6 +126,19 @@ const messages = {
       sync: 'Sync',
       delete: 'Delete',
     },
+    editor: {
+      cancel: 'Cancel',
+      previousStep: 'Previous Step',
+      saveAndBack: 'Save and Return',
+      save: 'Save',
+      selectProjectGroup: 'Select Project Group',
+      pleaseSelectProjectGroup: 'Please select a project group',
+      dslMode: 'DSL Mode',
+      validationProjectGroup: 'Please select a project group',
+      dslEmptyError: 'DSL cannot be empty',
+      saveSuccess: 'Saved successfully',
+      createSuccess: 'Created successfully',
+    },
   },
 };
 
diff --git a/ui/src/views/project/editor.vue b/ui/src/views/project/editor.vue
index 87021779a..bebd99d82 100644
--- a/ui/src/views/project/editor.vue
+++ b/ui/src/views/project/editor.vue
@@ -3,26 +3,26 @@
     <!-- loading时的加载页面 -->
     <div class="loading-over" v-show="loading" v-loading="loading"></div>
     <div class="right-top-btn">
-      <jm-button class="jm-icon-button-cancel" size="small" @click="close">取消</jm-button>
+      <jm-button class="jm-icon-button-cancel" size="small" @click="close">{{ $t('editor.cancel') }}</jm-button>
       <jm-button
         v-if="source === 'processTemplates'"
         type="primary"
         class="jm-icon-button-previous"
         size="small"
         @click="previousStep"
-        >上一步
+        >{{ $t('editor.previousStep') }}
       </jm-button>
       <jm-button class="jm-icon-button-preserve" size="small" @click="save(true)" :loading="loading"
-        >保存并返回
+        >{{ $t('editor.saveAndBack') }}
       </jm-button>
       <jm-button type="primary" class="jm-icon-button-preserve" size="small" @click="save(false)" :loading="loading"
-        >保存
+        >{{ $t('editor.save') }}
       </jm-button>
     </div>
     <div class="form">
       <jm-form :model="editorForm" :rules="rules" ref="form">
-        <jm-form-item label="选择项目组" prop="projectGroupId">
-          <jm-select v-model="editorForm.projectGroupId" placeholder="请选择项目组">
+        <jm-form-item :label="$t('editor.selectProjectGroup')" prop="projectGroupId">
+          <jm-select v-model="editorForm.projectGroupId" :placeholder="$t('editor.pleaseSelectProjectGroup')">
             <jm-option v-for="item in projectGroupList" :key="item.id" :label="item.name" :value="item.id"></jm-option>
           </jm-select>
         </jm-form-item>
@@ -30,7 +30,7 @@
     </div>
     <jm-tabs v-model="activatedTab" class="tabs">
       <jm-tab-pane name="dsl" lazy>
-        <template #label><i class="jm-icon-tab-dsl"></i> DSL模式</template>
+        <template #label><i class="jm-icon-tab-dsl"></i>{{ $t('editor.dslMode') }}</template>
         <div class="dsl-editor">
           <jm-dsl-editor v-model:value="editorForm.dslText" />
         </div>
@@ -52,12 +52,14 @@ import { IRootState } from '@/model';
 import { namespace } from '@/store/modules/session';
 import yaml from 'yaml';
 import LoginVerify from '@/views/login/dialog.vue';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   props: {
     id: String,
   },
   setup(props: any) {
+    const { t } = useLocale();
     const { proxy, appContext } = getCurrentInstance() as any;
     const router = useRouter();
     const store = useStore();
@@ -88,7 +90,7 @@ export default defineComponent({
     });
 
     const rules = {
-      projectGroupId: [{ required: true, message: '请选择项目组', trigger: 'change' }],
+      projectGroupId: [{ required: true, message: t('editor.validationProjectGroup'), trigger: 'change' }],
     };
     // 没有登录时做的弹框判断
     if (!sessionState.session) {
@@ -161,6 +163,7 @@ export default defineComponent({
     };
 
     return {
+      t,
       projectGroupList,
       form,
       rules,
@@ -179,7 +182,7 @@ export default defineComponent({
             return false;
           }
           if (editorForm.value.dslText === '') {
-            proxy.$error('DSL不能为空');
+            proxy.$error(t('editor.dslEmptyError'));
             return;
           }
           // 开启loading
@@ -190,7 +193,7 @@ export default defineComponent({
               // 关闭loading
               loading.value = false;
 
-              proxy.$success(editMode ? '保存成功' : '新增成功');
+              proxy.$success(editMode ? t('editor.saveSuccess') : t('editor.createSuccess'));
 
               if (returnFlag) {
                 close();
-- 
Gitee


From d66c649863446ff9cc2fd93df9cd79ab1f3f88e1 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Thu, 17 Apr 2025 14:40:45 +0800
Subject: [PATCH 15/75] =?UTF-8?q?fix:=20=E8=A1=A5=E5=85=85=E9=81=97?=
 =?UTF-8?q?=E6=BC=8F=E6=96=87=E6=9C=AC=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/data/empty/index.vue        |  3 +--
 ui/src/locales/index.ts                       | 19 +++++++++++++++
 ui/src/views/nav/top.vue                      |  2 +-
 ui/src/views/node-library/node-editor.vue     |  9 ++++----
 .../node-library/node-library-manager.vue     | 23 ++++++++++---------
 5 files changed, 38 insertions(+), 18 deletions(-)

diff --git a/ui/src/components/data/empty/index.vue b/ui/src/components/data/empty/index.vue
index 2768b91bd..b1427226e 100644
--- a/ui/src/components/data/empty/index.vue
+++ b/ui/src/components/data/empty/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-empty :description="description" :image="image">
+  <el-empty :description="$t('noData')" :image="image">
   </el-empty>
 </template>
 
@@ -7,7 +7,6 @@
 import { defineComponent } from 'vue';
 import { ElEmpty } from 'element-plus';
 import img from './svgs/no-data.svg';
-
 export default defineComponent({
   name: 'jm-empty',
   props: {
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 5935faf97..bc3358bb6 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -3,6 +3,7 @@ import { createI18n } from 'vue-i18n';
 
 const messages = {
   zh: {
+    noData: 'No data',
     top: {
       logout: '退出',
       language: '语言设置',
@@ -56,6 +57,15 @@ const messages = {
         '由于某些原因，该节点不被推荐使用（如该节点可<br/>能会导致一些已知问题或有更好的节点可替代它）',
       sync: '同步',
       delete: '删除',
+      nameRequired: '名称不能为空',
+      dslRequired: 'DSL不能为空',
+      createSuccess: '新增成功',
+      deleteNodeTitle: '删除节点',
+      deleteConfirm: '确定要删除节点吗?',
+      deleteSuccess: '删除成功',
+      syncTitle: '同步DSL',
+      syncConfirm: '确定要同步吗?',
+      syncSuccess: '同步成功',
     },
     editor: {
       cancel: '取消',
@@ -125,6 +135,15 @@ const messages = {
       tooltipDeprecated: 'This node is not recommended due to known issues or a better alternative',
       sync: 'Sync',
       delete: 'Delete',
+      nameRequired: 'Name cannot be empty',
+      dslRequired: 'DSL cannot be empty',
+      createSuccess: 'Created successfully',
+      deleteNodeTitle: 'Delete Node',
+      deleteConfirm: 'Are you sure you want to delete the node?',
+      deleteSuccess: 'Deleted successfully',
+      syncTitle: 'Sync DSL',
+      syncConfirm: 'Are you sure you want to sync?',
+      syncSuccess: 'Synced successfully',
     },
     editor: {
       cancel: 'Cancel',
diff --git a/ui/src/views/nav/top.vue b/ui/src/views/nav/top.vue
index a481b3888..179e4df0f 100644
--- a/ui/src/views/nav/top.vue
+++ b/ui/src/views/nav/top.vue
@@ -47,7 +47,7 @@
         </span>
         <template #dropdown>
           <jm-dropdown-menu>
-            <jm-dropdown trigger="click" placement="bottom-end">
+            <jm-dropdown trigger="click" placement="bottom-start">
               <jm-dropdown-item>
                 <span>
                   {{ t('top.language') }}
diff --git a/ui/src/views/node-library/node-editor.vue b/ui/src/views/node-library/node-editor.vue
index 5ab4798f9..3ac601183 100644
--- a/ui/src/views/node-library/node-editor.vue
+++ b/ui/src/views/node-library/node-editor.vue
@@ -38,10 +38,11 @@
 import { defineComponent, getCurrentInstance, ref, SetupContext } from 'vue';
 import { ICreateNodeForm } from '@/model/modules/node-library';
 import { createNode } from '@/api/node-library';
-
+import { useLocale } from '@/utils/i18n';
 export default defineComponent({
   emits: ['completed'],
   setup(_, { emit }: SetupContext) {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const dialogVisible = ref<boolean>(true);
 
@@ -52,10 +53,10 @@ export default defineComponent({
     });
     const editorRule = ref<object>({
       name: [
-        { required: true, message: '名称不能为空', trigger: 'blur' },
+        { required: true, message: t('nodeLibrary.nameRequired'), trigger: 'blur' },
       ],
       dsl: [
-        { required: true, message: 'DSL不能为空', trigger: 'blur' },
+        { required: true, message: t('nodeLibrary.dslRequired'), trigger: 'blur' },
       ],
     });
     const loading = ref<boolean>(false);
@@ -83,7 +84,7 @@ export default defineComponent({
               // 发已完成事件，用于后续处理
               emit('completed');
 
-              proxy.$success('新增成功');
+              proxy.$success(t('nodeLibrary.createSuccess'));
 
               dialogVisible.value = false;
             })
diff --git a/ui/src/views/node-library/node-library-manager.vue b/ui/src/views/node-library/node-library-manager.vue
index edeb6e6b0..11c053c5a 100644
--- a/ui/src/views/node-library/node-library-manager.vue
+++ b/ui/src/views/node-library/node-library-manager.vue
@@ -102,12 +102,13 @@ import { OwnerTypeEnum } from '@/api/dto/enumeration';
 import { StateEnum } from '@/components/load-more/enumeration';
 import { Mutable } from '@/utils/lib';
 import { START_PAGE_NUM } from '@/utils/constants';
-
+import { useLocale } from '@/utils/i18n';
 export default defineComponent({
   components: {
     NodeEditor,
   },
   setup() {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const nodeLibraryListParameter = reactive<{
       pageNum: number;
@@ -183,13 +184,13 @@ export default defineComponent({
         return;
       }
 
-      let msg = '<div>确定要删除节点吗?</div>';
-      msg += `<div style="margin-top: 5px; font-size: 12px; line-height: normal;">名称：${i.name}</div>`;
+      let msg = `<div>${t('nodeLibrary.deleteConfirm')}</div>`;
+      msg += `<div style="margin-top: 5px; font-size: 12px; line-height: normal;">${t('nodeLibrary.name')}：${i.name}</div>`;
 
       proxy
-        .$confirm(msg, '删除节点', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
+        .$confirm(msg, t('nodeLibrary.deleteNodeTitle'), {
+          confirmButtonText: t('nodeLibrary.confirm'),
+          cancelButtonText: t('nodeLibrary.cancel'),
           type: 'warning',
           dangerouslyUseHTMLString: true,
         })
@@ -197,7 +198,7 @@ export default defineComponent({
           i.isDel = true;
           deleteNodeLibrary(i.ownerRef, i.ref)
             .then(() => {
-              proxy.$success('删除成功');
+              proxy.$success(t('nodeLibrary.successDelete'));
               deleteNodeLibraryListData(i);
             })
             .catch((err: Error) => {
@@ -217,16 +218,16 @@ export default defineComponent({
     // 同步
     const syncNode = (i: INode) => {
       proxy
-        .$confirm('确定要同步吗?', '同步DSL', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
+        .$confirm(t('nodeLibrary.syncConfirm'), t('nodeLibrary.dslSyncTitle'), {
+          confirmButtonText: t('nodeLibrary.confirm'),
+          cancelButtonText: t('nodeLibrary.cancel'),
           type: 'info',
         })
         .then(() => {
           i.isSync = true;
           syncNodeLibrary(i.ownerRef, i.ref)
             .then(() => {
-              proxy.$success('同步成功');
+              proxy.$success(t('nodeLibrary.successSync'));
             })
             .catch((err: Error) => {
               proxy.$throw(err, proxy);
-- 
Gitee


From 1bc1e7fb42233087938ceca74883adc803712d7b Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Thu, 17 Apr 2025 15:00:49 +0800
Subject: [PATCH 16/75] =?UTF-8?q?fix:=20=E8=A1=A5=E5=85=85=E9=81=97?=
 =?UTF-8?q?=E6=BC=8F=E6=96=87=E6=9C=AC=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts            |  8 ++++++++
 ui/src/views/error/http-status.vue | 11 ++++++-----
 ui/src/views/nav/top.vue           |  2 +-
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index bc3358bb6..1ad5bf53e 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -7,6 +7,7 @@ const messages = {
     top: {
       logout: '退出',
       language: '语言设置',
+      LogoutSuccessful: '退出成功',
     },
     bottom: {
       project: '木兰社区孵化项目',
@@ -40,6 +41,9 @@ const messages = {
     },
     httpStatus: {
       backHome: '返回首页',
+      noPermission: '没有权限访问该页面',
+      pageNotFound: '找不到页面',
+      serverError: '服务器出错',
     },
     nodeLibrary: {
       addLocalNode: '新增本地节点',
@@ -86,6 +90,7 @@ const messages = {
     top: {
       logout: 'Logout',
       language: 'Language',
+      LogoutSuccessful: 'Logout Successful',
     },
     bottom: {
       project: 'Mulan Incubator',
@@ -119,6 +124,9 @@ const messages = {
     },
     httpStatus: {
       backHome: 'Back to Home',
+      noPermission: 'No permission to access this page',
+      pageNotFound: 'Page not found',
+      serverError: 'Server Error',
     },
     nodeLibrary: {
       addLocalNode: 'Add Local Node',
diff --git a/ui/src/views/error/http-status.vue b/ui/src/views/error/http-status.vue
index f8f52337a..99d8ceade 100644
--- a/ui/src/views/error/http-status.vue
+++ b/ui/src/views/error/http-status.vue
@@ -16,7 +16,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import BottomNav from '@/views/nav/bottom.vue';
-
+import { useLocale } from '@/utils/i18n';
 export default defineComponent({
   components: { BottomNav },
   props: {
@@ -26,17 +26,18 @@ export default defineComponent({
     },
     errMessage: {
       type: String,
-      default: '没有权限访问该页面',
+      default: '',
     },
   },
   setup(props) {
+    const { t } = useLocale();
     let status = +props.value;
     const messages: {
       [key: number]: string;
     } = {
-      404: '找不到页面',
-      500: '服务器出错',
-      403: props.errMessage,
+      404: t('errorPage.pageNotFound'),
+      500: t('errorPage.serverError'),
+      403: props.errMessage || t('errorPage.noPermission'),
       // TODO 待完善其他错误码
     };
     if (isNaN(status)) {
diff --git a/ui/src/views/nav/top.vue b/ui/src/views/nav/top.vue
index 179e4df0f..6d33f0d74 100644
--- a/ui/src/views/nav/top.vue
+++ b/ui/src/views/nav/top.vue
@@ -144,7 +144,7 @@ export default defineComponent({
           proxy.deleteSession();
           // 退出登录时，将临时登录模式内容清空
           localStorage.removeItem('temp-login-mode');
-          proxy.$success('退出成功');
+          proxy.$success(t('top.LogoutSuccessful'));
 
           router.push(LOGIN_INDEX);
         } catch (err) {
-- 
Gitee


From ac75c75f242b2b474b185720c67ffda8ff97aae2 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Thu, 17 Apr 2025 15:03:40 +0800
Subject: [PATCH 17/75] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=AD=97?=
 =?UTF-8?q?=E6=AE=B5=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/views/error/http-status.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/views/error/http-status.vue b/ui/src/views/error/http-status.vue
index 99d8ceade..224995cdc 100644
--- a/ui/src/views/error/http-status.vue
+++ b/ui/src/views/error/http-status.vue
@@ -35,9 +35,9 @@ export default defineComponent({
     const messages: {
       [key: number]: string;
     } = {
-      404: t('errorPage.pageNotFound'),
-      500: t('errorPage.serverError'),
-      403: props.errMessage || t('errorPage.noPermission'),
+      404: t('httpStatus.pageNotFound'),
+      500: t('httpStatus.serverError'),
+      403: props.errMessage || t('httpStatus.noPermission'),
       // TODO 待完善其他错误码
     };
     if (isNaN(status)) {
-- 
Gitee


From 68db5a2ebc4247b2a1e382674f485315aab94b8b Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Thu, 17 Apr 2025 15:34:18 +0800
Subject: [PATCH 18/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0import-step-one?=
 =?UTF-8?q?.vue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                  | 50 ++++++++++++++
 ui/src/views/project/import-step-one.vue | 86 +++++++++++-------------
 2 files changed, 90 insertions(+), 46 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 1ad5bf53e..1377096bc 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -84,6 +84,31 @@ const messages = {
       saveSuccess: '保存成功',
       createSuccess: '新增成功',
     },
+    importStepOne: {
+      cancel: '取消',
+      next: '下一步',
+      subgroups: '分组',
+      selectGroup: '请选择项目组',
+      enterUrl: '请输入URL，例如：https://gitee.com/jianmu-dev/jianmu.git',
+      branch: '分支',
+      enterBranch: '请输入分支',
+      auth: '认证:',
+      type: '类型',
+      selectType: '请选择类型',
+      username: '用户名',
+      selectUsername: '请选择用户名',
+      password: '密码',
+      selectPassword: '请选择密码',
+      selectUsernameAgain: '请选择用户名',
+      privateKey: '私钥',
+      selectPrivateKey: '请选择私钥',
+      uriRequired: 'URI不能为空',
+      groupRequired: '项目分组不能为空',
+      branchRequired: '分支不能为空',
+      mustSelectType: '请选择类型',
+      mustSelectUsername: '请选择用户名',
+      mustSelectPassword: '请选择密码',
+    },
   },
 
   en: {
@@ -166,6 +191,31 @@ const messages = {
       saveSuccess: 'Saved successfully',
       createSuccess: 'Created successfully',
     },
+    importStepOne: {
+      cancel: 'Cancel',
+      next: 'Next',
+      subgroups: 'Subgroups',
+      selectGroup: 'Please select the project group',
+      enterUrl: 'Please enter the URL, e.g. https://gitee.com/jianmu-dev/jianmu.git',
+      branch: 'Branch',
+      enterBranch: 'Please enter the branch',
+      auth: 'Authentication:',
+      type: 'Type',
+      selectType: 'Please select the type',
+      username: 'Username',
+      selectUsername: 'Please select the username',
+      password: 'Password',
+      selectPassword: 'Please select the password',
+      selectUsernameAgain: 'Please select the username',
+      privateKey: 'Private Key',
+      selectPrivateKey: 'Please select the private key',
+      uriRequired: "URI can't be null",
+      groupRequired: "Project grouping can't be null",
+      branchRequired: "Branching can't be null",
+      mustSelectType: 'Please Select type',
+      mustSelectUsername: 'Please select username',
+      mustSelectPassword: 'Please select password',
+    },
   },
 };
 
diff --git a/ui/src/views/project/import-step-one.vue b/ui/src/views/project/import-step-one.vue
index 9724f5de2..0949baa88 100644
--- a/ui/src/views/project/import-step-one.vue
+++ b/ui/src/views/project/import-step-one.vue
@@ -1,67 +1,54 @@
 <template>
-  <div :class="{'import-step-one': true, authe}">
+  <div :class="{ 'import-step-one': true, authe }">
     <div class="right-top-btn">
-      <router-link :to="{name: 'index'}">
-        <jm-button class="jm-icon-button-cancel" size="small" :loading="loading">取消</jm-button>
+      <router-link :to="{ name: 'index' }">
+        <jm-button class="jm-icon-button-cancel" size="small" :loading="loading">{{ t('importStepOne.cancel')
+          }}</jm-button>
       </router-link>
-      <jm-button type="primary" class="jm-icon-button-next" size="small"
-                 :loading="loading" @click="next">下一步
+      <jm-button type="primary" class="jm-icon-button-next" size="small" :loading="loading" @click="next">{{
+        t('importStepOne.next') }}
       </jm-button>
     </div>
-    <jm-form
-      :model="gitCloneForm"
-      :rules="gitCloneFormRule"
-      ref="gitCloneFormRef"
-      @submit.prevent
-    >
-      <jm-form-item label="分组" prop="projectGroupId">
-        <jm-select
-          v-model="gitCloneForm.projectGroupId"
-          placeholder="请选择项目组"
-        >
-          <jm-option
-            v-for="item in projectGroupList"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id"
-          >
+    <jm-form :model="gitCloneForm" :rules="gitCloneFormRule" ref="gitCloneFormRef" @submit.prevent>
+      <jm-form-item :label="t('importStepOne.subgroups')" prop="projectGroupId">
+        <jm-select v-model="gitCloneForm.projectGroupId" :placeholder="t('importStepOne.selectGroup')">
+          <jm-option v-for="item in projectGroupList" :key="item.id" :label="item.name" :value="item.id">
           </jm-option>
         </jm-select>
       </jm-form-item>
       <jm-form-item label="URL" prop="uri">
-        <jm-input v-model="gitCloneForm.uri" clearable
-                  placeholder="请输入URL，例如：https://gitee.com/jianmu-dev/jianmu.git"/>
+        <jm-input v-model="gitCloneForm.uri" clearable :placeholder="t('importStepOne.enterUrl')" />
       </jm-form-item>
-      <jm-form-item label="分支" prop="branch">
-        <jm-input v-model="gitCloneForm.branch" clearable placeholder="请输入分支"/>
+      <jm-form-item :label="t('importStepOne.branch')" prop="branch">
+        <jm-input v-model="gitCloneForm.branch" clearable :placeholder="t('importStepOne.enterBranch')" />
       </jm-form-item>
-      <jm-form-item label="认证:">
-        <jm-switch v-model="authe" @change="handleAutheChange"/>
+      <jm-form-item :label="t('importStepOne.auth')">
+        <jm-switch v-model="authe" @change="handleAutheChange" />
       </jm-form-item>
       <div v-if="authe" class="authentication">
         <div>
-          <jm-form-item label="类型" prop="credential.type">
+          <jm-form-item :label="t('importStepOne.type')" prop="credential.type">
             <jm-select v-model="gitCloneForm.credential.type" clearable disabled
-                       placeholder="请选择类型" @change="handleCredentialTypeChange">
+              :placeholder="t('importStepOne.selectType')" @change="handleCredentialTypeChange">
               <jm-option v-for="type in types" :key="type" :label="type" :value="type"></jm-option>
             </jm-select>
           </jm-form-item>
           <template v-if="gitCloneForm.credential.type === ProjectImporterTypeEnum.HTTPS">
-            <jm-form-item label="用户名" prop="credential.userKey">
-              <jm-cascader :props="cascaderProps" clearable placeholder="请选择用户名"
-                           @change="handleUserKeyChange"/>
+            <jm-form-item :label="t('importStepOne.username')" prop="credential.userKey">
+              <jm-cascader :props="cascaderProps" clearable :placeholder="t('importStepOne.selectUsername')"
+                @change="handleUserKeyChange" />
             </jm-form-item>
-            <jm-form-item label="密码" prop="credential.passKey">
+            <jm-form-item :label="t('importStepOne.password')" prop="credential.passKey">
               <jm-select v-model="gitCloneForm.credential.passKey" clearable
-                         placeholder="请选择密码" no-data-text="请选择用户名">
+                :placeholder="t('importStepOne.selectPassword')" :no-data-text="t('importStepOne.selectUsernameAgain')">
                 <jm-option v-for="item in passKeys" :key="item" :label="item" :value="item"></jm-option>
               </jm-select>
             </jm-form-item>
           </template>
-          <jm-form-item v-else-if="gitCloneForm.credential.type === ProjectImporterTypeEnum.SSH" label="私钥"
-                        prop="credential.privateKey">
-            <jm-cascader :props="cascaderProps" clearable placeholder="请选择私钥"
-                         @change="handlePrivateKeyChange"/>
+          <jm-form-item v-else-if="gitCloneForm.credential.type === ProjectImporterTypeEnum.SSH"
+            :label="t('importStepOne.privateKey')" prop="credential.privateKey">
+            <jm-cascader :props="cascaderProps" clearable :placeholder="t('importStepOne.selectPrivateKey')"
+              @change="handlePrivateKeyChange" />
           </jm-form-item>
         </div>
       </div>
@@ -87,9 +74,12 @@ import {
 import { cloneGit } from '@/api/project';
 import { IGitVo } from '@/api/dto/project';
 import { IProjectGroupVo } from '@/api/dto/project-group';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   setup() {
+    const { t } = useLocale();
+
     const { proxy } = getCurrentInstance() as any;
 
     const gitCloneFormRef = ref();
@@ -107,20 +97,20 @@ export default defineComponent({
       projectGroupList.value = await listProjectGroup();
     });
     const gitCloneFormRule = ref<object>({
-      uri: [{ required: true, message: 'URI不能为空', trigger: 'blur' }],
+      uri: [{ required: true, message: t('importStepOne.uriRequired'), trigger: 'blur' }],
       projectGroupId: [
-        { required: true, message: '项目分组不能为空', trigger: 'change' },
+        { required: true, message: t('importStepOne.groupRequired'), trigger: 'change' },
       ],
-      branch: [{ required: true, message: '分支不能为空', trigger: 'blur' }],
+      branch: [{ required: true, message: t('importStepOne.branchRequired'), trigger: 'blur' }],
       credential: {
         type: [
-          { required: true, message: '请选择类型', trigger: 'change' },
+          { required: true, message: t('importStepOne.mustSelectType'), trigger: 'change' },
         ],
         userKey: [
-          { required: true, message: '请选择用户名', trigger: 'change' },
+          { required: true, message: t('importStepOne.mustSelectUsername'), trigger: 'change' },
         ],
         passKey: [
-          { required: true, message: '请选择密码', trigger: 'change' },
+          { required: true, message: t('importStepOne.mustSelectPassword'), trigger: 'change' },
         ],
       }
       ,
@@ -131,6 +121,7 @@ export default defineComponent({
     const nextStep = inject('nextStep') as (git: IGitVo, gitCloneForm: IGitCloneForm) => void;
 
     return {
+      t,
       projectGroupList,
       gitCloneFormRef,
       gitCloneForm,
@@ -249,16 +240,19 @@ export default defineComponent({
     &.is-required {
       display: flex;
       flex-direction: column;
+
       .el-form-item__label {
         text-align: left;
       }
     }
+
     .el-form-item__content {
       .el-select {
         width: 100%;
       }
     }
   }
+
   width: 500px;
   margin: 0 auto;
   padding: 16px 0;
@@ -291,7 +285,7 @@ export default defineComponent({
     border-radius: 2px;
     padding: 20px;
 
-    > div {
+    >div {
       padding: 0 24px;
       display: flex;
       justify-content: space-between;
-- 
Gitee


From 4e28779381ea898a3cf7ddde6cf477e3e3843f44 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Thu, 17 Apr 2025 15:47:33 +0800
Subject: [PATCH 19/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0import-step-two?=
 =?UTF-8?q?.vue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                  | 15 +++++++++++++++
 ui/src/views/project/import-step-two.vue | 14 ++++++++------
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 1377096bc..408b0de76 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -109,6 +109,14 @@ const messages = {
       mustSelectUsername: '请选择用户名',
       mustSelectPassword: '请选择密码',
     },
+    importStepTwo: {
+      cancel: '取消',
+      previous: '上一步',
+      save: '保存',
+      selectDsl: '请选择DSL文件',
+      importSuccess: '导入成功',
+    }
+
   },
 
   en: {
@@ -216,6 +224,13 @@ const messages = {
       mustSelectUsername: 'Please select username',
       mustSelectPassword: 'Please select password',
     },
+    importStepTwo: {
+      cancel: 'Cancel',
+      previous: 'Previous Step',
+      save: 'Save',
+      selectDsl: 'Please select DSL file',
+      importSuccess: 'Import Successful',
+    }
   },
 };
 
diff --git a/ui/src/views/project/import-step-two.vue b/ui/src/views/project/import-step-two.vue
index 418ca9cb5..1e07291fe 100644
--- a/ui/src/views/project/import-step-two.vue
+++ b/ui/src/views/project/import-step-two.vue
@@ -3,7 +3,7 @@
     <div class="right-top-btn">
       <router-link :to="{ name: 'index' }">
         <jm-button class="jm-icon-button-cancel" size="small" :loading="loading"
-          >取消</jm-button
+          >{{ t('importStepTwo.cancel') }}</jm-button
         >
       </router-link>
       <jm-button
@@ -12,7 +12,7 @@
         size="small"
         :loading="loading"
         @click="previous"
-        >上一步
+        >{{ t('importStepTwo.previous') }}
       </jm-button>
       <jm-button
         type="primary"
@@ -20,7 +20,7 @@
         size="small"
         :loading="loading"
         @click="save"
-        >保存
+        >{{ t('importStepTwo.save') }}
       </jm-button>
     </div>
     <div class="content">
@@ -42,7 +42,7 @@ import { defineComponent, getCurrentInstance, inject, ref } from 'vue';
 import { _import, listGit } from '@/api/project';
 import { IImportForm } from '@/model/modules/project';
 import { useRouter } from 'vue-router';
-
+import { useLocale } from '@/utils/i18n';
 /**
  * 计算节点目录
  * @param node
@@ -66,6 +66,7 @@ export default defineComponent({
     },
   },
   setup(props) {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const router = useRouter();
 
@@ -79,6 +80,7 @@ export default defineComponent({
     const reloadMain = inject('reloadMain') as () => void;
 
     return {
+      t,
       importForm,
       loading,
       treeProps: {
@@ -106,7 +108,7 @@ export default defineComponent({
       },
       save: () => {
         if (!importForm.value.dslPath) {
-          proxy.$info('请选择DSL文件');
+          proxy.$info(t('importStepTwo.selectDsl'));
 
           return;
         }
@@ -118,7 +120,7 @@ export default defineComponent({
             // 刷新流程定义列表
             reloadMain();
 
-            proxy.$success('导入成功');
+            proxy.$success(t('importStepTwo.importSuccess'));
 
             router.push({ name: 'index' });
           })
-- 
Gitee


From 7379c5a12320a57d56d3e936571601176f67e3f2 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Thu, 17 Apr 2025 15:57:37 +0800
Subject: [PATCH 20/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0importer.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts           | 8 ++++++++
 ui/src/views/project/importer.vue | 8 ++++----
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 408b0de76..5cb7810c3 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -115,6 +115,10 @@ const messages = {
       save: '保存',
       selectDsl: '请选择DSL文件',
       importSuccess: '导入成功',
+    },
+    "importer": {
+      "cloneGitRepo": "克隆Git仓库",
+      "selectDSL": "选择DSL文件"
     }
 
   },
@@ -230,6 +234,10 @@ const messages = {
       save: 'Save',
       selectDsl: 'Please select DSL file',
       importSuccess: 'Import Successful',
+    },
+    "importer": {
+      "cloneGitRepo": "Clone Git Repository",
+      "selectDSL": "Select DSL File"
     }
   },
 };
diff --git a/ui/src/views/project/importer.vue b/ui/src/views/project/importer.vue
index 2f7c234eb..f5b7ca2d0 100644
--- a/ui/src/views/project/importer.vue
+++ b/ui/src/views/project/importer.vue
@@ -3,15 +3,15 @@
     <div class="steps">
       <div>
         <jm-steps :active="step" finish-status="success">
-          <jm-step title="克隆Git仓库"/>
-          <jm-step title="选择DSL文件"/>
+          <jm-step :title="$t('importer.cloneGitRepo')" />
+          <jm-step :title="$t('importer.selectDSL')" />
         </jm-steps>
       </div>
     </div>
     <div class="step">
       <jm-scrollbar>
-        <step-one v-show="step === 0"/>
-        <step-two v-if="step === 1" :data="stepTwoData"/>
+        <step-one v-show="step === 0" />
+        <step-two v-if="step === 1" :data="stepTwoData" />
       </jm-scrollbar>
     </div>
   </div>
-- 
Gitee


From 91470a63bfc31e6741bb2c942b2e3953a1dbfd37 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Thu, 17 Apr 2025 16:24:44 +0800
Subject: [PATCH 21/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0pipeline-editor?=
 =?UTF-8?q?.vue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                  | 33 +++++++++++++++---------
 ui/src/views/project/pipeline-editor.vue |  6 +++--
 2 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 5cb7810c3..2b59983eb 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -116,11 +116,15 @@ const messages = {
       selectDsl: '请选择DSL文件',
       importSuccess: '导入成功',
     },
-    "importer": {
-      "cloneGitRepo": "克隆Git仓库",
-      "selectDSL": "选择DSL文件"
-    }
-
+    importer: {
+      cloneGitRepo: '克隆Git仓库',
+      selectDSL: '选择DSL文件',
+    },
+    pipelineEditor: {
+      unnamedProject: '未命名项目',
+      createSuccess: '新增成功',
+      saveSuccess: '保存成功',
+    },
   },
 
   en: {
@@ -221,9 +225,9 @@ const messages = {
       selectUsernameAgain: 'Please select the username',
       privateKey: 'Private Key',
       selectPrivateKey: 'Please select the private key',
-      uriRequired: "URI can't be null",
-      groupRequired: "Project grouping can't be null",
-      branchRequired: "Branching can't be null",
+      uriRequired: 'URI can\'t be null',
+      groupRequired: 'Project grouping can\'t be null',
+      branchRequired: 'Branching can\'t be null',
       mustSelectType: 'Please Select type',
       mustSelectUsername: 'Please select username',
       mustSelectPassword: 'Please select password',
@@ -235,10 +239,15 @@ const messages = {
       selectDsl: 'Please select DSL file',
       importSuccess: 'Import Successful',
     },
-    "importer": {
-      "cloneGitRepo": "Clone Git Repository",
-      "selectDSL": "Select DSL File"
-    }
+    importer: {
+      cloneGitRepo: 'Clone Git Repository',
+      selectDSL: 'Select DSL File',
+    },
+    pipelineEditor: {
+      unnamedProject: 'Unnamed Project',
+      createSuccess: 'Created successfully',
+      saveSuccess: 'Saved successfully',
+    },
   },
 };
 
diff --git a/ui/src/views/project/pipeline-editor.vue b/ui/src/views/project/pipeline-editor.vue
index 8b00e9552..327447d57 100644
--- a/ui/src/views/project/pipeline-editor.vue
+++ b/ui/src/views/project/pipeline-editor.vue
@@ -14,6 +14,7 @@ import yaml from 'yaml';
 import { namespace } from '@/store/modules/session';
 import { createNamespacedHelpers, useStore } from 'vuex';
 import LoginVerify from '@/views/login/dialog.vue';
+import { useLocale } from '@/utils/i18n';
 
 const { mapMutations, mapActions } = createNamespacedHelpers(namespace);
 export default defineComponent({
@@ -23,6 +24,7 @@ export default defineComponent({
     },
   },
   setup(props) {
+    const { t } = useLocale();
     const { proxy, appContext } = getCurrentInstance() as any;
     const router = useRouter();
     const route = useRoute();
@@ -35,7 +37,7 @@ export default defineComponent({
     const reloadMain = inject('reloadMain') as () => void;
     const editMode = !!props.id;
     const workflow = ref<IWorkflow>({
-      name: '未命名项目',
+      name: t('pipelineEditor.unnamedProject'),
       groupId: '1',
       description: '',
       global: {
@@ -102,7 +104,7 @@ export default defineComponent({
             dslText: dsl,
             id: editMode ? props.id : '',
           });
-          proxy.$success(editMode ? '保存成功' : '新增成功');
+          proxy.$success(editMode ? t('pipelineEditor.saveSuccess') : t('pipelineEditor.createSuccess'));
           if (!back) {
             // 新增项目，再次点击保存进入项目编辑模式
             if (!editMode) {
-- 
Gitee


From 751b0b5c3324dd663915d72052f18a5a14e65f7d Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Thu, 17 Apr 2025 17:05:55 +0800
Subject: [PATCH 22/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0project-group-m?=
 =?UTF-8?q?anager.vue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                       | 40 ++++++++++++++++-
 .../project-group/project-group-manager.vue   | 43 ++++++++++---------
 2 files changed, 62 insertions(+), 21 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 2b59983eb..f0e2177eb 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -125,6 +125,25 @@ const messages = {
       createSuccess: '新增成功',
       saveSuccess: '保存成功',
     },
+    projectGroupManager: {
+      close: "关闭",
+      newGroup: "新建分组",
+      projectGroup: "项目分组",
+      totalGroups: "（共有 { total } 个组）",
+      closeSorting: "关闭排序",
+      sorting: "排序",
+      none: "无",
+      lastModified: "最后修改时间：",
+      total: "共",
+      items: "条项目",
+      homeShow: "首页展示",
+      confirmDeleteGroup: "确定要删除分组吗?",
+      name: "名称：",
+      deleteGroup: "删除分组",
+      confirm: "确定",
+      cancel: "取消",
+      deleteSuccess: "项目分组删除成功"
+    }
   },
 
   en: {
@@ -244,10 +263,29 @@ const messages = {
       selectDSL: 'Select DSL File',
     },
     pipelineEditor: {
-      unnamedProject: 'Unnamed Project',
+      unnamedProject: 'Untitled Project',
       createSuccess: 'Created successfully',
       saveSuccess: 'Saved successfully',
     },
+    projectGroupManager: {
+      close: "Close",
+      newGroup: "New Group",
+      projectGroup: "Project Group",
+      totalGroups: "(Total { total } groups)",
+      closeSorting: "Close Sorting",
+      sorting: "Sorting",
+      none: "None",
+      lastModified: "Last Modified:  ",
+      total: "Total ",
+      items: " items",
+      homeShow: "Home Show",
+      confirmDeleteGroup: "Sure you want to delete the group?",
+      name: "Name:",
+      deleteGroup: "Delete Group",
+      confirm: "Confirm",
+      cancel: "Cancel",
+      deleteSuccess: "Project Group Delete Successful"
+    }
   },
 };
 
diff --git a/ui/src/views/project-group/project-group-manager.vue b/ui/src/views/project-group/project-group-manager.vue
index a5fd38f62..a38fd9f7d 100644
--- a/ui/src/views/project-group/project-group-manager.vue
+++ b/ui/src/views/project-group/project-group-manager.vue
@@ -5,28 +5,28 @@
       <div class="right-top-btn">
         <router-link :to="{ name: 'index' }">
           <jm-button type="primary" class="jm-icon-button-cancel" size="small"
-          >关闭
+          >{{ t('projectGroupManager.close') }}
           </jm-button
           >
         </router-link>
       </div>
       <div class="menu-bar">
         <button class="add" @click="add">
-          <div class="label">新建分组</div>
+          <div class="label">{{ t('projectGroupManager.newGroup') }}</div>
         </button>
       </div>
       <div class="title">
         <div>
-          <span>项目分组</span>
-          <span class="desc">（共有 {{ projectGroupList.length }} 个组）</span>
+          <span>{{ t('projectGroupManager.projectGroup') }}</span>
+          <span class="desc">{{ t('projectGroupManager.totalGroups', { total: projectGroupList.length }) }}</span>
         </div>
-        <jm-tooltip content="关闭排序" placement="top" v-if="isActive">
+        <jm-tooltip :content="t('projectGroupManager.closeSorting')" placement="top" v-if="isActive">
           <div
             :class="['move', isActive ? 'active' : '']"
             @click="() => (isActive = !isActive)"
           ></div>
         </jm-tooltip>
-        <jm-tooltip content="排序" placement="top" v-else>
+        <jm-tooltip :content="t('projectGroupManager.sorting')" placement="top" v-else>
           <div class="move" @click="() => (isActive = !isActive)"></div>
         </jm-tooltip>
       </div>
@@ -55,14 +55,14 @@
                 </router-link>
               </div>
               <div class="description">
-                <jm-text-viewer class="text-viewer" :value="(i.description || '无')"/>
+                <jm-text-viewer class="text-viewer" :value="(i.description || t('projectGroupManager.none'))"/>
               </div>
               <div class="update-time">
-                  <span>最后修改时间：</span
-                  ><span>{{ datetimeFormatter(i.lastModifiedTime) }}</span>
+                  <span>{{ t('projectGroupManager.lastModified') }}</span>
+                  <span>{{ datetimeFormatter(i.lastModifiedTime) }}</span>
               </div>
               <div class="total">
-                共<span class="count"> {{ i.projectCount }} </span>条项目
+                {{ t('projectGroupManager.total') }}<span class="count"> {{ i.projectCount }} </span>{{ t('projectGroupManager.items') }}
               </div>
               <div class="cover">
                 <div class="drag-icon"></div>
@@ -101,8 +101,8 @@
               <jm-text-viewer class="text-viewer" :value="(i.description || '无')"/>
             </div>
             <div class="update-time">
-              <span>最后修改时间：</span
-              ><span>{{ datetimeFormatter(i.lastModifiedTime) }}</span>
+              <span>{{ t('projectGroupManager.lastModified') }}</span>
+              <span>{{ datetimeFormatter(i.lastModifiedTime) }}</span>
             </div>
             <div class="switch">
               <jm-switch
@@ -110,10 +110,10 @@
                 @change="showChange($event, i.id)"
                 active-color="#096DD9"
               ></jm-switch>
-              <span>首页展示</span>
+              <span>{{ t('projectGroupManager.homeShow') }}</span>
             </div>
             <div class="total">
-              共<span class="count"> {{ i.projectCount }} </span>条项目
+              {{ t('projectGroupManager.total') }}<span class="count"> {{ i.projectCount }} </span>{{ t('projectGroupManager.items') }}
             </div>
           </div>
         </div>
@@ -164,6 +164,7 @@ import {
   useRoute,
 } from 'vue-router';
 import sleep from '@/utils/sleep';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   components: {
@@ -171,6 +172,7 @@ export default defineComponent({
     GroupEditor,
   },
   setup() {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const isShow = ref<boolean>(false);
     const loading = ref<boolean>();
@@ -260,20 +262,20 @@ export default defineComponent({
       showInHomePage.value = isShow;
     };
     const toDelete = async (name: string, projectGroupId: string) => {
-      let msg = '<div>确定要删除分组吗?</div>';
-      msg += `<div style="margin-top: 5px; font-size: 12px; line-height: normal;">名称：${name}</div>`;
+      let msg = `<div>${t('projectGroupManager.confirmDeleteGroup')}</div>`;
+      msg += `<div style="margin-top: 5px; font-size: 12px; line-height: normal;">${t('projectGroupManager.name')}${name}</div>`;
 
       proxy
-        .$confirm(msg, '删除分组', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
+        .$confirm(msg, t('projectGroupManager.deleteGroup'), {
+          confirmButtonText: t('projectGroupManager.confirm'),
+          cancelButtonText: t('projectGroupManager.cancel'),
           type: 'warning',
           dangerouslyUseHTMLString: true,
         })
         .then(async () => {
           try {
             await deleteProjectGroup(projectGroupId);
-            proxy.$success('项目分组删除成功');
+            proxy.$success(t('projectGroupManager.deleteSuccess'));
             await fetchProjectGroup();
           } catch (err) {
             proxy.$throw(err, proxy);
@@ -303,6 +305,7 @@ export default defineComponent({
     changeView(childRoute, useRoute());
     onBeforeRouteUpdate(to => changeView(childRoute, to));
     return {
+      t,
       spacing,
       contentRef,
       childRoute,
-- 
Gitee


From f2ef590444ac9609f8c16d3e90ebc12cc9dbd63d Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Thu, 17 Apr 2025 17:25:37 +0800
Subject: [PATCH 23/75] =?UTF-8?q?feat:=20=E4=BF=AE=E5=A4=8Dproject-group-m?=
 =?UTF-8?q?anager.vue=E9=81=97=E6=BC=8F=E5=AD=97=E6=AE=B5;=E5=AE=9E?=
 =?UTF-8?q?=E7=8E=B0project-group-editor.vue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                       | 26 +++++++++++++++++++
 .../project-group/project-group-editor.vue    | 25 ++++++++++--------
 .../project-group/project-group-manager.vue   |  2 +-
 3 files changed, 41 insertions(+), 12 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index f0e2177eb..2f80dcbac 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -143,6 +143,19 @@ const messages = {
       confirm: "确定",
       cancel: "取消",
       deleteSuccess: "项目分组删除成功"
+    },
+    projectGroupEditor: {
+      title: '编辑项目分组',
+      name: '分组名称',
+      namePlaceholder: '请输入分组名称',
+      isShow: '首页展示',
+      description: '描述',
+      descriptionPlaceholder: '请输入描述',
+      descriptionTips: '描述信息不超过 256个字符',
+      cancel: '取消',
+      save: '保存',
+      nameRequired: '分组名称不能为空',
+      success: '项目分组修改成功',
     }
   },
 
@@ -285,6 +298,19 @@ const messages = {
       confirm: "Confirm",
       cancel: "Cancel",
       deleteSuccess: "Project Group Delete Successful"
+    },
+    projectGroupEditor: {
+      title: 'Edit project grouping',
+      name: 'Grouping name',
+      namePlaceholder: 'Please enter the name of the grouping',
+      isShow: 'Home display',
+      description: 'Description',
+      descriptionPlaceholder: 'Please enter the description',
+      descriptionTips: 'The description information is not more than 256 characters',
+      cancel: 'Cancel',
+      save: 'Save',
+      nameRequired: 'The grouping name can not be empty',
+      success: 'Project grouping modification successful',
     }
   },
 };
diff --git a/ui/src/views/project-group/project-group-editor.vue b/ui/src/views/project-group/project-group-editor.vue
index 33186e534..dab732ccd 100644
--- a/ui/src/views/project-group/project-group-editor.vue
+++ b/ui/src/views/project-group/project-group-editor.vue
@@ -1,7 +1,7 @@
 <template>
   <jm-dialog v-model="dialogVisible" width="776px" :destroy-on-close="true">
     <template #title>
-      <div class="editor-title">编辑项目分组</div>
+      <div class="editor-title">{{ t('projectGroupEditor.title') }}</div>
     </template>
     <jm-form
       :model="editorForm"
@@ -9,33 +9,33 @@
       ref="editorFormRef"
       @submit.prevent
     >
-      <jm-form-item label="分组名称" label-position="top" prop="name">
+      <jm-form-item :label="t('projectGroupEditor.name')" label-position="top" prop="name">
         <jm-input
           :disabled="defaultGroup"
           v-model="editorForm.name"
           clearable
-          placeholder="请输入分组名称"
+          :placeholder="t('projectGroupEditor.namePlaceholder')"
         />
       </jm-form-item>
       <jm-form-item
-        label="首页展示"
+        :label="t('projectGroupEditor.isShow')"
         label-position="top"
         prop="isShow"
         class="is-show"
       >
         <jm-switch v-model="editorForm.isShow" active-color="#096DD9"/>
       </jm-form-item>
-      <jm-form-item label="描述" label-position="top" prop="description">
+      <jm-form-item :label="t('projectGroupEditor.description')" label-position="top" prop="description">
         <jm-input
           type="textarea"
           v-model="editorForm.description"
           clearable
           maxlength="256"
           show-word-limit
-          placeholder="请输入描述"
+          :placeholder="t('projectGroupEditor.descriptionPlaceholder')"
           :autosize="{ minRows: 6, maxRows: 10 }"
         />
-        <div class="tips">描述信息不超过 256个字符</div>
+        <div class="tips">{{ t('projectGroupEditor.descriptionTips') }}</div>
       </jm-form-item>
     </jm-form>
     <template #footer>
@@ -43,14 +43,14 @@
         <jm-button
           size="small"
           @click="dialogVisible = false"
-        >取消</jm-button
+        >{{ t('projectGroupEditor.cancel') }}</jm-button
         >
         <jm-button
           size="small"
           type="primary"
           @click="save"
           :loading="loading"
-        >保存</jm-button
+        >{{ t('projectGroupEditor.save') }}</jm-button
         >
       </span>
     </template>
@@ -67,6 +67,7 @@ import {
 } from 'vue';
 import { IProjectGroupEditFrom } from '@/model/modules/project-group';
 import { editProjectGroup } from '@/api/project-group';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   emits: ['completed'],
@@ -89,6 +90,7 @@ export default defineComponent({
     },
   },
   setup(props, { emit }: SetupContext) {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const dialogVisible = ref<boolean>(true);
     const editorFormRef = ref<any>(null);
@@ -97,7 +99,7 @@ export default defineComponent({
       isShow: true,
     });
     const editorRule = ref<object>({
-      name: [{ required: true, message: '分组名称不能为空', trigger: 'blur' }],
+      name: [{ required: true, message: t('projectGroupEditor.nameRequired'), trigger: 'blur' }],
     });
     const loading = ref<boolean>(false);
     onMounted(() => {
@@ -118,7 +120,7 @@ export default defineComponent({
             description,
             isShow,
           });
-          proxy.$success('项目分组修改成功');
+          proxy.$success(t('projectGroupEditor.success'));
           emit('completed');
           dialogVisible.value = false;
         } catch (err) {
@@ -129,6 +131,7 @@ export default defineComponent({
       });
     };
     return {
+      t,
       dialogVisible,
       editorFormRef,
       editorForm,
diff --git a/ui/src/views/project-group/project-group-manager.vue b/ui/src/views/project-group/project-group-manager.vue
index a38fd9f7d..2275c95cc 100644
--- a/ui/src/views/project-group/project-group-manager.vue
+++ b/ui/src/views/project-group/project-group-manager.vue
@@ -98,7 +98,7 @@
               </div>
             </div>
             <div class="description">
-              <jm-text-viewer class="text-viewer" :value="(i.description || '无')"/>
+              <jm-text-viewer class="text-viewer" :value="(i.description || t('projectGroupManager.none'))"/>
             </div>
             <div class="update-time">
               <span>{{ t('projectGroupManager.lastModified') }}</span>
-- 
Gitee


From 7d6962f22afa769733052265e793f7d5d33c285e Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Thu, 17 Apr 2025 17:45:31 +0800
Subject: [PATCH 24/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0project-group-d?=
 =?UTF-8?q?etail.vue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                       | 90 +++++++++++--------
 .../project-group/project-group-detail.vue    | 28 +++---
 2 files changed, 65 insertions(+), 53 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 2f80dcbac..bc4136b37 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -126,23 +126,23 @@ const messages = {
       saveSuccess: '保存成功',
     },
     projectGroupManager: {
-      close: "关闭",
-      newGroup: "新建分组",
-      projectGroup: "项目分组",
-      totalGroups: "（共有 { total } 个组）",
-      closeSorting: "关闭排序",
-      sorting: "排序",
-      none: "无",
-      lastModified: "最后修改时间：",
-      total: "共",
-      items: "条项目",
-      homeShow: "首页展示",
-      confirmDeleteGroup: "确定要删除分组吗?",
-      name: "名称：",
-      deleteGroup: "删除分组",
-      confirm: "确定",
-      cancel: "取消",
-      deleteSuccess: "项目分组删除成功"
+      close: '关闭',
+      newGroup: '新建分组',
+      projectGroup: '项目分组',
+      totalGroups: '（共有 { total } 个组）',
+      closeSorting: '关闭排序',
+      sorting: '排序',
+      none: '无',
+      lastModified: '最后修改时间：',
+      total: '共',
+      items: '条项目',
+      homeShow: '首页展示',
+      confirmDeleteGroup: '确定要删除分组吗?',
+      name: '名称：',
+      deleteGroup: '删除分组',
+      confirm: '确定',
+      cancel: '取消',
+      deleteSuccess: '项目分组删除成功',
     },
     projectGroupEditor: {
       title: '编辑项目分组',
@@ -156,7 +156,16 @@ const messages = {
       save: '保存',
       nameRequired: '分组名称不能为空',
       success: '项目分组修改成功',
-    }
+    },
+    projectGroupDetail: {
+      close: '关闭',
+      totalProjects: '（共有 { count } 个项目）',
+      none: '无',
+      addProject: '添加项目',
+      projectList: '项目列表',
+      closeSorting: '关闭排序',
+      sorting: '排序',
+    },
   },
 
   en: {
@@ -281,23 +290,23 @@ const messages = {
       saveSuccess: 'Saved successfully',
     },
     projectGroupManager: {
-      close: "Close",
-      newGroup: "New Group",
-      projectGroup: "Project Group",
-      totalGroups: "(Total { total } groups)",
-      closeSorting: "Close Sorting",
-      sorting: "Sorting",
-      none: "None",
-      lastModified: "Last Modified:  ",
-      total: "Total ",
-      items: " items",
-      homeShow: "Home Show",
-      confirmDeleteGroup: "Sure you want to delete the group?",
-      name: "Name:",
-      deleteGroup: "Delete Group",
-      confirm: "Confirm",
-      cancel: "Cancel",
-      deleteSuccess: "Project Group Delete Successful"
+      close: 'Close',
+      newGroup: 'New Group',
+      projectGroup: 'Project Group',
+      totalGroups: '(Total { total } groups)',
+      closeSorting: 'Close Sorting',
+      sorting: 'Sorting',
+      none: 'None',
+      lastModified: 'Last Modified:  ',
+      total: 'Total ',
+      items: ' items',
+      homeShow: 'Home Show',
+      confirmDeleteGroup: 'Sure you want to delete the group?',
+      name: 'Name:',
+      deleteGroup: 'Delete Group',
+      confirm: 'Confirm',
+      cancel: 'Cancel',
+      deleteSuccess: 'Project Group Delete Successful',
     },
     projectGroupEditor: {
       title: 'Edit project grouping',
@@ -311,7 +320,16 @@ const messages = {
       save: 'Save',
       nameRequired: 'The grouping name can not be empty',
       success: 'Project grouping modification successful',
-    }
+    },
+    projectGroupDetail: {
+      close: 'Close',
+      totalProjects: '(Total { count } projects)',
+      none: 'None',
+      addProject: 'add project',
+      projectList: 'project list',
+      closeSorting: 'close sorting',
+      sorting: 'sorting',
+    },
   },
 };
 
diff --git a/ui/src/views/project-group/project-group-detail.vue b/ui/src/views/project-group/project-group-detail.vue
index 0c2375ce2..322e478bc 100644
--- a/ui/src/views/project-group/project-group-detail.vue
+++ b/ui/src/views/project-group/project-group-detail.vue
@@ -1,36 +1,35 @@
 <template>
   <div class="project-group-detail">
     <div class="right-top-btn">
-      <jm-button type="primary" class="jm-icon-button-cancel" size="small" @click="close">关闭</jm-button>
+      <jm-button type="primary" class="jm-icon-button-cancel" size="small" @click="close">{{
+        $t('projectGroupDetail.close')
+      }}</jm-button>
     </div>
     <div class="top-card" v-loading="loadingTop">
       <div class="top-title">
         <div class="name">{{ projectGroupDetail?.name }}</div>
         <div class="count">
-          （共有 {{ projectGroupDetail?.projectCount }} 个项目）
+          {{ $t('projectGroupDetail.totalProjects', { count: projectGroupDetail?.projectCount }) }}
         </div>
       </div>
       <div class="description">
-        <span v-html="(projectGroupDetail?.description || '无').replace(/\n/g, '<br/>')"/>
+        <span v-html="(projectGroupDetail?.description || $t('projectGroupDetail.none')).replace(/\n/g, '<br/>')" />
       </div>
     </div>
     <div class="content">
       <div class="menu-bar">
         <button class="add" @click="add">
-          <div class="label">添加项目</div>
+          <div class="label">{{ $t('projectGroupDetail.addProject') }}</div>
         </button>
       </div>
       <div class="title">
         <div>
-          <span>项目列表</span>
+          <span>{{ $t('projectGroupDetail.projectList') }}</span>
         </div>
-        <jm-tooltip content="关闭排序" placement="top" v-if="isActive">
-          <div
-            :class="['move', isActive ? 'active' : '']"
-            @click="() => (isActive = !isActive)"
-          ></div>
+        <jm-tooltip :content="$t('projectGroupDetail.closeSorting')" placement="top" v-if="isActive">
+          <div :class="['move', isActive ? 'active' : '']" @click="() => (isActive = !isActive)"></div>
         </jm-tooltip>
-        <jm-tooltip content="排序" placement="top" v-else>
+        <jm-tooltip :content="$t('projectGroupDetail.sorting')" placement="top" v-else>
           <div class="move" @click="() => (isActive = !isActive)"></div>
         </jm-tooltip>
       </div>
@@ -44,12 +43,7 @@
         />
       </div>
     </div>
-    <project-adder
-      :id="id"
-      v-if="creationActivated"
-      @closed="creationActivated = false"
-      @completed="addCompleted"
-    />
+    <project-adder :id="id" v-if="creationActivated" @closed="creationActivated = false" @completed="addCompleted" />
   </div>
 </template>
 
-- 
Gitee


From d9cbebc3e33092f9d11c8b9a1b247c2255fe4f1e Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Fri, 18 Apr 2025 09:55:55 +0800
Subject: [PATCH 25/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0project-group-c?=
 =?UTF-8?q?reator.vue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                       | 28 ++++++++++++++++++-
 .../project-group/project-group-creator.vue   | 25 +++++++++--------
 2 files changed, 41 insertions(+), 12 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index bc4136b37..cc3c3df38 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -166,6 +166,19 @@ const messages = {
       closeSorting: '关闭排序',
       sorting: '排序',
     },
+    projectGroupCreator: {
+      title: '新建项目分组',
+      name: '分组名称',
+      namePlaceholder: '请输入分组名称',
+      isShow: '首页展示',
+      description: '描述',
+      descriptionPlaceholder: '请输入描述',
+      descriptionTips: '描述信息不超过 256个字符',
+      cancel: '取消',
+      confirm: '确定',
+      nameRequired: '分组名称不能为空',
+      success: '项目分组创建成功',
+    }
   },
 
   en: {
@@ -323,13 +336,26 @@ const messages = {
     },
     projectGroupDetail: {
       close: 'Close',
-      totalProjects: '(Total { count } projects)',
+      totalProjects: '（Total { count } projects）',
       none: 'None',
       addProject: 'add project',
       projectList: 'project list',
       closeSorting: 'close sorting',
       sorting: 'sorting',
     },
+    projectGroupCreator: {
+      title: 'New project grouping',
+      name: 'Grouping name',
+      namePlaceholder: 'Please enter the name of the grouping',
+      isShow: 'Home display',
+      description: 'Description',
+      descriptionPlaceholder: 'Please enter the description',
+      descriptionTips: 'The description information is not more than 256 characters',
+      cancel: 'Cancel',
+      confirm: 'Confirm',
+      nameRequired: 'The grouping name must not be empty',
+      success: 'The project grouping was created successfully',
+    }
   },
 };
 
diff --git a/ui/src/views/project-group/project-group-creator.vue b/ui/src/views/project-group/project-group-creator.vue
index 235228598..833eecc9b 100644
--- a/ui/src/views/project-group/project-group-creator.vue
+++ b/ui/src/views/project-group/project-group-creator.vue
@@ -1,7 +1,7 @@
 <template>
   <jm-dialog v-model="dialogVisible" width="776px" :destroy-on-close="true">
     <template #title>
-      <div class="creator-title">新建项目分组</div>
+      <div class="creator-title">{{ t('projectGroupCreator.title') }}</div>
     </template>
     <jm-form
       :model="createForm"
@@ -9,32 +9,32 @@
       ref="createFormRef"
       @submit.prevent
     >
-      <jm-form-item label="分组名称" label-position="top" prop="name">
+      <jm-form-item :label="t('projectGroupCreator.name')" label-position="top" prop="name">
         <jm-input
           v-model="createForm.name"
           clearable
-          placeholder="请输入分组名称"
+          :placeholder="t('projectGroupCreator.namePlaceholder')"
         />
       </jm-form-item>
       <jm-form-item
-        label="首页展示"
+        :label="t('projectGroupCreator.isShow')"
         label-position="top"
         prop="isShow"
         class="is-show"
       >
         <jm-switch v-model="createForm.isShow" active-color="#096DD9"/>
       </jm-form-item>
-      <jm-form-item label="描述" label-position="top" prop="description">
+      <jm-form-item :label="t('projectGroupCreator.description')" label-position="top" prop="description">
         <jm-input
           type="textarea"
           v-model="createForm.description"
           clearable
           maxlength="256"
           show-word-limit
-          placeholder="请输入描述"
+          :placeholder="t('projectGroupCreator.descriptionPlaceholder')"
           :autosize="{ minRows: 6, maxRows: 10 }"
         />
-        <div class="tips">描述信息不超过 256个字符</div>
+        <div class="tips">{{ t('projectGroupCreator.descriptionTips') }}</div>
       </jm-form-item>
     </jm-form>
     <template #footer>
@@ -42,14 +42,14 @@
         <jm-button
           size="small"
           @click="dialogVisible = false"
-        >取消</jm-button
+        >{{ t('projectGroupCreator.cancel') }}</jm-button
         >
         <jm-button
           size="small"
           type="primary"
           @click="create"
           :loading="loading"
-        >确定</jm-button
+        >{{ t('projectGroupCreator.confirm') }}</jm-button
         >
       </span>
     </template>
@@ -60,10 +60,12 @@
 import { defineComponent, getCurrentInstance, ref, SetupContext } from 'vue';
 import { IProjectGroupCreateFrom } from '@/model/modules/project-group';
 import { createProjectGroup } from '@/api/project-group';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   emits: ['completed'],
   setup(_, { emit }: SetupContext) {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const dialogVisible = ref<boolean>(true);
     const createFormRef = ref<any>(null);
@@ -72,7 +74,7 @@ export default defineComponent({
       isShow: true,
     });
     const editorRule = ref<object>({
-      name: [{ required: true, message: '分组名称不能为空', trigger: 'blur' }],
+      name: [{ required: true, message: t('projectGroupCreator.nameRequired'), trigger: 'blur' }],
     });
     const loading = ref<boolean>(false);
     const create = async () => {
@@ -88,7 +90,7 @@ export default defineComponent({
             description,
             isShow,
           });
-          proxy.$success('项目分组创建成功');
+          proxy.$success(t('projectGroupCreator.success'));
           emit('completed');
           dialogVisible.value = false;
         } catch (err) {
@@ -99,6 +101,7 @@ export default defineComponent({
       });
     };
     return {
+      t,
       dialogVisible,
       createFormRef,
       createForm,
-- 
Gitee


From f77a60f23998290c059f1c2834a1ff5d3bd0b2a1 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Fri, 18 Apr 2025 10:15:31 +0800
Subject: [PATCH 26/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0project-adder.v?=
 =?UTF-8?q?ue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                      | 26 +++++++++++++++++++
 ui/src/views/project-group/project-adder.vue | 27 +++++++++++---------
 2 files changed, 41 insertions(+), 12 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index cc3c3df38..9c6c59f83 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -178,6 +178,19 @@ const messages = {
       confirm: '确定',
       nameRequired: '分组名称不能为空',
       success: '项目分组创建成功',
+    },
+    projectAdder: {
+      title: '添加项目',
+      selectGroup: '选择项目组',
+      selectGroupPlaceholder: '请选择项目组',
+      selectedProject: '已选项目',
+      inputPlaceholder: '请输入项目名称或描述',
+      none: '无',
+      cancel: '取消',
+      confirm: '确定',
+      selectGroupRequired: '请选择项目组',
+      addProjectRequired: '请添加项目',
+      success: '项目添加成功',
     }
   },
 
@@ -355,6 +368,19 @@ const messages = {
       confirm: 'Confirm',
       nameRequired: 'The grouping name must not be empty',
       success: 'The project grouping was created successfully',
+    },
+    projectAdder: {
+      title: 'Add project',
+      selectGroup: 'Select project group',
+      selectGroupPlaceholder: 'Please select project group',
+      selectedProject: 'Selected project',
+      inputPlaceholder: 'Please enter project name or description',
+      none: 'None',
+      cancel: 'Cancel',
+      confirm: 'Confirm',
+      selectGroupRequired: 'Please select project group',
+      addProjectRequired: 'Please add project',
+      success: 'Project added successfully',
     }
   },
 };
diff --git a/ui/src/views/project-group/project-adder.vue b/ui/src/views/project-group/project-adder.vue
index c12ff67df..5f04f3c92 100644
--- a/ui/src/views/project-group/project-adder.vue
+++ b/ui/src/views/project-group/project-adder.vue
@@ -5,12 +5,12 @@
         <div class="edit-icon">
           <img src="~@/assets/svgs/btn/edit.svg" alt="" />
         </div>
-        <span>添加项目</span>
+        <span>{{ t('projectAdder.title') }}</span>
       </div>
     </template>
     <jm-form :model="createForm" :rules="editorRule" ref="createFormRef" @submit.prevent>
-      <jm-form-item label="选择项目组" label-position="top" class="project-group" prop="projectGroupId">
-        <jm-select @change="selectChange" v-model="createForm.projectGroupId" placeholder="请选择项目组">
+      <jm-form-item :label="t('projectAdder.selectGroup')" label-position="top" class="project-group" prop="projectGroupId">
+        <jm-select @change="selectChange" v-model="createForm.projectGroupId" :placeholder="t('projectAdder.selectGroupPlaceholder')">
           <jm-option
             v-for="item in projectGroupList"
             :disabled="id === item.id"
@@ -22,7 +22,7 @@
         </jm-select>
       </jm-form-item>
       <div class="selected-list">
-        <div class="title">已选项目</div>
+        <div class="title">{{ t('projectAdder.selectedProject') }}</div>
         <div class="selected-list-wrapper">
           <div class="selected-item" v-for="(i, index) in compSelectedList" :key="i.id">
             <!--            <span class="item-name">{{ i.name }}</span>-->
@@ -32,7 +32,7 @@
         </div>
       </div>
       <jm-input
-        placeholder="请输入项目名称或描述"
+        :placeholder="t('projectAdder.inputPlaceholder')"
         type="text"
         class="search-input"
         v-model.trim="keyword"
@@ -56,7 +56,7 @@
             <jm-text-viewer :value="i.name" />
           </div>
           <div class="project-desc">
-            {{ i.description || '无' }}
+            {{ i.description || t('projectAdder.none') }}
           </div>
           <div class="selected"></div>
         </div>
@@ -74,8 +74,8 @@
     </jm-form>
     <template #footer>
       <span>
-        <jm-button size="small" @click="dialogVisible = false">取消</jm-button>
-        <jm-button size="small" type="primary" @click="create" :loading="loading">确定</jm-button>
+        <jm-button size="small" @click="dialogVisible = false">{{ t('projectAdder.cancel') }}</jm-button>
+        <jm-button size="small" type="primary" @click="create" :loading="loading">{{ t('projectAdder.confirm') }}</jm-button>
       </span>
     </template>
   </jm-dialog>
@@ -91,6 +91,7 @@ import { Mutable } from '@/utils/lib';
 import { defineComponent, ref, onMounted, getCurrentInstance, computed } from 'vue';
 import { addProject } from '@/api/project-group';
 import { START_PAGE_NUM } from '@/utils/constants';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   emits: ['completed'],
@@ -101,6 +102,7 @@ export default defineComponent({
     },
   },
   setup(props, { emit }) {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const dialogVisible = ref<boolean>(true);
     const createFormRef = ref<any>(null);
@@ -113,7 +115,7 @@ export default defineComponent({
     const selectedList = ref<Mutable<IProjectVo[]>>([]);
     const compSelectedList = computed(() => selectedList.value);
     const editorRule = ref<Record<string, any>>({
-      projectGroupId: [{ required: true, message: '请选择项目组', trigger: 'change' }],
+      projectGroupId: [{ required: true, message: t('projectAdder.selectGroupRequired'), trigger: 'change' }],
     });
     const projectGroupList = ref<IProjectGroupVo[]>([]);
     // 已选择的项目数组
@@ -141,7 +143,7 @@ export default defineComponent({
     };
     const search = async () => {
       if (!createForm.value.projectGroupId) {
-        proxy.$error('请选择项目组');
+        proxy.$error(t('projectAdder.selectGroupRequired'));
         return;
       }
       projectList.value = await queryProject({
@@ -168,7 +170,7 @@ export default defineComponent({
         compSelectedList.value.forEach(item => projectIds.push(item.id));
         try {
           if (projectIds.length === 0) {
-            proxy.$error('请添加项目');
+            proxy.$error(t('projectAdder.addProjectRequired'));
             return;
           }
           loading.value = true;
@@ -176,7 +178,7 @@ export default defineComponent({
             projectGroupId: props.id,
             projectIds,
           });
-          proxy.$success('项目添加成功');
+          proxy.$success(t('projectAdder.success'));
           emit('completed');
           dialogVisible.value = false;
         } catch (err) {
@@ -187,6 +189,7 @@ export default defineComponent({
       });
     };
     return {
+      t,
       createFormRef,
       compSelectedList,
       projectList,
-- 
Gitee


From e63fa4dcc998f0502bf0bd98271d60174ae9f13d Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Fri, 18 Apr 2025 10:44:13 +0800
Subject: [PATCH 27/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0sk-manager.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                | 26 +++++++++++++++++++++++++
 ui/src/views/secret-key/sk-manager.vue | 27 ++++++++++++++------------
 2 files changed, 41 insertions(+), 12 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 9c6c59f83..176c4aac7 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -191,6 +191,19 @@ const messages = {
       selectGroupRequired: '请选择项目组',
       addProjectRequired: '请添加项目',
       success: '项目添加成功',
+    },
+    skManager: {
+      close: '关闭',
+      title: '密钥列表',
+      total: '（共有 { keys } 个密钥）',
+      add: '新增密钥',
+      none: '无',
+      confirmDelete: '确定要删除密钥吗?',
+      name: '名称：',
+      delete: '删除密钥',
+      confirm: '确定',
+      cancel: '取消',
+      success: '删除成功',
     }
   },
 
@@ -381,6 +394,19 @@ const messages = {
       selectGroupRequired: 'Please select project group',
       addProjectRequired: 'Please add project',
       success: 'Project added successfully',
+    },
+    skManager: {
+      close: 'Close',
+      title: 'Secret Key List',
+      total: '(Total { keys } Secret Keys)',
+      add: 'New Secret Key',
+      none: 'None',
+      confirmDelete: 'Are you sure you want to delete the secret key?',
+      name: 'Name:',
+      delete: 'Delete Secret Key',
+      confirm: 'Confirm',
+      cancel: 'Cancel',
+      success: 'Delete Successful',
     }
   },
 };
diff --git a/ui/src/views/secret-key/sk-manager.vue b/ui/src/views/secret-key/sk-manager.vue
index 39aa90b01..44499ac79 100644
--- a/ui/src/views/secret-key/sk-manager.vue
+++ b/ui/src/views/secret-key/sk-manager.vue
@@ -3,7 +3,7 @@
     <div class="right-top-btn">
       <router-link :to="{ name: 'secret-key' }">
         <jm-button type="primary" class="jm-icon-button-cancel" size="small"
-        >关闭
+        >{{ t('skManager.close') }}
         </jm-button
         >
       </router-link>
@@ -17,12 +17,12 @@
     </div>
     <div class="keys">
       <div class="title">
-        <span>密钥列表</span>
-        <span class="desc">（共有 {{ keys.length }} 个密钥）</span>
+        <span>{{ t('skManager.title') }}</span>
+        <span class="desc">{{ t('skManager.total', { keys: keys.length }) }}</span>
       </div>
       <div class="menu-bar">
         <button class="add" @click="add">
-          <div class="label">新增密钥</div>
+          <div class="label">{{ t('skManager.add') }}</div>
         </button>
       </div>
       <div class="content" v-loading="loading">
@@ -61,6 +61,7 @@ import { v4 as uuidv4 } from 'uuid';
 import { useStore } from 'vuex';
 import { namespace } from '@/store/modules/secret-key';
 import { IState } from '@/model/modules/secret-key';
+import { useLocale } from '@/utils/i18n';
 
 interface IKeyType {
   id: string;
@@ -78,9 +79,10 @@ export default defineComponent({
     },
   },
   setup(props: any) {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const state = useStore().state[namespace] as IState;
-    const description = ref<string>('无');
+    const description = ref<string>(t('skManager.none'));
     const keys = ref<IKeyType[]>([]);
     const loading = ref<boolean>(false);
     const creationActivated = ref<boolean>(false);
@@ -92,7 +94,7 @@ export default defineComponent({
         loading.value = true;
 
         const { description: desc } = await fetchNamespaceDetail(props.ns);
-        description.value = (desc || '无').replace(/\n/g, '<br/>');
+        description.value = (desc || t('skManager.none')).replace(/\n/g, '<br/>');
 
         keys.value = (await listSecretKey(props.ns)).map(item => ({
           id: uuidv4(),
@@ -106,6 +108,7 @@ export default defineComponent({
     });
 
     return {
+      t,
       description,
       keys,
       loading,
@@ -122,13 +125,13 @@ export default defineComponent({
           return;
         }
 
-        let msg = '<div>确定要删除密钥吗?</div>';
-        msg += `<div style="margin-top: 5px; font-size: 12px; line-height: normal;">名称：${name}</div>`;
+        let msg = `<div>${t('skManager.confirmDelete')}</div>`;
+        msg += `<div style="margin-top: 5px; font-size: 12px; line-height: normal;">${t('skManager.name')}${name}</div>`;
 
         proxy
-          .$confirm(msg, '删除密钥', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
+          .$confirm(msg, t('skManager.delete'), {
+            confirmButtonText: t('skManager.confirm'),
+            cancelButtonText: t('skManager.cancel'),
             type: 'warning',
             dangerouslyUseHTMLString: true,
           })
@@ -137,7 +140,7 @@ export default defineComponent({
 
             deleteSecretKey(props.ns, name)
               .then(() => {
-                proxy.$success('删除成功');
+                proxy.$success(t('skManager.success'));
 
                 delete deletings.value[name];
 
-- 
Gitee


From cd6ca8c605f6c0bb1670820c1864fb4815b41d96 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Fri, 18 Apr 2025 10:59:15 +0800
Subject: [PATCH 28/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0sk-editor.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts               | 24 ++++++++++++++++++++++++
 ui/src/views/secret-key/sk-editor.vue | 23 +++++++++++++----------
 2 files changed, 37 insertions(+), 10 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 176c4aac7..532c574a4 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -204,6 +204,18 @@ const messages = {
       confirm: '确定',
       cancel: '取消',
       success: '删除成功',
+    },
+    skEditor: {
+      title: '新增密钥',
+      name: '名称',
+      namePlaceholder: '请输入名称',
+      value: '值',
+      valuePlaceholder: '请输入值',
+      cancel: '取消',
+      confirm: '确定',
+      nameRequired: '名称不能为空',
+      valueRequired: '值不能为空',
+      success: '新增成功'
     }
   },
 
@@ -407,6 +419,18 @@ const messages = {
       confirm: 'Confirm',
       cancel: 'Cancel',
       success: 'Delete Successful',
+    },
+    skEditor: {
+      title: 'Add Secret Key',
+      name: 'Name',
+      namePlaceholder: 'Please enter a name',
+      value: 'Value',
+      valuePlaceholder: 'Please enter a value',
+      cancel: 'Cancel',
+      confirm: 'Confirm',
+      nameRequired: "Name can't be empty",
+      valueRequired: "Value can't be empty",
+      success: 'Add success'
     }
   },
 };
diff --git a/ui/src/views/secret-key/sk-editor.vue b/ui/src/views/secret-key/sk-editor.vue
index 5ad6b45da..55c5f390b 100644
--- a/ui/src/views/secret-key/sk-editor.vue
+++ b/ui/src/views/secret-key/sk-editor.vue
@@ -3,25 +3,25 @@
     v-model="dialogVisible"
     width="500px">
     <template v-slot:title>
-      <div class="editor-title">新增密钥</div>
+      <div class="editor-title">{{ t('skEditor.title') }}</div>
     </template>
     <jm-form :model="editorForm" :rules="editorRule" ref="editorFormRef" @submit.prevent>
-      <jm-form-item label="名称" label-position="top" prop="key">
-        <jm-input v-model="editorForm.key" clearable placeholder="请输入名称"/>
+      <jm-form-item :label="t('skEditor.name')" label-position="top" prop="key">
+        <jm-input v-model="editorForm.key" clearable :placeholder="t('skEditor.namePlaceholder')" />
       </jm-form-item>
-      <jm-form-item label="值" label-position="top" prop="value">
+      <jm-form-item :label="t('skEditor.value')" label-position="top" prop="value">
         <jm-input
           type="textarea"
           v-model="editorForm.value"
           clearable
-          placeholder="请输值"
+          :placeholder="t('skEditor.valuePlaceholder')"
           :autosize="{minRows: 6, maxRows: 10}"/>
       </jm-form-item>
     </jm-form>
     <template #footer>
         <span class="dialog-footer">
-          <jm-button size="small" @click="dialogVisible = false">取消</jm-button>
-          <jm-button size="small" type="primary" @click="create" :loading="loading">确定</jm-button>
+          <jm-button size="small" @click="dialogVisible = false">{{ t('skEditor.cancel') }}</jm-button>
+          <jm-button size="small" type="primary" @click="create" :loading="loading">{{ t('skEditor.confirm') }}</jm-button>
         </span>
     </template>
   </jm-dialog>
@@ -31,6 +31,7 @@
 import { defineComponent, getCurrentInstance, ref, SetupContext } from 'vue';
 import { ICreateSecretKeyForm } from '@/model/modules/secret-key';
 import { createSecretKey } from '@/api/secret-key';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   props: {
@@ -41,6 +42,7 @@ export default defineComponent({
   },
   emits: ['completed'],
   setup(props: any, { emit }: SetupContext) {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const dialogVisible = ref<boolean>(true);
 
@@ -52,15 +54,16 @@ export default defineComponent({
     });
     const editorRule = ref<object>({
       key: [
-        { required: true, message: '名称不能为空', trigger: 'blur' },
+        { required: true, message: t('skEditor.nameRequired'), trigger: 'blur' },
       ],
       value: [
-        { required: true, message: '值不能为空', trigger: 'blur' },
+        { required: true, message: t('skEditor.valueRequired'), trigger: 'blur' },
       ],
     });
     const loading = ref<boolean>(false);
 
     return {
+      t,
       dialogVisible,
       editorFormRef,
       editorForm,
@@ -83,7 +86,7 @@ export default defineComponent({
               // 发已完成事件，用于后续处理
               emit('completed', editorForm.value.namespace, editorForm.value.key);
 
-              proxy.$success('新增成功');
+              proxy.$success(t('skEditor.success'));
 
               dialogVisible.value = false;
             })
-- 
Gitee


From 2ad249dde158855f07c23cebdbcffbc4bc753c20 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Fri, 18 Apr 2025 11:14:26 +0800
Subject: [PATCH 29/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0ns-manager.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                | 32 ++++++++++++++++++++++++--
 ui/src/views/secret-key/ns-manager.vue | 27 ++++++++++++----------
 2 files changed, 45 insertions(+), 14 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 532c574a4..4cf0c57f8 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -216,7 +216,21 @@ const messages = {
       nameRequired: '名称不能为空',
       valueRequired: '值不能为空',
       success: '新增成功'
-    }
+    },
+    nsManager: {
+      close: '关闭',
+      add: '新增命名空间',
+      title: '命名空间',
+      total: '（共有 { length } 个命名空间）',
+      none: '无',
+      lastModified: '最后修改时间：',
+      confirmDelete: '确定要删除命名空间吗?',
+      nameLabel: '名称：',
+      deleteTitle: '删除命名空间',
+      confirm: '确定',
+      cancel: '取消',
+      success: '删除成功',
+    },
   },
 
   en: {
@@ -431,7 +445,21 @@ const messages = {
       nameRequired: "Name can't be empty",
       valueRequired: "Value can't be empty",
       success: 'Add success'
-    }
+    },
+    nsManager: {
+      close: 'Close',
+      add: 'New Namespace',
+      title: 'Namespaces',
+      total: '(Total { length } namespaces)',
+      none: 'None',
+      lastModified: 'Last modified:  ',
+      confirmDelete: 'Sure you want to delete namespace?',
+      nameLabel: 'Name:  ',
+      deleteTitle: 'Delete Namespace',
+      confirm: 'Confirm',
+      cancel: 'Cancel',
+      success: 'Delete Successful',
+    },
   },
 };
 
diff --git a/ui/src/views/secret-key/ns-manager.vue b/ui/src/views/secret-key/ns-manager.vue
index 17b21e1e2..e2f2e48c1 100644
--- a/ui/src/views/secret-key/ns-manager.vue
+++ b/ui/src/views/secret-key/ns-manager.vue
@@ -4,19 +4,19 @@
     <div class="right-top-btn">
       <router-link :to="{ name: 'index' }">
         <jm-button type="primary" class="jm-icon-button-cancel" size="small"
-        >关闭
+        >{{ t('nsManager.close') }}
         </jm-button
         >
       </router-link>
     </div>
     <div class="menu-bar">
       <button class="add" @click="add">
-        <div class="label">新增命名空间</div>
+        <div class="label">{{ t('nsManager.add') }}</div>
       </button>
     </div>
     <div class="title">
-      <span>命名空间</span>
-      <span class="desc">（共有 {{ namespaces.length }} 个命名空间）</span>
+      <span>{{ t('nsManager.title') }}</span>
+      <span class="desc">{{ t('nsManager.total', { length: namespaces.length }) }}</span>
     </div>
     <div class="content" v-loading="loading">
       <jm-empty v-if="namespaces.length === 0"/>
@@ -33,10 +33,10 @@
                 </div>
               </router-link>
               <div class="description">
-                <jm-text-viewer :value="(ns.description || '无')" class="text-viewer"/>
+                <jm-text-viewer :value="(ns.description || t('nsManager.none'))" class="text-viewer"/>
               </div>
               <div class="time">
-                最后修改时间：{{ datetimeFormatter(ns.lastModifiedTime) }}
+                {{ t('nsManager.lastModified') }}{{ datetimeFormatter(ns.lastModifiedTime) }}
               </div>
             </div>
             <div class="operation">
@@ -102,6 +102,7 @@ import { deleteNamespace } from '@/api/secret-key';
 import NsEditor from './ns-editor.vue';
 import { datetimeFormatter } from '@/utils/formatter';
 import { CredentialManagerTypeEnum } from '@/api/dto/enumeration';
+import { useLocale } from '@/utils/i18n';
 
 const { mapMutations, mapActions } = createNamespacedHelpers(namespace);
 
@@ -117,6 +118,7 @@ export default defineComponent({
     NsEditor,
   },
   setup() {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const state = useStore().state[namespace] as IState;
     const loading = ref<boolean>(false);
@@ -142,6 +144,7 @@ export default defineComponent({
     onBeforeRouteUpdate(to => changeView(childRoute, to));
 
     return {
+      t,
       CredentialManagerTypeEnum,
       ...toRefs(state),
       childRoute,
@@ -164,13 +167,13 @@ export default defineComponent({
           return;
         }
 
-        let msg = '<div>确定要删除命名空间吗?</div>';
-        msg += `<div style="margin-top: 5px; font-size: 12px; line-height: normal;">名称：${name}</div>`;
+        let msg = `<div>${t('nsManager.confirmDelete')}</div>`;
+        msg += `<div style="margin-top: 5px; font-size: 12px; line-height: normal;">${t('nsManager.nameLabel')}${name}</div>`;
 
         proxy
-          .$confirm(msg, '删除命名空间', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
+          .$confirm(msg, t('nsManager.deleteTitle'), {
+            confirmButtonText: t('nsManager.confirm'),
+            cancelButtonText: t('nsManager.cancel'),
             type: 'warning',
             dangerouslyUseHTMLString: true,
           })
@@ -179,7 +182,7 @@ export default defineComponent({
 
             deleteNamespace(name)
               .then(() => {
-                proxy.$success('删除成功');
+                proxy.$success(t('nsManager.success'));
 
                 delete deletings.value[name];
 
-- 
Gitee


From 562239fc5c2a904b14c906a6fbab260f24ce697f Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Fri, 18 Apr 2025 11:22:32 +0800
Subject: [PATCH 30/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0ns-editor.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts               | 22 ++++++++++++++++++++++
 ui/src/views/secret-key/ns-editor.vue | 21 ++++++++++++---------
 2 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 4cf0c57f8..b6f7bf776 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -231,6 +231,17 @@ const messages = {
       cancel: '取消',
       success: '删除成功',
     },
+    nsEditor: {
+      title: '新增密钥命名空间',
+      name: '命名空间',
+      namePlaceholder: '请输入命名空间',
+      description: '描述',
+      descriptionPlaceholder: '请输入描述',
+      cancel: '取消',
+      confirm: '确定',
+      nameRequired: '命名空间不能为空',
+      success: '新增成功'
+    }
   },
 
   en: {
@@ -460,6 +471,17 @@ const messages = {
       cancel: 'Cancel',
       success: 'Delete Successful',
     },
+    nsEditor: {
+      title: 'Add Secret Key Namespace',
+      name: 'Namespace',
+      namePlaceholder: 'Please enter the namespace',
+      description: 'Description',
+      descriptionPlaceholder: 'Please enter the description',
+      cancel: 'Cancel',
+      confirm: 'Confirm',
+      nameRequired: 'Namespace can\'t be empty',
+      success: 'New Successful'
+    }
   },
 };
 
diff --git a/ui/src/views/secret-key/ns-editor.vue b/ui/src/views/secret-key/ns-editor.vue
index fc834d611..28470e08c 100644
--- a/ui/src/views/secret-key/ns-editor.vue
+++ b/ui/src/views/secret-key/ns-editor.vue
@@ -3,13 +3,13 @@
     v-model="dialogVisible"
     width="500px">
     <template v-slot:title>
-      <div class="editor-title">新增密钥命名空间</div>
+      <div class="editor-title">{{ t('nsEditor.title') }}</div>
     </template>
     <jm-form :model="editorForm" :rules="editorRule" ref="editorFormRef" @submit.prevent>
-      <jm-form-item label="命名空间" label-position="top" prop="name">
-        <jm-input v-model="editorForm.name" clearable placeholder="请输入命名空间"/>
+      <jm-form-item :label="t('nsEditor.name')" label-position="top" prop="name">
+        <jm-input v-model="editorForm.name" clearable :placeholder="t('nsEditor.namePlaceholder')" />
       </jm-form-item>
-      <jm-form-item v-if="credentialManagerType === CredentialManagerTypeEnum.LOCAL" label="描述" label-position="top"
+      <jm-form-item v-if="credentialManagerType === CredentialManagerTypeEnum.LOCAL" :label="t('nsEditor.description')" label-position="top"
                     prop="description">
         <jm-input
           type="textarea"
@@ -17,14 +17,14 @@
           clearable
           maxlength="256"
           show-word-limit
-          placeholder="请输入描述"
+          :placeholder="t('nsEditor.descriptionPlaceholder')"
           :autosize="{minRows: 6, maxRows: 10}"/>
       </jm-form-item>
     </jm-form>
     <template #footer>
         <span class="dialog-footer">
-          <jm-button size="small" @click="dialogVisible = false">取消</jm-button>
-          <jm-button size="small" type="primary" @click="create" :loading="loading">确定</jm-button>
+          <jm-button size="small" @click="dialogVisible = false">{{ t('nsEditor.cancel') }}</jm-button>
+          <jm-button size="small" type="primary" @click="create" :loading="loading">{{ t('nsEditor.confirm') }}</jm-button>
         </span>
     </template>
   </jm-dialog>
@@ -35,6 +35,7 @@ import { defineComponent, getCurrentInstance, ref, SetupContext } from 'vue';
 import { ISaveNamespaceForm } from '@/model/modules/secret-key';
 import { saveNamespace } from '@/api/secret-key';
 import { CredentialManagerTypeEnum } from '@/api/dto/enumeration';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   props: {
@@ -45,6 +46,7 @@ export default defineComponent({
   },
   emits: ['completed'],
   setup(_, { emit }: SetupContext) {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const dialogVisible = ref<boolean>(true);
 
@@ -54,12 +56,13 @@ export default defineComponent({
     });
     const editorRule = ref<object>({
       name: [
-        { required: true, message: '命名空间不能为空', trigger: 'blur' },
+        { required: true, message: t('nsEditor.nameRequired'), trigger: 'blur' },
       ],
     });
     const loading = ref<boolean>(false);
 
     return {
+      t,
       CredentialManagerTypeEnum,
       dialogVisible,
       editorFormRef,
@@ -83,7 +86,7 @@ export default defineComponent({
               // 发已完成事件，用于后续处理
               emit('completed');
 
-              proxy.$success('新增成功');
+              proxy.$success(t('nsEditor.success'));
 
               dialogVisible.value = false;
             })
-- 
Gitee


From 5785d569b5f74d418bc54d90b87ac9d4d943dc8c Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Fri, 18 Apr 2025 14:40:16 +0800
Subject: [PATCH 31/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0workers-manager?=
 =?UTF-8?q?.vue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                  | 50 ++++++++++++++++++++----
 ui/src/views/workers/workers-manager.vue | 33 +++++++++-------
 2 files changed, 60 insertions(+), 23 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index b6f7bf776..623d7a3e9 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -215,7 +215,7 @@ const messages = {
       confirm: '确定',
       nameRequired: '名称不能为空',
       valueRequired: '值不能为空',
-      success: '新增成功'
+      success: '新增成功',
     },
     nsManager: {
       close: '关闭',
@@ -240,8 +240,25 @@ const messages = {
       cancel: '取消',
       confirm: '确定',
       nameRequired: '命名空间不能为空',
-      success: '新增成功'
-    }
+      success: '新增成功',
+    },
+    workersManager: {
+      close: '关闭',
+      title: 'Worker列表',
+      total: '（共有 { length } 个Worker）',
+      name: '名称：',
+      label: '标签：',
+      none: '无',
+      os: '操作系统：',
+      arch: '架构：',
+      type: '类型：',
+      time: '注册时间：',
+      confirmDeleteMsg: '确定要删除Worker吗?',
+      confirmDeleteTitle: '删除Worker',
+      confirm: '确定',
+      cancel: '取消',
+      success: '删除成功',
+    },
   },
 
   en: {
@@ -453,9 +470,9 @@ const messages = {
       valuePlaceholder: 'Please enter a value',
       cancel: 'Cancel',
       confirm: 'Confirm',
-      nameRequired: "Name can't be empty",
-      valueRequired: "Value can't be empty",
-      success: 'Add success'
+      nameRequired: 'Name can\'t be empty',
+      valueRequired: 'Value can\'t be empty',
+      success: 'Add success',
     },
     nsManager: {
       close: 'Close',
@@ -480,8 +497,25 @@ const messages = {
       cancel: 'Cancel',
       confirm: 'Confirm',
       nameRequired: 'Namespace can\'t be empty',
-      success: 'New Successful'
-    }
+      success: 'New Successful',
+    },
+    workersManager: {
+      close: 'Close',
+      title: 'Worker list',
+      total: '(Total { length } Workers)',
+      name: 'Name:  ',
+      label: 'Label:  ',
+      none: 'None',
+      os: 'Operating System:  ',
+      arch: 'Architecture:  ',
+      type: 'Type:  ',
+      time: 'Registered:  ',
+      confirmDeleteMsg: 'Sure you want to delete a Worker?',
+      confirmDeleteTitle: 'Delete Worker',
+      confirm: 'Confirm',
+      cancel: 'Cancel',
+      success: 'Delete Successful',
+    },
   },
 };
 
diff --git a/ui/src/views/workers/workers-manager.vue b/ui/src/views/workers/workers-manager.vue
index 116ac2175..be33ac6ae 100644
--- a/ui/src/views/workers/workers-manager.vue
+++ b/ui/src/views/workers/workers-manager.vue
@@ -2,12 +2,12 @@
   <div class="worker-manager">
     <div class="right-top-btn">
       <router-link :to="{ name: 'index' }">
-        <jm-button type="primary" class="jm-icon-button-cancel" size="small">关闭 </jm-button>
+        <jm-button type="primary" class="jm-icon-button-cancel" size="small">{{ t('workersManager.close') }}</jm-button>
       </router-link>
     </div>
     <div class="title">
-      <span>Worker列表</span>
-      <span class="desc">（共有 {{ workerListData.length }} 个Worker）</span>
+      <span>{{ t('workersManager.title') }}</span>
+      <span class="desc">{{ t('workersManager.total', { length: workerListData.length }) }}</span>
     </div>
     <div class="content">
       <jm-empty v-if="workerListData.length === 0" />
@@ -23,27 +23,27 @@
             <span class="id">{{ i.id }}</span>
           </div>
           <div class="name">
-            <span>名称：</span>
+            <span>{{ t('workersManager.name') }}</span>
             <span>{{ i.name }}</span>
           </div>
           <div class="tags">
-            <span>标签：</span>
-            <span>{{ i.tags || '无' }}</span>
+            <span>{{ t('workersManager.label') }}</span>
+            <span>{{ i.tags || t('workersManager.none') }}</span>
           </div>
           <div class="os">
-            <span>操作系统：</span>
+            <span>{{ t('workersManager.os') }}</span>
             <span>{{ i.os }}</span>
           </div>
           <div class="arch">
-            <span>架构：</span>
+            <span>{{ t('workersManager.arch') }}</span>
             <span>{{ i.arch }}</span>
           </div>
           <div class="type">
-            <span>类型：</span>
+            <span>{{ t('workersManager.type') }}</span>
             <span>{{ i.type }}</span>
           </div>
           <div class="created-time">
-            <span>注册时间：</span>
+            <span>{{ t('workersManager.time') }}</span>
             <span>{{ datetimeFormatter(i.createdTime) }}</span>
           </div>
         </div>
@@ -61,9 +61,11 @@ import { Mutable } from '@/utils/lib';
 import { IWorkerVo } from '@/api/dto/worker';
 import { fetchWorkerList, deleteWorker } from '@/api/worker';
 import { datetimeFormatter } from '@/utils/formatter';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   setup() {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const deletings = ref<{ [name: string]: boolean }>({});
 
@@ -76,6 +78,7 @@ export default defineComponent({
       await fetchWorkers();
     });
     return {
+      t,
       deletings,
       workerListData,
       datetimeFormatter,
@@ -84,12 +87,12 @@ export default defineComponent({
           return;
         }
 
-        let msg = '<div>确定要删除Worker吗?</div>';
+        let msg = `<div>${t('workersManager.confirmDeleteMsg')}</div>`;
         msg += `<div style="margin-top: 5px; font-size: 12px; line-height: normal;">ID：${id}</div>`;
         proxy
-          .$confirm(msg, '删除Worker', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
+          .$confirm(msg, t('workersManager.confirmDeleteTitle'), {
+            confirmButtonText: t('workersManager.confirm'),
+            cancelButtonText: t('workersManager.cancel'),
             type: 'warning',
             dangerouslyUseHTMLString: true,
           })
@@ -97,7 +100,7 @@ export default defineComponent({
             deletings.value[id] = true;
             deleteWorker(id)
               .then(() => {
-                proxy.$success('删除成功');
+                proxy.$success(t('workersManager.success'));
                 delete deletings.value[id];
                 const index = workerListData.value.findIndex(item => item.id === id);
                 workerListData.value.splice(index, 1);
-- 
Gitee


From 4bc71c96c715ea9a628ca581ba7f8f3ceea5c1dd Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Fri, 18 Apr 2025 15:15:56 +0800
Subject: [PATCH 32/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0detail.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                       | 50 ++++++++++++++-
 .../workflow-execution-record/detail.vue      | 61 ++++++++++---------
 2 files changed, 80 insertions(+), 31 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 623d7a3e9..a4747633b 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -259,6 +259,29 @@ const messages = {
       cancel: '取消',
       success: '删除成功',
     },
+    detail: {
+      terminateAll: '终止全部',
+      trigger: '触发',
+      notClickable: '暂无法点击',
+      startTime: '启动时间',
+      endTime: '完成时间',
+      suspendedDuration: '挂起时长',
+      executionDuration: '执行时长',
+      none: '无',
+      instanceId: '流程实例ID',
+      version: '流程版本号',
+      terminate: '终止',
+      success: '操作成功',
+      confirmTrigger: '确定要触发吗?',
+      triggerExecution: '触发项目执行',
+      confirm: '确定',
+      cancel: '取消',
+      terminatingSuccess: '操作成功，正在终止，请稍后',
+      confirmTerminateAll: '确定要终止执行中/挂起的全部实例吗？',
+      terminateExecution: '终止项目执行',
+      confirmTerminate: '确定要终止吗?',
+      terminateSuccess: '终止成功',
+    },
   },
 
   en: {
@@ -395,7 +418,7 @@ const messages = {
       items: ' items',
       homeShow: 'Home Show',
       confirmDeleteGroup: 'Sure you want to delete the group?',
-      name: 'Name:',
+      name: 'Name:  ',
       deleteGroup: 'Delete Group',
       confirm: 'Confirm',
       cancel: 'Cancel',
@@ -456,7 +479,7 @@ const messages = {
       add: 'New Secret Key',
       none: 'None',
       confirmDelete: 'Are you sure you want to delete the secret key?',
-      name: 'Name:',
+      name: 'Name:  ',
       delete: 'Delete Secret Key',
       confirm: 'Confirm',
       cancel: 'Cancel',
@@ -516,6 +539,29 @@ const messages = {
       cancel: 'Cancel',
       success: 'Delete Successful',
     },
+    detail: {
+      terminateAll: 'Terminate all',
+      trigger: 'Trigger',
+      notClickable: 'Not clickable at this time',
+      startTime: 'Start time',
+      endTime: 'Completion time',
+      suspendedDuration: 'Hanging length',
+      executionDuration: 'Execution length',
+      none: 'None',
+      instanceId: 'Process instance ID',
+      version: 'Process version number',
+      terminate: 'Terminate',
+      success: 'Operation successful',
+      confirmTrigger: 'Sure you want to trigger?',
+      triggerExecution: 'Trigger Project Execution',
+      confirm: 'Confirm',
+      cancel: 'Cancel',
+      terminatingSuccess: 'Operation Successful, terminating, please wait',
+      confirmTerminateAll: 'Sure you want to terminate all instances in execution/pending?',
+      terminateExecution: 'Terminate Project Execution',
+      confirmTerminate: 'Sure you want to terminate?',
+      terminateSuccess: 'Terminate Successful',
+    },
   },
 };
 
diff --git a/ui/src/views/workflow-execution-record/detail.vue b/ui/src/views/workflow-execution-record/detail.vue
index 00690e57a..3c24e7fe8 100644
--- a/ui/src/views/workflow-execution-record/detail.vue
+++ b/ui/src/views/workflow-execution-record/detail.vue
@@ -8,11 +8,11 @@
         :class="[clicked ? 'clicked' : '']"
         @keypress.enter.prevent
       >
-        终止全部
+        {{ t('detail.terminateAll') }}
       </button>
       <!-- <jm-tooltip :content="clicked ? '暂无法点击' : '终止全部'" placement="left">
       </jm-tooltip> -->
-      <jm-tooltip content="触发" placement="left">
+      <jm-tooltip :content="t('detail.trigger')" placement="left">
         <button class="trigger-btn jm-icon-button-on" @click="execute" @keypress.enter.prevent></button>
       </jm-tooltip>
       <div class="info">
@@ -63,30 +63,30 @@
           <div class="value">
             {{ datetimeFormatter(data.record?.startTime) }}
           </div>
-          <div>启动时间</div>
+          <div>{{ t('detail.startTime') }}</div>
         </div>
         <div class="item">
           <div class="value">{{ datetimeFormatter(data.record?.endTime) }}</div>
-          <div>完成时间</div>
+          <div>{{ t('detail.endTime') }}</div>
         </div>
         <div class="item" v-if="data.record?.status === WorkflowExecutionRecordStatusEnum.SUSPENDED">
           <jm-timer class="value" :start-time="data.record?.suspendedTime" />
-          <div>挂起时长</div>
+          <div>{{ t('detail.suspendedDuration') }}</div>
         </div>
         <div class="item" v-else>
           <jm-timer class="value" :start-time="data.record?.startTime" :end-time="data.record?.endTime" />
-          <div>执行时长</div>
+          <div>{{ t('detail.executionDuration') }}</div>
         </div>
         <div class="item">
-          <div v-if="!data.record?.id" class="value">无</div>
+          <div v-if="!data.record?.id" class="value">{{ t('detail.none') }}</div>
           <jm-text-viewer v-else :value="data.record?.id" class="value" />
-          <div>流程实例ID</div>
+          <div>{{ t('detail.instanceId') }}</div>
         </div>
         <div class="item">
-          <jm-text-viewer :value="data.record?.workflowVersion || '无'" class="value" />
-          <div>流程版本号</div>
+          <jm-text-viewer :value="data.record?.workflowVersion || t('detail.none')" class="value" />
+          <div>{{ t('detail.version') }}</div>
         </div>
-        <jm-tooltip v-if="checkWorkflowRunning(data.record?.status)" content="终止" placement="left">
+        <jm-tooltip v-if="checkWorkflowRunning(data.record?.status)" :content="t('detail.terminate')" placement="left">
           <button
             :class="{
               'terminate-btn': true,
@@ -131,6 +131,7 @@ import { terminate, terminateAll } from '@/api/workflow-execution-record';
 import { HttpError, TimeoutError } from '@/utils/rest/error';
 import { IProjectDetailVo, IProjectTriggeringDto, ITriggerDefinitionVo } from '@/api/dto/project';
 import { IRootState } from '@/model';
+import { useLocale } from '@/utils/i18n';
 
 const { mapActions, mapMutations } = createNamespacedHelpers(namespace);
 
@@ -144,6 +145,7 @@ export default defineComponent({
     workflowExecutionRecordId: String,
   },
   setup(props: any) {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const router = useRouter();
     const store = useStore();
@@ -293,7 +295,7 @@ export default defineComponent({
       try {
         await executeImmediately(props.projectId, payload);
         visible.value = false;
-        proxy.$success('操作成功');
+        proxy.$success(t('detail.success'));
 
         // 清除滚动偏移量
         proxy.mutateNavScrollLeft(0);
@@ -312,6 +314,7 @@ export default defineComponent({
       }
     };
     return {
+      t,
       visible,
       webhookDefinition,
       navScrollBar,
@@ -355,23 +358,23 @@ export default defineComponent({
 
       execute: async () => {
         const isWarning = data.value.project?.triggerType === TriggerTypeEnum.WEBHOOK;
-        const msg = '<div>确定要触发吗?</div>';
+        const msg = `<div>${t('detail.confirmTrigger')}</div>`;
         if (isWarning) {
           // 获取webhook触发器定义
           webhookDefinition.value = await fetchWebhookDefinition(props.projectId);
           // 如果没有webhook触发器参数定义则可直接触发
           if (!webhookDefinition.value.params) {
             proxy
-              .$confirm(msg, '触发项目执行', {
-                confirmButtonText: '确定',
-                cancelButtonText: '取消',
+              .$confirm(msg, t('detail.triggerExecution'), {
+                confirmButtonText: t('detail.confirm'),
+                cancelButtonText: t('detail.cancel'),
                 type: 'info',
                 dangerouslyUseHTMLString: true,
               })
               .then(() => {
                 executeImmediately(props.projectId)
                   .then(async () => {
-                    proxy.$success('操作成功');
+                    proxy.$success(t('detail.success'));
 
                     // 清除滚动偏移量
                     proxy.mutateNavScrollLeft(0);
@@ -394,16 +397,16 @@ export default defineComponent({
           }
         } else {
           proxy
-            .$confirm(msg, '触发项目执行', {
-              confirmButtonText: '确定',
-              cancelButtonText: '取消',
+            .$confirm(msg, t('detail.triggerExecution'), {
+              confirmButtonText: t('detail.confirm'),
+              cancelButtonText: t('detail.cancel'),
               type: isWarning ? 'warning' : 'info',
               dangerouslyUseHTMLString: true,
             })
             .then(() => {
               executeImmediately(props.projectId)
                 .then(async () => {
-                  proxy.$success('操作成功');
+                  proxy.$success(t('detail.success'));
 
                   // 清除滚动偏移量
                   proxy.mutateNavScrollLeft(0);
@@ -424,9 +427,9 @@ export default defineComponent({
       },
       terminateAllRecord: () => {
         proxy
-          .$confirm('确定要终止执行中/挂起的全部实例吗？', '终止全部', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
+          .$confirm(t('detail.confirmTerminateAll'), t('detail.terminateAll'), {
+            confirmButtonText: t('detail.confirm'),
+            cancelButtonText: t('detail.cancel'),
             type: 'info',
           })
           .then((type: any) => {
@@ -439,7 +442,7 @@ export default defineComponent({
             }
             terminateAll(data.value.record.workflowRef)
               .then(() => {
-                proxy.$success('操作成功，正在终止，请稍后');
+                proxy.$success(t('detail.terminatingSuccess'));
                 // 刷新详情
                 reloadMain();
               })
@@ -453,9 +456,9 @@ export default defineComponent({
       },
       terminate: () => {
         proxy
-          .$confirm('确定要终止吗?', '终止项目执行', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
+          .$confirm(t('detail.confirmTerminate'), t('detail.terminateExecution'), {
+            confirmButtonText: t('detail.confirm'),
+            cancelButtonText: t('detail.cancel'),
             type: 'info',
           })
           .then(() => {
@@ -465,7 +468,7 @@ export default defineComponent({
 
             terminate(data.value.record.id)
               .then(() => {
-                proxy.$success('终止成功');
+                proxy.$success(t('detail.terminateSuccess'));
 
                 // 刷新详情
                 reloadMain();
-- 
Gitee


From fbbde7d28b1d5312cd297dbf6046260266cec96e Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Fri, 18 Apr 2025 15:30:06 +0800
Subject: [PATCH 33/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0process-log.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                       | 24 +++++++++++++++++--
 .../workflow-execution-record/process-log.vue | 19 +++++++++------
 2 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index a4747633b..93e3f3e69 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -282,6 +282,16 @@ const messages = {
       confirmTerminate: '确定要终止吗?',
       terminateSuccess: '终止成功',
     },
+    processLog: {
+      processName: '流程名称',
+      startTime: '启动时间',
+      endTime: '完成时间',
+      suspendedDuration: '挂起时长',
+      executionDuration: '执行时长',
+      instanceId: '流程实例ID',
+      version: '流程版本号',
+      loading: '加载中...',
+    },
   },
 
   en: {
@@ -545,8 +555,8 @@ const messages = {
       notClickable: 'Not clickable at this time',
       startTime: 'Start time',
       endTime: 'Completion time',
-      suspendedDuration: 'Hanging length',
-      executionDuration: 'Execution length',
+      suspendedDuration: 'Suspended Duration',
+      executionDuration: 'Execution Duration',
       none: 'None',
       instanceId: 'Process instance ID',
       version: 'Process version number',
@@ -562,6 +572,16 @@ const messages = {
       confirmTerminate: 'Sure you want to terminate?',
       terminateSuccess: 'Terminate Successful',
     },
+    processLog: {
+      processName: 'Process name',
+      startTime: 'Start time',
+      endTime: 'Completion time',
+      suspendedDuration: 'Suspended Duration',
+      executionDuration: 'Execution Duration',
+      instanceId: 'Process instance ID',
+      version: 'Process version number',
+      loading: 'Loading...',
+    },
   },
 };
 
diff --git a/ui/src/views/workflow-execution-record/process-log.vue b/ui/src/views/workflow-execution-record/process-log.vue
index 808cdd294..e1e30631c 100644
--- a/ui/src/views/workflow-execution-record/process-log.vue
+++ b/ui/src/views/workflow-execution-record/process-log.vue
@@ -2,38 +2,40 @@
   <div class="workflow-execution-record-process-log">
     <div class="basic-section">
       <div class="item">
-        <div class="param-key">流程名称</div>
+        <div class="param-key">{{ t('processLog.processName') }}</div>
         <div class="param-value">
           <jm-text-viewer :value="workflowName" :tip-append-to-body="false" />
         </div>
       </div>
       <div class="item">
-        <div class="param-key">启动时间</div>
+        <div class="param-key">{{ t('processLog.startTime') }}</div>
         <div class="param-value">
           <jm-text-viewer :value="datetimeFormatter(process.startTime)" :tip-append-to-body="false" />
         </div>
       </div>
       <div class="item">
-        <div class="param-key">完成时间</div>
+        <div class="param-key">{{ t('processLog.endTime') }}</div>
         <div class="param-value">
           <jm-text-viewer :value="datetimeFormatter(process.endTime)" :tip-append-to-body="false" />
         </div>
       </div>
       <div class="item">
-        <div class="param-key">{{ isSuspended ? '挂起时长' : '执行时长' }}</div>
+        <div class="param-key">
+          {{ isSuspended ? t('processLog.suspendedDuration') : t('processLog.executionDuration') }}
+        </div>
         <div class="param-value">
           <jm-timer v-if="isSuspended" :start-time="process.suspendedTime" :tip-append-to-body="false" />
           <jm-timer v-else :start-time="process.startTime" :end-time="process.endTime" :tip-append-to-body="false" />
         </div>
       </div>
       <div class="item">
-        <div class="param-key">流程实例ID</div>
+        <div class="param-key">{{ t('processLog.instanceId') }}</div>
         <div class="param-value">
           <jm-text-viewer :value="process.id" :tip-append-to-body="false" />
         </div>
       </div>
       <div class="item">
-        <div class="param-key">流程版本号</div>
+        <div class="param-key">{{ t('processLog.version') }}</div>
         <div class="param-value">
           <jm-text-viewer :value="process.workflowVersion" :tip-append-to-body="false" />
         </div>
@@ -43,7 +45,7 @@
     <div class="process-log">
       <div class="log">
         <div class="loading" v-if="executing">
-          <jm-button type="text" size="small" :loading="executing"> 加载中... </jm-button>
+          <jm-button type="text" size="small" :loading="executing">{{ t('processLog.loading') }}</jm-button>
         </div>
         <jm-log-viewer
           :filename="`${process.name}.txt`"
@@ -66,9 +68,11 @@ import { IWorkflowExecutionRecordVo } from '@/api/dto/workflow-execution-record'
 import { datetimeFormatter } from '@/utils/formatter';
 import { TriggerTypeEnum, WorkflowExecutionRecordStatusEnum } from '@/api/dto/enumeration';
 import { downloadWorkflowLogs, randomWorkflowLogs } from '@/api/workflow-execution-record';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   setup() {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const state = useStore().state[namespace] as IState;
     const process = computed<IWorkflowExecutionRecordVo>(
@@ -104,6 +108,7 @@ export default defineComponent({
     };
 
     return {
+      t,
       workflowName: state.recordDetail.record?.name,
       process,
       executing,
-- 
Gitee


From 4aeff0e44f8e667a6556a061605c53202166d606 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Fri, 18 Apr 2025 16:39:40 +0800
Subject: [PATCH 34/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0task-log.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                       |  66 ++++++++
 .../workflow-execution-record/task-log.vue    | 145 ++++++++++--------
 2 files changed, 150 insertions(+), 61 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 93e3f3e69..d49629675 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -292,6 +292,39 @@ const messages = {
       version: '流程版本号',
       loading: '加载中...',
     },
+    taskLog: {
+      processName: '流程名称',
+      executionCount: '执行次数',
+      nodeName: '节点名称',
+      successCount: '成功次数',
+      nodeDefinition: '节点定义',
+      failureCount: '失败次数',
+      startTime: '启动时间',
+      skipCount: '跳过次数',
+      executionDuration: '执行时长',
+      suspendedCount: '挂起次数',
+      executionStatus: '执行状态',
+      ignoreCount: '忽略次数',
+      log: '日志',
+      loading: '加载中...',
+      businessParams: '业务参数',
+      inputParams: '输入参数',
+      paramKey: '参数唯一标识',
+      paramType: '参数类型',
+      requiredOrNot: '是/否必填',
+      yes: '是',
+      no: '否',
+      paramValue: '参数值',
+      outputParams: '输出参数',
+      cache: '缓存',
+      mountPath: '挂载目录',
+      status: '状态',
+      unavailableTipLine1: '对于不可用的缓存，可到项目卡片-',
+      unavailableTipLine2: '更多-缓存中清理或项目编辑页删除',
+      available: '可用',
+      unavailable: '不可用',
+      requiredField: '必填项',
+    },
   },
 
   en: {
@@ -582,6 +615,39 @@ const messages = {
       version: 'Process version number',
       loading: 'Loading...',
     },
+    taskLog: {
+      processName: 'Process Name',
+      executionCount: 'Execution Count',
+      nodeName: 'Node Name',
+      successCount: 'Success Count',
+      nodeDefinition: 'Node Definition',
+      failureCount: 'Failure Count',
+      startTime: 'Start Time',
+      skipCount: 'Skip Count',
+      executionDuration: 'Execution Duration',
+      suspendedCount: 'Suspended Count',
+      executionStatus: 'Execution Status',
+      ignoreCount: 'Ignore Count',
+      log: 'Log',
+      loading: 'Loading...',
+      businessParams: 'Business Parameters',
+      inputParams: 'Input Parameters',
+      paramKey: 'Parameter Unique Identifier',
+      paramType: 'Parameter Type',
+      requiredOrNot: 'Yes/No Required',
+      yes: 'Yes',
+      no: 'No',
+      paramValue: 'Parameter Value',
+      outputParams: 'Output Parameters',
+      cache: 'Cache',
+      mountPath: 'Mounted Directory',
+      status: 'Status',
+      unavailableTipLine1: 'For unavailable caches, you can go to Project Cards -',
+      unavailableTipLine2: 'More - Cleanup in Cache or the Project Edit Page to delete',
+      available: 'Available',
+      unavailable: 'Unavailable',
+      requiredField: 'Required fields',
+    },
   },
 };
 
diff --git a/ui/src/views/workflow-execution-record/task-log.vue b/ui/src/views/workflow-execution-record/task-log.vue
index 00eb46fe2..8f164c267 100644
--- a/ui/src/views/workflow-execution-record/task-log.vue
+++ b/ui/src/views/workflow-execution-record/task-log.vue
@@ -3,73 +3,73 @@
     <div class="basic-section">
       <div class="item">
         <div>
-          <div class="param-key">流程名称</div>
+          <div class="param-key">{{ t('taskLog.processName') }}</div>
           <div class="param-value">
             <jm-text-viewer :value="workflowName" :tip-append-to-body="false" />
           </div>
         </div>
         <div class="param-number" v-if="tasks.length > 1">
-          <div class="title">执行次数</div>
+          <div class="title">{{ t('taskLog.executionCount') }}</div>
           <div class="total times">{{ statusParams.total }}</div>
         </div>
       </div>
       <div class="item">
         <div>
-          <div class="param-key">节点名称</div>
+          <div class="param-key">{{ t('taskLog.nodeName') }}</div>
           <div class="param-value">
             <jm-text-viewer :value="nodeName" :tip-append-to-body="false" />
           </div>
         </div>
         <div class="param-number" v-if="tasks.length > 1">
-          <div class="title">成功次数</div>
+          <div class="title">{{ t('taskLog.successCount') }}</div>
           <div class="success times">{{ statusParams.successNum }}</div>
         </div>
       </div>
       <div class="item">
         <div>
-          <div class="param-key">节点定义</div>
+          <div class="param-key">{{ t('taskLog.nodeDefinition') }}</div>
           <div class="param-value">
             <jm-text-viewer :value="nodeDef" :tip-append-to-body="false" />
           </div>
         </div>
         <div class="param-number" v-if="tasks.length > 1">
-          <div class="title">失败次数</div>
+          <div class="title">{{ t('taskLog.failureCount') }}</div>
           <div class="fail times">{{ statusParams.failNum }}</div>
         </div>
       </div>
       <div class="item">
         <div>
-          <div class="param-key">启动时间</div>
+          <div class="param-key">{{ t('taskLog.startTime') }}</div>
           <div class="param-value">
             <jm-text-viewer :value="datetimeFormatter(task.startTime)" :tip-append-to-body="false" />
           </div>
         </div>
         <div class="param-number" v-if="tasks.length > 1">
-          <div class="title">跳过次数</div>
+          <div class="title">{{ t('taskLog.skipCount') }}</div>
           <div class="skip times">{{ statusParams.skipNum }}</div>
         </div>
       </div>
       <div class="item">
         <div>
-          <div class="param-key">执行时长</div>
+          <div class="param-key">{{ t('taskLog.executionDuration') }}</div>
           <div class="param-value">
             <jm-timer :start-time="task.startTime" :end-time="task.endTime" :tip-append-to-body="false" />
           </div>
         </div>
         <div class="param-number" v-if="tasks.length > 1">
-          <div class="title">挂起次数</div>
+          <div class="title">{{ t('taskLog.suspendedCount') }}</div>
           <div class="suspend times">{{ statusParams.suspendNum }}</div>
         </div>
       </div>
       <div class="item">
         <div>
-          <div class="param-key">执行状态</div>
+          <div class="param-key">{{ t('taskLog.executionStatus') }}</div>
           <div>
             <jm-task-state :value="task.status" />
           </div>
         </div>
         <div class="param-number" v-if="tasks.length > 1">
-          <div class="title">忽略次数</div>
+          <div class="title">{{ t('taskLog.ignoreCount') }}</div>
           <div class="ignore times">{{ statusParams.ignoreNum }}</div>
         </div>
       </div>
@@ -79,12 +79,12 @@
       <jm-tabs v-model="tabActiveName">
         <jm-tab-pane name="log" lazy>
           <template #label>
-            <div class="tab">日志</div>
+            <div class="tab">{{ t('taskLog.log') }}</div>
           </template>
           <div class="tab-content">
             <div :class="[tasks.length > 1 ? 'tasks-log' : 'task-log']" class="log">
               <div class="loading" v-if="executing">
-                <jm-button type="text" size="small" :loading="executing"> 加载中...</jm-button>
+                <jm-button type="text" size="small" :loading="executing">{{ t('taskLog.loading') }}</jm-button>
               </div>
               <jm-log-viewer
                 v-if="currentInstanceId"
@@ -98,13 +98,15 @@
         </jm-tab-pane>
         <jm-tab-pane name="params" lazy>
           <template #label>
-            <div class="tab">业务参数</div>
+            <div class="tab" style="min-width: 180px; text-align: center">
+              {{ t('taskLog.businessParams') }}
+            </div>
           </template>
           <div class="tab-content">
             <div :class="[tasks.length > 1 ? 'tasks-params' : 'task-params']" class="params">
               <jm-scrollbar>
                 <div class="content">
-                  <div class="title">输入参数</div>
+                  <div class="title">{{ t('taskLog.inputParams') }}</div>
                   <jm-table
                     :data="taskInputParams"
                     :border="true"
@@ -112,7 +114,12 @@
                       ({ row, columnIndex }) => (row.required && columnIndex === 0 ? 'required-cell' : '')
                     "
                   >
-                    <jm-table-column label="参数唯一标识" header-align="center" width="200px" prop="ref">
+                    <jm-table-column header-align="center" width="200px" prop="ref">
+                      <template #header>
+                        <div style="white-space: normal; text-align: center; word-break: keep-all">
+                          {{ t('taskLog.paramKey') }}
+                        </div>
+                      </template>
                       <template #default="scope">
                         <div
                           :style="{
@@ -127,40 +134,43 @@
                               @loaded="({ contentMaxWidth }) => getTotalWidth(contentMaxWidth, scope.row.ref)"
                             />
                           </div>
-                          <jm-tooltip content="必填项" placement="top" :appendToBody="false" v-if="scope.row.required">
+                          <jm-tooltip
+                            :content="t('taskLog.requiredField')"
+                            placement="top"
+                            :appendToBody="false"
+                            v-if="scope.row.required"
+                          >
                             <img src="~@/assets/svgs/task-log/required.svg" alt="" />
                           </jm-tooltip>
                         </div>
                       </template>
                     </jm-table-column>
-                    <jm-table-column
-                      header-align="center"
-                      label="参数类型"
-                      width="110px"
-                      align="center"
-                      prop="valueType"
-                    >
+                    <jm-table-column header-align="center" width="110px" align="center" prop="valueType">
+                      <template #header>
+                        <div style="white-space: normal; text-align: center; word-break: keep-all">
+                          {{ t('taskLog.paramType') }}
+                        </div>
+                      </template>
                     </jm-table-column>
-                    <jm-table-column
-                      label="是/否必填"
-                      header-align="center"
-                      align="center"
-                      width="110px"
-                      prop="required"
-                    >
+                    <jm-table-column header-align="center" align="center" width="110px" prop="required">
+                      <template #header>
+                        <div style="white-space: normal; text-align: center; word-break: keep-all">
+                          {{ t('taskLog.requiredOrNot') }}
+                        </div>
+                      </template>
                       <template #default="scope">
                         <span :class="[scope.row.required ? 'is-required' : '']">
-                          {{ scope.row.required ? '是' : '否' }}
+                          {{ scope.row.required ? t('taskLog.yes') : t('taskLog.no') }}
                         </span>
                       </template>
                     </jm-table-column>
-                    <jm-table-column label="参数值" header-align="center">
+                    <jm-table-column :label="t('taskLog.paramValue')" header-align="center">
                       <template #default="scope">
                         <param-value :value="scope.row.value" :tip-append-to-body="false" :type="scope.row.valueType" />
                       </template>
                     </jm-table-column>
                   </jm-table>
-                  <div class="title separator">输出参数</div>
+                  <div class="title separator">{{ t('taskLog.outputParams') }}</div>
                   <jm-table
                     :data="taskOutputParams"
                     :border="true"
@@ -168,7 +178,12 @@
                       ({ row, columnIndex }) => (row.required && columnIndex === 0 ? 'required-cell' : '')
                     "
                   >
-                    <jm-table-column header-align="center" label="参数唯一标识" width="200px" prop="ref">
+                    <jm-table-column header-align="center" width="200px" prop="ref">
+                      <template #header>
+                        <div style="white-space: normal; text-align: center; word-break: keep-all">
+                          {{ t('taskLog.paramKey') }}
+                        </div>
+                      </template>
                       <template #default="scope">
                         <div
                           :style="{
@@ -183,34 +198,37 @@
                               @loaded="({ contentMaxWidth }) => getTotalWidth(contentMaxWidth, scope.row.ref)"
                             />
                           </div>
-                          <jm-tooltip content="必填项" placement="top" :appendToBody="false" v-if="scope.row.required">
+                          <jm-tooltip
+                            :content="t('taskLog.requiredField')"
+                            placement="top"
+                            :appendToBody="false"
+                            v-if="scope.row.required"
+                          >
                             <img src="~@/assets/svgs/task-log/required.svg" alt="" />
                           </jm-tooltip>
                         </div>
                       </template>
                     </jm-table-column>
-                    <jm-table-column
-                      header-align="center"
-                      label="参数类型"
-                      align="center"
-                      width="110px"
-                      prop="valueType"
-                    >
+                    <jm-table-column header-align="center" align="center" width="110px" prop="valueType">
+                      <template #header>
+                        <div style="white-space: normal; text-align: center; word-break: keep-all">
+                          {{ t('taskLog.paramType') }}
+                        </div>
+                      </template>
                     </jm-table-column>
-                    <jm-table-column
-                      header-align="center"
-                      label="是/否必填"
-                      width="110px"
-                      align="center"
-                      prop="required"
-                    >
+                    <jm-table-column header-align="center" width="110px" align="center" prop="required">
+                      <template #header>
+                        <div style="white-space: normal; text-align: center; word-break: keep-all">
+                          {{ t('taskLog.requiredOrNot') }}
+                        </div>
+                      </template>
                       <template #default="scope">
                         <span :class="[scope.row.required ? 'is-required' : '']">
-                          {{ scope.row.required ? '是' : '否' }}
+                          {{ scope.row.required ? t('taskLog.yes') : t('taskLog.no') }}
                         </span>
                       </template>
                     </jm-table-column>
-                    <jm-table-column label="参数值" header-align="center">
+                    <jm-table-column :label="t('taskLog.paramValue')" header-align="center">
                       <template #default="scope">
                         <param-value :value="scope.row.value" :tip-append-to-body="false" :type="scope.row.valueType" />
                       </template>
@@ -223,7 +241,7 @@
         </jm-tab-pane>
         <jm-tab-pane name="cache" v-if="showCache" lazy>
           <template #label>
-            <div class="tab">缓存</div>
+            <div class="tab">{{ t('taskLog.cache') }}</div>
           </template>
           <div class="tab-content">
             <div class="params">
@@ -231,12 +249,12 @@
                 <div class="content">
                   <div class="cache-table">
                     <jm-table :data="nodeCaches" :border="true">
-                      <jm-table-column header-align="center" label="缓存" prop="name">
+                      <jm-table-column header-align="center" :label="t('taskLog.cache')" prop="name">
                         <template #default="scope">
                           <jm-text-viewer :value="scope.row.name" />
                         </template>
                       </jm-table-column>
-                      <jm-table-column label="挂载目录" header-align="center" prop="path">
+                      <jm-table-column :label="t('taskLog.mountPath')" header-align="center" prop="path">
                         <template #default="scope">
                           <jm-text-viewer :value="scope.row.path" />
                         </template>
@@ -244,11 +262,11 @@
                       <jm-table-column header-align="center" class-name="status" prop="available">
                         <template #header>
                           <div class="wrapper">
-                            <span>状态</span>
+                            <span>{{ t('taskLog.status') }}</span>
                             <jm-tooltip>
                               <template #content>
-                                <p>对于不可用的缓存，可到项目卡片-</p>
-                                <p style="margin-top: 5px">更多-缓存中清理或项目编辑页删除</p>
+                                <p>{{ t('taskLog.unavailableTipLine1') }}</p>
+                                <p style="margin-top: 5px">{{ t('taskLog.unavailableTipLine2') }}</p>
                               </template>
                               <i class="icon jm-icon-button-help"></i>
                             </jm-tooltip>
@@ -256,9 +274,11 @@
                         </template>
                         <template #default="scope">
                           <div class="enable" v-if="scope.row.available">
-                            可用<i class="jm-icon-button-success icon"></i>
+                            {{ t('taskLog.available') }}<i class="jm-icon-button-success icon"></i>
+                          </div>
+                          <div class="disabled" v-else>
+                            {{ t('taskLog.unavailable') }}<i class="jm-icon-button-warning icon"></i>
                           </div>
-                          <div class="disabled" v-else>不可用<i class="jm-icon-button-warning icon"></i></div>
                         </template>
                       </jm-table-column>
                     </jm-table>
@@ -300,6 +320,7 @@ import { sortTasks } from '@/components/workflow/workflow-viewer/model/util';
 import { downloadNodeLogs } from '@/api/workflow-execution-record';
 import ParamValue from '@/views/common/param-value.vue';
 import { INodeCacheVo } from '@/api/dto/cache';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   components: { TaskList, ParamValue },
@@ -318,6 +339,7 @@ export default defineComponent({
     },
   },
   setup(props: any) {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const { pipeline, workflow } = yaml.parse(props.dsl);
     const state = useStore().state[namespace] as IState;
@@ -537,6 +559,7 @@ export default defineComponent({
       }
     };
     return {
+      t,
       showCache,
       nodeCaches,
       ParamTypeEnum,
-- 
Gitee


From a53cc3b43109fdc761dedb172defab419ec60d5a Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Fri, 18 Apr 2025 16:55:34 +0800
Subject: [PATCH 35/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0webhook-log.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                       | 24 +++++++++++++++++++
 .../workflow-execution-record/webhook-log.vue | 23 ++++++++++--------
 2 files changed, 37 insertions(+), 10 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index d49629675..953da304b 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -325,6 +325,18 @@ const messages = {
       unavailable: '不可用',
       requiredField: '必填项',
     },
+    webhookLog: {
+      processName: '流程名称：',
+      nodeName: '节点名称：',
+      startTime: '启动时间：',
+      log: '日志',
+      businessParams: '业务参数',
+      paramKey: '参数唯一标识',
+      paramType: '参数类型',
+      paramValue: '参数值',
+      notTriggered: '尚未触发',
+      manualTriggerLog: '此次为手动触发，无webhook日志',
+    },
   },
 
   en: {
@@ -648,6 +660,18 @@ const messages = {
       unavailable: 'Unavailable',
       requiredField: 'Required fields',
     },
+    webhookLog: {
+      processName: 'Process Name:  ',
+      nodeName: 'Node Name:  ',
+      startTime: 'Start Time:  ',
+      log: 'Log',
+      businessParams: 'Business Parameters',
+      paramKey: 'Parameter Unique Identifier',
+      paramType: 'Parameter Type',
+      paramValue: 'Parameter Value',
+      notTriggered: 'Not Triggered Yet',
+      manualTriggerLog: 'This time manually triggered, no webhook logs',
+    },
   },
 };
 
diff --git a/ui/src/views/workflow-execution-record/webhook-log.vue b/ui/src/views/workflow-execution-record/webhook-log.vue
index 42b3d82d8..03e1bbfe1 100644
--- a/ui/src/views/workflow-execution-record/webhook-log.vue
+++ b/ui/src/views/workflow-execution-record/webhook-log.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="workflow-execution-record-webhook-log">
     <div class="basic-section">
-      <div class="param-key">流程名称：</div>
+      <div class="param-key">{{ t('webhookLog.processName') }}</div>
       <jm-text-viewer :value="workflowName" :tip-append-to-body="false" class="param-value" />
-      <div class="param-key">节点名称：</div>
+      <div class="param-key">{{ t('webhookLog.nodeName') }}</div>
       <jm-text-viewer :value="nodeName" :tip-append-to-body="false" class="param-value node-name" />
-      <div class="param-key">启动时间：</div>
+      <div class="param-key">{{ t('webhookLog.startTime') }}</div>
       <jm-text-viewer :value="startTime" :tip-append-to-body="false" class="param-value" />
     </div>
 
@@ -13,7 +13,7 @@
       <jm-tabs v-model="tabActiveName">
         <jm-tab-pane name="log" lazy>
           <template #label>
-            <div class="tab">日志</div>
+            <div class="tab">{{ t('webhookLog.log') }}</div>
           </template>
           <div class="tab-content">
             <div class="log">
@@ -23,26 +23,26 @@
         </jm-tab-pane>
         <jm-tab-pane name="params" lazy>
           <template #label>
-            <div class="tab">业务参数</div>
+            <div class="tab">{{ t('webhookLog.businessParams') }}</div>
           </template>
           <div class="tab-content">
             <div class="params">
               <jm-scrollbar>
                 <div class="content">
                   <jm-table :data="webhookParams" border>
-                    <jm-table-column label="参数唯一标识" align="center">
+                    <jm-table-column :label="t('webhookLog.paramKey')" align="center">
                       <template #default="scope">
                         <jm-text-viewer :value="scope.row.name" :tip-append-to-body="false" class="params-name" />
                       </template>
                     </jm-table-column>
-                    <jm-table-column label="参数类型" align="center" prop="type">
+                    <jm-table-column :label="t('webhookLog.paramType')" align="center" prop="type">
                       <template #default="scope">
                         <div class="text-viewer">
                           <jm-text-viewer :value="scope.row.type" :tip-append-to-body="false" class="params-name" />
                         </div>
                       </template>
                     </jm-table-column>
-                    <jm-table-column label="参数值" align="center">
+                    <jm-table-column :label="t('webhookLog.paramValue')" align="center">
                       <template #default="scope">
                         <param-value :value="scope.row.value" :tip-append-to-body="false" :type="scope.row.valueType" />
                       </template>
@@ -69,6 +69,7 @@ import { IEventParameterVo } from '@/api/dto/trigger';
 import { ParamTypeEnum, TriggerTypeEnum } from '@/api/dto/enumeration';
 import JmTextViewer from '@/components/text-viewer/index.vue';
 import ParamValue from '@/views/common/param-value.vue';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   components: { JmTextViewer, ParamValue },
@@ -85,6 +86,7 @@ export default defineComponent({
     },
   },
   setup(props: any) {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const state = useStore().state[namespace] as IState;
     const tabActiveName = ref<string>(props.tabType);
@@ -95,7 +97,7 @@ export default defineComponent({
     onMounted(async () => {
       if (!props.triggerId) {
         // 尚未触发
-        webhookLog.value = '尚未触发\n';
+        webhookLog.value = `${t('webhookLog.notTriggered')}\n`;
         return;
       }
 
@@ -105,7 +107,7 @@ export default defineComponent({
         webhookLog.value = payload
           ? 'Webhook:\n' + `payload: ${JSON.stringify(JSON.parse(payload), null, 2)}\n`
           : props.triggerType === TriggerTypeEnum.MANUAL
-            ? '此次为手动触发，无webhook日志'
+            ? t('webhookLog.manualTriggerLog')
             : '';
         webhookParams.value = parameters.sort((p1, p2) => p1.name.localeCompare(p2.name));
       } catch (err) {
@@ -113,6 +115,7 @@ export default defineComponent({
       }
     });
     return {
+      t,
       workflowName: state.recordDetail.record?.name,
       startTime: datetimeFormatter(state.recordDetail.record?.startTime),
       tabActiveName,
-- 
Gitee


From 7cfe8749c3715d00227741b9f620884393002007 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Fri, 18 Apr 2025 17:08:28 +0800
Subject: [PATCH 36/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0workflow.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                         | 10 ++++++++++
 .../workflow-execution-record/workflow.vue      | 17 +++++++++--------
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 953da304b..4b68ab56f 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -337,6 +337,11 @@ const messages = {
       notTriggered: '尚未触发',
       manualTriggerLog: '此次为手动触发，无webhook日志',
     },
+    workflow: {
+      taskLogTitle: '查看任务执行日志',
+      processLogTitle: '查看流程日志',
+      webhookLogTitle: '查看Webhook日志',
+    },
   },
 
   en: {
@@ -672,6 +677,11 @@ const messages = {
       notTriggered: 'Not Triggered Yet',
       manualTriggerLog: 'This time manually triggered, no webhook logs',
     },
+    workflow: {
+      taskLogTitle: 'View Task Execution Log',
+      processLogTitle: 'View Process Log',
+      webhookLogTitle: 'View Webhook Log',
+    },
   },
 };
 
diff --git a/ui/src/views/workflow-execution-record/workflow.vue b/ui/src/views/workflow-execution-record/workflow.vue
index f4c4ea5f7..cf14c8b51 100644
--- a/ui/src/views/workflow-execution-record/workflow.vue
+++ b/ui/src/views/workflow-execution-record/workflow.vue
@@ -11,25 +11,25 @@
       @click-webhook-node="openWebhookLog"
     />
     <jm-drawer
-      title="查看任务执行日志"
+      :title="t('workflow.taskLogTitle')"
       :size="850"
       v-model="taskLogForm.drawerVisible"
       direction="rtl"
       destroy-on-close
     >
-      <task-log :dsl="dslSourceCode" :business-id="taskLogForm.id" :tab-type="taskLogForm.tabType"/>
+      <task-log :dsl="dslSourceCode" :business-id="taskLogForm.id" :tab-type="taskLogForm.tabType" />
     </jm-drawer>
     <jm-drawer
-      title="查看流程日志"
+      :title="t('workflow.processLogTitle')"
       :size="850"
       v-model="processLogDrawer"
       direction="rtl"
       destroy-on-close
     >
-      <process-log/>
+      <process-log />
     </jm-drawer>
     <jm-drawer
-      title="查看Webhook日志"
+      :title="t('workflow.webhookLogTitle')"
       :size="850"
       v-model="webhookLogForm.drawerVisible"
       direction="rtl"
@@ -59,10 +59,12 @@ import { INodeDefVo, IProjectDetailVo } from '@/api/dto/project';
 import { NodeToolbarTabTypeEnum } from '@/components/workflow/workflow-viewer/model/data/enumeration';
 import { IRootState } from '@/model';
 import { ignoreTask, retryTask } from '@/api/workflow-execution-record';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   components: { TaskLog, ProcessLog, WebhookLog },
   setup() {
+    const { t } = useLocale();
     const loadData = inject('loadData') as (refreshing?: boolean) => void;
     const workflowRef = ref<HTMLElement>();
     const router = useRouter();
@@ -89,11 +91,10 @@ export default defineComponent({
     }>(() => state.recordDetail);
 
     return {
+      t,
       workflowRef,
       data,
-      dslSourceCode: computed<string | undefined>(
-        () => state.recordDetail.recordDsl,
-      ),
+      dslSourceCode: computed<string | undefined>(() => state.recordDetail.recordDsl),
       nodeInfos: computed<INodeDefVo[]>(() => state.recordDetail.nodeInfos),
       taskLogForm,
       webhookLogForm,
-- 
Gitee


From 54f63c1856551550322a2f52f08f3958732d480b Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Fri, 18 Apr 2025 17:21:16 +0800
Subject: [PATCH 37/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0index.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts | 16 ++++++++++++++++
 ui/src/views/index.vue  | 12 ++++++------
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 4b68ab56f..ff416d9d6 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -342,6 +342,14 @@ const messages = {
       processLogTitle: '查看流程日志',
       webhookLogTitle: '查看Webhook日志',
     },
+    index: {
+      graphProject: '图形项目',
+      codeProject: '代码项目',
+      workerManager: 'Worker管理',
+      localNode: '本地节点',
+      groupManager: '分组管理',
+      secretKeyManager: '密钥管理',
+    },
   },
 
   en: {
@@ -682,6 +690,14 @@ const messages = {
       processLogTitle: 'View Process Log',
       webhookLogTitle: 'View Webhook Log',
     },
+    index: {
+      graphProject: 'Graphics Projects',
+      codeProject: 'Code Projects',
+      workerManager: 'Worker Management',
+      localNode: 'Local Nodes',
+      groupManager: 'Group Management',
+      secretKeyManager: 'Secret Key Management',
+    },
   },
 };
 
diff --git a/ui/src/views/index.vue b/ui/src/views/index.vue
index 3d0004ff4..bf9ae2f37 100644
--- a/ui/src/views/index.vue
+++ b/ui/src/views/index.vue
@@ -6,13 +6,13 @@
           <router-link :to="{ name: 'create-pipeline' }">
             <div class="btn-item">
               <button class="graph"></button>
-              <span class="text">图形项目</span>
+              <span class="text">{{ $t('index.graphProject') }}</span>
             </div>
           </router-link>
           <router-link :to="{ name: 'create-project' }">
             <div class="btn-item">
               <button class="code"></button>
-              <span class="text">代码项目</span>
+              <span class="text">{{ $t('index.codeProject') }}</span>
             </div>
           </router-link>
           <!--          <router-link :to="{ name: 'import-project' }">-->
@@ -26,25 +26,25 @@
           <router-link :to="{ name: 'worker-manager' }">
             <div class="btn-item">
               <button class="worker-manager"></button>
-              <span class="text">Worker管理</span>
+              <span class="text">{{ $t('index.workerManager') }}</span>
             </div>
           </router-link>
           <router-link :to="{ name: 'node-library' }">
             <div class="btn-item">
               <button class="node-library"></button>
-              <span class="text">本地节点</span>
+              <span class="text">{{ $t('index.localNode') }}</span>
             </div>
           </router-link>
           <router-link :to="{ name: 'project-group' }">
             <div class="btn-item">
               <button class="group"></button>
-              <span class="text">分组管理</span>
+              <span class="text">{{ $t('index.groupManager') }}</span>
             </div>
           </router-link>
           <router-link :to="{ name: 'secret-key' }">
             <div class="btn-item secret-key">
               <button class="secret-key"></button>
-              <span class="text">密钥管理</span>
+              <span class="text">{{ $t('index.secretKeyManager') }}</span>
             </div>
           </router-link>
         </div>
-- 
Gitee


From dbdfb99fc73c3ea0b476dd51b1c42861a1fe43d6 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Fri, 18 Apr 2025 17:26:41 +0800
Subject: [PATCH 38/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0main.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts | 14 ++++++++++++++
 ui/src/views/main.vue   | 12 ++++++------
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index ff416d9d6..d14a2dd9a 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -350,6 +350,13 @@ const messages = {
       groupManager: '分组管理',
       secretKeyManager: '密钥管理',
     },
+    main: {
+      componentLib: '组件库',
+      loginPage: '登录页',
+      errorPage: '错误页：',
+      browserVersion: '浏览器版本',
+      network: '网络',
+    },
   },
 
   en: {
@@ -698,6 +705,13 @@ const messages = {
       groupManager: 'Group Management',
       secretKeyManager: 'Secret Key Management',
     },
+    main: {
+      componentLib: 'Component Library',
+      loginPage: 'Login Page',
+      errorPage: 'Error Page:  ',
+      browserVersion: 'Browser Version',
+      network: 'Web',
+    },
   },
 };
 
diff --git a/ui/src/views/main.vue b/ui/src/views/main.vue
index b5a0c63b1..3277afd82 100644
--- a/ui/src/views/main.vue
+++ b/ui/src/views/main.vue
@@ -1,16 +1,16 @@
 <template>
   <div class="main">
     <div>
-      <router-link to="/component-lib">组件库</router-link>
+      <router-link to="/component-lib">{{ $t('main.componentLib') }}</router-link>
     </div>
     <div>
-      <router-link to="/login">登录页</router-link>
+      <router-link to="/login">{{ $t('main.loginPage') }}</router-link>
     </div>
     <div class="error">
-      <div>错误页：</div>
+      <div>{{ $t('main.errorPage') }}</div>
       <div>
         <div>
-          <router-link to="/error/browser-version">浏览器版本</router-link>
+          <router-link to="/error/browser-version">{{ $t('main.browserVersion') }}</router-link>
         </div>
         <div>
           <router-link to="/error/http-status/404">404</router-link>
@@ -19,7 +19,7 @@
           <router-link to="/error/http-status/500">500</router-link>
         </div>
         <div>
-          <router-link to="/error/network">网络</router-link>
+          <router-link to="/error/network">{{ $t('main.network') }}</router-link>
         </div>
       </div>
     </div>
@@ -42,4 +42,4 @@ export default defineComponent({});
     display: flex;
   }
 }
-</style>
\ No newline at end of file
+</style>
-- 
Gitee


From 34cea8d5b91b6ef6a9cbba39e53b6e9fe760501e Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Mon, 21 Apr 2025 10:04:02 +0800
Subject: [PATCH 39/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0login.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts       | 30 ++++++++++++++++++++++++++++++
 ui/src/views/common/login.vue | 29 +++++++++++++++++------------
 2 files changed, 47 insertions(+), 12 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index d14a2dd9a..701ab5020 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -357,6 +357,21 @@ const messages = {
       browserVersion: '浏览器版本',
       network: '网络',
     },
+    login: {
+      welcome: '欢迎登录',
+      usernamePlaceholder: '请输入用户名',
+      passwordPlaceholder: '请输入密码',
+      remember: '记住用户名',
+      login: '登录',
+      loginProblem: '登录遇到问题，请尝试重新登录',
+      cancel: '取消',
+      reLogin: '重新登录',
+      loggingInWith: '{type} 账号登录中…',
+      loginWith: '使用 {type} 账号登录',
+      usernameEmpty: '用户名不能为空',
+      passwordEmpty: '密码不能为空',
+      success: '登录成功',
+    },
   },
 
   en: {
@@ -712,6 +727,21 @@ const messages = {
       browserVersion: 'Browser Version',
       network: 'Web',
     },
+    login: {
+      welcome: 'Welcome to login',
+      usernamePlaceholder: 'Please enter your username',
+      passwordPlaceholder: 'Please enter your password',
+      remember: 'Remember username',
+      login: 'Login',
+      loginProblem: 'Problems logging in, please try to log in again',
+      cancel: 'Cancel',
+      reLogin: 'Re-login',
+      loggingInWith: 'Account login in progress with {type}…',
+      loginWith: 'Use {type} account to login',
+      usernameEmpty: 'Username can\'t be empty',
+      passwordEmpty: 'Password can\'t be empty',
+      success: 'Login successful',
+    },
   },
 };
 
diff --git a/ui/src/views/common/login.vue b/ui/src/views/common/login.vue
index ec59ef05a..d838f3112 100644
--- a/ui/src/views/common/login.vue
+++ b/ui/src/views/common/login.vue
@@ -2,7 +2,7 @@
   <div class="login">
     <div class="number-login" v-if="!loginType">
       <div class="desc">
-        <span>欢迎登录</span>
+        <span>{{ t('login.welcome') }}</span>
         <div class="tip">
           <slot name="tip"></slot>
         </div>
@@ -14,7 +14,7 @@
               v-model="loginForm.username"
               prefix-icon="jm-icon-input-user"
               clearable
-              placeholder="请输入用户名"
+              :placeholder="t('login.usernamePlaceholder')"
               @keyup.enter="login"
             />
           </jm-form-item>
@@ -27,18 +27,18 @@
               type="password"
               clearable
               show-password
-              placeholder="请输入密码"
+              :placeholder="t('login.passwordPlaceholder')"
               @keyup.enter="login"
             />
           </jm-form-item>
         </div>
         <div class="item">
           <jm-checkbox v-model="loginForm.remember" @keyup.enter="login">
-            <span class="label">记住用户名</span>
+            <span class="label">{{ t('login.remember') }}</span>
           </jm-checkbox>
         </div>
         <div class="btn">
-          <jm-button type="primary" @click="login" :loading="loading">登录 </jm-button>
+          <jm-button type="primary" @click="login" :loading="loading">{{ t('login.login') }}</jm-button>
         </div>
       </jm-form>
     </div>
@@ -46,10 +46,10 @@
       <div class="logo">
         <div class="img"></div>
       </div>
-      <div class="tip">登录遇到问题，请尝试重新登录</div>
+      <div class="tip">{{ t('login.loginProblem') }}</div>
       <div class="operations">
-        <jm-button class="btn cancel" @click="$emit('cancel')">取消</jm-button>
-        <jm-button type="primary" class="btn" @click="fetchThirdAuthUrl">重新登录</jm-button>
+        <jm-button class="btn cancel" @click="$emit('cancel')">{{ t('login.cancel') }}</jm-button>
+        <jm-button type="primary" class="btn" @click="fetchThirdAuthUrl">{{ t('login.reLogin') }}</jm-button>
       </div>
     </div>
     <div :class="[`${loginType.toLowerCase()}-login`, loading ? 'loading' : '']" @click="fetchThirdAuthUrl" v-else>
@@ -57,7 +57,9 @@
         <div class="img" v-if="!loading"></div>
         <div class="loading" v-else></div>
       </div>
-      <span class="tip">{{ loading ? `${Type} 账号登录中…` : `使用 ${Type} 账号登录` }}</span>
+      <span class="tip">{{
+        loading ? t('login.loggingInWith', { type: Type }) : t('login.loginWith', { type: Type })
+      }}</span>
     </div>
   </div>
 </template>
@@ -71,6 +73,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { AUTHORIZE_INDEX, PLATFORM_INDEX } from '@/router/path-def';
 import { fetchAuthUrl } from '@/api/session';
 import { getRedirectUri } from '@/utils/redirect-uri';
+import { useLocale } from '@/utils/i18n';
 
 const { mapActions: mapSessionActions, mapMutations } = createNamespacedHelpers(namespace);
 
@@ -87,6 +90,7 @@ export default defineComponent({
     },
   },
   setup(props: any, { emit }) {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const router = useRouter();
     const route = useRoute();
@@ -149,7 +153,7 @@ export default defineComponent({
         // 登录成功
         loading.value = false;
         authError.value = false;
-        proxy.$success('登录成功');
+        proxy.$success(t('login.success'));
         setTimeout(() => {
           emit('logined');
         }, 500);
@@ -210,6 +214,7 @@ export default defineComponent({
       window.onstorage = null;
     });
     return {
+      t,
       authError,
       loginType,
       Type,
@@ -218,8 +223,8 @@ export default defineComponent({
       loginFormRef,
       loginForm,
       loginRule: ref<Record<string, any>>({
-        username: [{ required: true, message: '用户名不能为空', trigger: 'blur' }],
-        password: [{ required: true, message: '密码不能为空', trigger: 'blur' }],
+        username: [{ required: true, message: t('login.usernameEmpty'), trigger: 'blur' }],
+        password: [{ required: true, message: t('login.passwordEmpty'), trigger: 'blur' }],
       }),
       login: () => {
         // 开启loading
-- 
Gitee


From a52eb00d7408b6335de7cd64bde2b43d4640fea0 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Mon, 21 Apr 2025 10:33:58 +0800
Subject: [PATCH 40/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0project-group.v?=
 =?UTF-8?q?ue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts               | 12 ++++++++++++
 ui/src/views/common/project-group.vue | 14 ++++++++++----
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 701ab5020..fd69d1226 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -372,6 +372,12 @@ const messages = {
       passwordEmpty: '密码不能为空',
       success: '登录成功',
     },
+    projectGroup: {
+      viewMore: '查看更多',
+      noProjects: '没有项目',
+      noResult: '没有找到相关结果',
+      totalProjects: '共有 { count } 个项目',
+    },
   },
 
   en: {
@@ -742,6 +748,12 @@ const messages = {
       passwordEmpty: 'Password can\'t be empty',
       success: 'Login successful',
     },
+    projectGroup: {
+      viewMore: 'View More',
+      noProjects: 'No Projects',
+      noResult: 'No related results were found',
+      totalProjects: '（Total { count } projects）',
+    },
   },
 };
 
diff --git a/ui/src/views/common/project-group.vue b/ui/src/views/common/project-group.vue
index 2245fbb6d..fa0d3d0de 100644
--- a/ui/src/views/common/project-group.vue
+++ b/ui/src/views/common/project-group.vue
@@ -16,11 +16,13 @@
             <router-link :to="{ path: `/project-group/detail/${projectGroup?.id}` }"
               >{{ projectGroup?.name }}
             </router-link>
-            <span class="desc">（共有 {{ projectPage.total >= 0 ? projectPage.total : 0 }} 个项目）</span>
+            <span class="desc">{{
+              $t('projectGroup.totalProjects', { count: projectPage.total >= 0 ? projectPage.total : 0 })
+            }}</span>
           </div>
           <div class="more-container" v-if="!pageable && projectPage.total > 10">
             <router-link :to="{ path: `/project-group/detail/${projectGroup?.id}` }">
-              查看更多
+              {{ $t('projectGroup.viewMore') }}
               <i class="more-icon"></i>
             </router-link>
           </div>
@@ -29,10 +31,14 @@
       <template #default>
         <div>
           <div class="projects" ref="projectsRef">
-            <jm-empty description="暂无项目" :image-size="98" v-if="projects.length === 0 && pageable && isDetail" />
+            <jm-empty
+              :description="$t('projectGroup.noProjects')"
+              :image-size="98"
+              v-if="projects.length === 0 && pageable && isDetail"
+            />
             <jm-empty
               :image="noDataImg"
-              description="没有搜到相关结果"
+              :description="$t('projectGroup.noResult')"
               :image-size="98"
               v-else-if="projects.length === 0 && pageable"
             />
-- 
Gitee


From 9638b6d650b956600b0cce98eb98c7321d0cef2c Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Mon, 21 Apr 2025 10:53:54 +0800
Subject: [PATCH 41/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0cache-drawer-it?=
 =?UTF-8?q?em.vue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                   | 26 +++++++++++++++++
 ui/src/views/common/cache-drawer-item.vue | 35 ++++++++++++++++-------
 2 files changed, 50 insertions(+), 11 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index fd69d1226..2b132a575 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -378,6 +378,19 @@ const messages = {
       noResult: '没有找到相关结果',
       totalProjects: '共有 { count } 个项目',
     },
+    cacheDrawerItem: {
+      unavailable: '不可用',
+      clear: '清理',
+      viewMount: '查看挂载点',
+      noMount: '未设置挂载点',
+      node: '节点',
+      mountDir: '挂载目录',
+      confirmClearTitle: '确定清理当前缓存？',
+      confirmClearTip: '旧的缓存数据将被清空',
+      cancel: '取消',
+      confirm: '确定',
+      clearSuccess: '清理成功',
+    },
   },
 
   en: {
@@ -754,6 +767,19 @@ const messages = {
       noResult: 'No related results were found',
       totalProjects: '（Total { count } projects）',
     },
+    cacheDrawerItem: {
+      unavailable: 'Unavailable',
+      clear: 'Clear',
+      viewMount: 'View mount point',
+      noMount: 'Mount point not set',
+      node: 'Node',
+      mountDir: 'Mount directory',
+      confirmClearTitle: 'Make sure to clear the current cache?',
+      confirmClearTip: 'Old cached data will be cleared',
+      cancel: 'Cancel',
+      confirm: 'Confirm',
+      clearSuccess: 'Clear Successful',
+    },
   },
 };
 
diff --git a/ui/src/views/common/cache-drawer-item.vue b/ui/src/views/common/cache-drawer-item.vue
index 863b8d4f5..7a1678c1a 100644
--- a/ui/src/views/common/cache-drawer-item.vue
+++ b/ui/src/views/common/cache-drawer-item.vue
@@ -3,12 +3,14 @@
     <div class="top">
       <div class="cache-name">
         <div class="identify" v-if="!originData.available">
-          <span>不可用</span>
+          <span>{{ t('cacheDrawerItem.unavailable') }}</span>
           <i class="jm-icon-button-warning icon"></i>
         </div>
         <jm-text-viewer :value="originData.name" />
       </div>
-      <div class="clear-btn" @click="toClear"><i class="jm-icon-button-clear icon"></i>清理</div>
+      <div class="clear-btn" @click="toClear">
+        <i class="jm-icon-button-clear icon"></i>{{ t('cacheDrawerItem.clear') }}
+      </div>
     </div>
     <div class="worker" v-if="originData.workerId">
       {{ originData.workerId }}
@@ -16,16 +18,16 @@
     <div class="divider"></div>
     <div class="mount-point-wrapper">
       <div class="head" @click="toggle = !toggle" v-if="originData.nodeCaches.length > 0">
-        <span>查看挂载点</span>
+        <span>{{ t('cacheDrawerItem.viewMount') }}</span>
         <i :class="['jm-icon-button-collapse icon', toggle ? 'reverse' : '']"></i>
       </div>
       <div class="head none" v-else>
-        <span>未设置挂载点</span>
+        <span>{{ t('cacheDrawerItem.noMount') }}</span>
       </div>
       <div class="content" v-if="toggle && originData.nodeCaches.length > 0">
         <div class="header">
-          <div class="cell">节点</div>
-          <div class="cell">挂载目录</div>
+          <div class="cell">{{ t('cacheDrawerItem.node') }}</div>
+          <div class="cell">{{ t('cacheDrawerItem.mountDir') }}</div>
         </div>
         <div class="row" v-for="(node, i) in originData.nodeCaches" :key="i">
           <div class="cell">
@@ -42,12 +44,20 @@
         </div>
       </div>
     </div>
-    <jm-dialog v-model="dialogVisible" custom-class="center" title="确定清理当前缓存？" destroy-on-close width="428px">
-      旧的缓存数据将被清空
+    <jm-dialog
+      v-model="dialogVisible"
+      custom-class="center"
+      :title="t('cacheDrawerItem.confirmClearTitle')"
+      destroy-on-close
+      width="428px"
+    >
+      {{ t('cacheDrawerItem.confirmClearTip') }}
       <template #footer>
         <span>
-          <jm-button size="small" @click="dialogVisible = false">取消</jm-button>
-          <jm-button size="small" type="primary" :loading="loading" @click="clear">确定</jm-button>
+          <jm-button size="small" @click="dialogVisible = false">{{ t('cacheDrawerItem.cancel') }}</jm-button>
+          <jm-button size="small" type="primary" :loading="loading" @click="clear">{{
+            t('cacheDrawerItem.confirm')
+          }}</jm-button>
         </span>
       </template>
     </jm-dialog>
@@ -61,6 +71,7 @@ import yaml from 'yaml';
 import { clearCache } from '@/api/cache';
 import defaultIcon from '@/components/workflow/workflow-editor/svgs/shape/async-task.svg';
 import shellIcon from '@/components/workflow/workflow-editor/svgs/shape/shell.svg';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   props: {
@@ -70,6 +81,7 @@ export default defineComponent({
     },
   },
   setup(props) {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const toggle = ref<boolean>(false);
     const dialogVisible = ref<boolean>(false);
@@ -94,7 +106,7 @@ export default defineComponent({
       try {
         loading.value = true;
         await clearCache(originData.value.id);
-        proxy.$success('清理成功');
+        proxy.$success(t('cacheDrawerItem.clearSuccess'));
         dialogVisible.value = false;
       } catch (err) {
         proxy.$throw(err, proxy);
@@ -103,6 +115,7 @@ export default defineComponent({
       }
     };
     return {
+      t,
       loading,
       toggle,
       dialogVisible,
-- 
Gitee


From fae39a637b5188cbcaa3a0f8afeb9b79d2b9a00a Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Mon, 21 Apr 2025 10:56:56 +0800
Subject: [PATCH 42/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0cache-drawer.vu?=
 =?UTF-8?q?e=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts              | 6 ++++++
 ui/src/views/common/cache-drawer.vue | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 2b132a575..b7b6ab9c2 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -391,6 +391,9 @@ const messages = {
       confirm: '确定',
       clearSuccess: '清理成功',
     },
+    cacheDrawer: {
+      viewCache: '查看缓存',
+    },
   },
 
   en: {
@@ -780,6 +783,9 @@ const messages = {
       confirm: 'Confirm',
       clearSuccess: 'Clear Successful',
     },
+    cacheDrawer: {
+      viewCache: 'View Cache',
+    },
   },
 };
 
diff --git a/ui/src/views/common/cache-drawer.vue b/ui/src/views/common/cache-drawer.vue
index f39a191d2..03b16eaa7 100644
--- a/ui/src/views/common/cache-drawer.vue
+++ b/ui/src/views/common/cache-drawer.vue
@@ -11,7 +11,7 @@
         <div class="left">
           <div class="cache-t">
             <i class="jm-icon-workflow-cache icon"></i>
-            <span>查看缓存</span>
+            <span>{{ $t('cacheDrawer.viewCache') }}</span>
           </div>
           <div class="cache-n">
             <jm-text-viewer :value="currentProjectName" />
-- 
Gitee


From a128569ea598a13c8008d41cc95f3e563203c0cc Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Mon, 21 Apr 2025 14:39:09 +0800
Subject: [PATCH 43/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0project-item.vu?=
 =?UTF-8?q?e=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts              | 107 +++++++++++++++
 ui/src/views/common/project-item.vue | 198 +++++++++++++++++----------
 2 files changed, 233 insertions(+), 72 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index b7b6ab9c2..45028d5a7 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -394,6 +394,59 @@ const messages = {
     cacheDrawer: {
       viewCache: '查看缓存',
     },
+    projectItem: {
+      concurrent: '可并发',
+      tipInit:
+        '前序流程正在执行或已挂起，待执行完毕或手动终止后，本次流程将开始执行。 或开启并发执行，开启后，多次可同时执行。',
+      tipSuspended: '当前流程中某个节点执行失败，流程处于暂停状态，需要手动 重试/忽略 挂起节点。',
+      terminate: '终止',
+      nextTime: '距离下次执行还有',
+      suspended: '挂起',
+      running: '执行',
+      duration: '时长',
+      disabled: '已禁用，不可',
+      trigger: '触发',
+      edit: '编辑',
+      sync: '同步DSL',
+      openGit: '打开git仓库',
+      previewWorkflow: '预览流程',
+      previewPipeline: '预览管道',
+      disable: '禁用',
+      enable: '启用',
+      delete: '删除',
+      cache: '缓存',
+
+      project: '项目',
+      failed: '失败',
+      Running: '执行中',
+      succeeded: '成功',
+      notStarted: '未启动',
+      pending: '待启动',
+      nextTimeTip: '定时项目：下次执行时间',
+      confirmTerminate: '确定要终止吗?',
+      terminateTitle: '终止项目执行',
+      confirm: '确定',
+      cancel: '取消',
+      terminateSuccess: '终止成功',
+      operationSuccess: '操作成功',
+      confirmTrigger: '确定要触发吗?',
+      triggerTitle: '触发项目执行',
+      confirmGeneric: '确定要',
+      enabled: '已启用',
+      Disabled: '已禁用',
+      notModifiable: '不可修改',
+      dslUpdateTip: '若要修改，请通过DSL更新',
+      close: '关闭',
+      disableProject: '禁用项目',
+      enableProject: '启用项目',
+      confirmSync: '确定要同步吗?',
+      syncTitle: '同步DSL',
+      syncSuccess: '同步成功',
+      confirmDelete: '确定要删除项目吗?',
+      deleteTitle: '删除项目',
+      name: '名称：',
+      deleteSuccess: '删除成功',
+    },
   },
 
   en: {
@@ -786,6 +839,60 @@ const messages = {
     cacheDrawer: {
       viewCache: 'View Cache',
     },
+    projectItem: {
+      concurrent: 'Can be concurrent',
+      tipInit:
+        'The prequel process is executing or has hung, and the current process will start executing when it finishes or is manually terminated. Or enable concurrent execution, when enabled, multiple times can be executed at the same time.',
+      tipSuspended:
+        'If a node in the current process fails to execute, the process is suspended and you need to manually retry/ignore the pending node.',
+      terminate: 'Terminate',
+      nextTime: 'Until next execution',
+      suspended: 'Suspend',
+      running: 'Execution',
+      duration: 'Duration',
+      disabled: 'Disabled, not available',
+      trigger: 'Trigger',
+      edit: 'Edit',
+      sync: 'Sync DSL',
+      openGit: 'Open git repository',
+      previewWorkflow: 'Preview process',
+      previewPipeline: 'Preview pipeline',
+      disable: 'Disable',
+      enable: 'Enable',
+      delete: 'Delete',
+      cache: 'Cache',
+
+      project: 'project',
+      failed: 'Failed',
+      Running: 'Executing',
+      succeeded: 'Successful',
+      notStarted: 'Not started',
+      pending: 'Pending start',
+      nextTimeTip: 'Timed item: next execution time',
+      confirmTerminate: 'Sure to terminate?',
+      terminateTitle: 'Terminate project execution',
+      confirm: 'OK',
+      cancel: 'Cancel',
+      terminateSuccess: 'Terminate Successful',
+      operationSuccess: 'Operation Successful',
+      confirmTrigger: 'Are you sure you want to trigger?',
+      triggerTitle: 'Trigger item execution',
+      confirmGeneric: 'Are you sure you want to?',
+      enabled: 'Enabled',
+      Disabled: 'Disabled',
+      notModifiable: 'Not modifiable',
+      dslUpdateTip: 'To modify, update via DSL',
+      close: 'Close',
+      disableProject: 'Disable project',
+      enableProject: 'Enable project',
+      confirmSync: 'Sure to synchronise?',
+      syncTitle: 'Synchronise DSL',
+      syncSuccess: 'Synchronise Successful',
+      confirmDelete: 'Are you sure you want to delete the project?',
+      deleteTitle: 'Delete project',
+      name: 'Name:',
+      deleteSuccess: 'Delete Successful',
+    },
   },
 };
 
diff --git a/ui/src/views/common/project-item.vue b/ui/src/views/common/project-item.vue
index 54f569caa..266daafe7 100644
--- a/ui/src/views/common/project-item.vue
+++ b/ui/src/views/common/project-item.vue
@@ -8,7 +8,7 @@
     ></div>
     <div class="content">
       <div class="content-top">
-        <span class="concurrent" v-if="concurrentVal">可并发</span>
+        <span class="concurrent" v-if="concurrentVal">{{ t('projectItem.concurrent') }}</span>
         <router-link
           :to="{
             name: 'workflow-execution-record-detail',
@@ -38,9 +38,7 @@
               popper-class="tip"
               :append-to-body="false"
               :content="
-                project.status === ProjectStatusEnum.INIT
-                  ? '前序流程正在执行或已挂起，待执行完毕或手动终止后，本次流程将开始执行。 或开启并发执行，开启后，多次可同时执行。'
-                  : '当前流程中某个节点执行失败，流程处于暂停状态，需要手动 重试/忽略 挂起节点。'
+                project.status === ProjectStatusEnum.INIT ? t('projectItem.tipInit') : t('projectItem.tipSuspended')
               "
               v-if="
                 (project.status === ProjectStatusEnum.INIT && project.serialNo !== 0 && !concurrentVal) ||
@@ -51,11 +49,13 @@
             </jm-tooltip>
             <div class="count" v-if="project.serialNo !== 0">#{{ executeCount }}</div>
           </div>
-          <span class="stop-btn" v-show="isShowStopBtn" @click="stopProcess(project.workflowInstanceId)">终止</span>
+          <span class="stop-btn" v-show="isShowStopBtn" @click="stopProcess(project.workflowInstanceId)">{{
+            t('projectItem.terminate')
+          }}</span>
         </div>
         <div class="time">
           <div class="init" v-if="isShowNextTime">
-            <span>距离下次执行还有</span>
+            <span>{{ t('projectItem.nextTime') }}</span>
             <jm-timer :abbr="true" :end-time="project.nextTime" class="timer" />
           </div>
           <div class="executed" v-else-if="project.status !== ProjectStatusEnum.INIT">
@@ -63,7 +63,13 @@
               <jm-time-viewer :value="project.startTime" />
             </span>
             <span class="duration">
-              <span>{{ project.status === ProjectStatusEnum.SUSPENDED ? '挂起' : '执行' }}时长</span>
+              <span
+                >{{
+                  project.status === ProjectStatusEnum.SUSPENDED
+                    ? t('projectItem.suspended')
+                    : t('projectItem.running')
+                }}{{ t('projectItem.duration') }}</span
+              >
               <jm-timer
                 :abbr="true"
                 :start-time="project.startTime"
@@ -93,30 +99,45 @@
       </div>
       <div class="content-bottom">
         <div class="operation">
-          <jm-tooltip :content="`${enabled ? '' : '已禁用，不可'}触发`" placement="bottom">
+          <jm-tooltip
+            :content="`${enabled ? '' : t('projectItem.disabled')}${t('projectItem.trigger')}`"
+            placement="bottom"
+          >
             <button
               :class="{ execute: true, doing: !enabled || executing }"
               @click="execute(project.id)"
               @keypress.enter.prevent
             ></button>
           </jm-tooltip>
-          <jm-tooltip v-if="project.source === DslSourceEnum.LOCAL" content="编辑" placement="bottom">
+          <jm-tooltip v-if="project.source === DslSourceEnum.LOCAL" :content="t('projectItem.edit')" placement="bottom">
             <button class="edit" @click="edit(project.id)"></button>
           </jm-tooltip>
-          <jm-tooltip v-else content="同步DSL" placement="bottom">
+          <jm-tooltip v-else :content="t('projectItem.sync')" placement="bottom">
             <button
               :class="{ sync: true, doing: synchronizing }"
               @click="sync(project.id)"
               @keypress.enter.prevent
             ></button>
           </jm-tooltip>
-          <jm-tooltip v-if="project.source === DslSourceEnum.GIT" content="打开git仓库" placement="bottom">
+          <jm-tooltip
+            v-if="project.source === DslSourceEnum.GIT"
+            :content="t('projectItem.openGit')"
+            placement="bottom"
+          >
             <button class="git-label" @click="openGit(project.gitRepoId)"></button>
           </jm-tooltip>
-          <jm-tooltip v-if="project.dslType === DslTypeEnum.WORKFLOW" content="预览流程" placement="bottom">
+          <jm-tooltip
+            v-if="project.dslType === DslTypeEnum.WORKFLOW"
+            :content="t('projectItem.previewWorkflow')"
+            placement="bottom"
+          >
             <button class="workflow-label" @click="dslDialogFlag = true"></button>
           </jm-tooltip>
-          <jm-tooltip v-else-if="project.dslType === DslTypeEnum.PIPELINE" content="预览管道" placement="bottom">
+          <jm-tooltip
+            v-else-if="project.dslType === DslTypeEnum.PIPELINE"
+            :content="t('projectItem.previewPipeline')"
+            placement="bottom"
+          >
             <button class="pipeline-label" @click="dslDialogFlag = true"></button>
           </jm-tooltip>
           <jm-tooltip v-if="project.triggerType === TriggerTypeEnum.WEBHOOK" content="Webhook" placement="bottom">
@@ -135,12 +156,15 @@
                     href="javascript: void(0)"
                     :class="enabled ? 'jm-icon-button-disable' : 'jm-icon-button-off'"
                     style="width: 90px; display: inline-block"
-                    >{{ enabled ? '禁用' : '启用' }}</a
+                    >{{ enabled ? t('projectItem.disable') : t('projectItem.enable') }}</a
                   >
                 </jm-dropdown-item>
                 <jm-dropdown-item :disabled="deleting" @click="del(project.id)">
-                  <a href="javascript: void(0)" class="jm-icon-button-delete" style="width: 90px; display: inline-block"
-                    >删除</a
+                  <a
+                    href="javascript: void(0)"
+                    class="jm-icon-button-delete"
+                    style="width: 90px; display: inline-block"
+                    >{{ t('projectItem.delete') }}</a
                   >
                 </jm-dropdown-item>
               </jm-dropdown-menu>
@@ -167,7 +191,7 @@
     ></div>
     <div class="content">
       <div class="content-top">
-        <span class="concurrent" v-if="concurrentVal">可并发</span>
+        <span class="concurrent" v-if="concurrentVal">{{ t('projectItem.concurrent') }}</span>
         <router-link
           :to="{
             name: 'workflow-execution-record-detail',
@@ -197,9 +221,7 @@
               popper-class="tip"
               :append-to-body="false"
               :content="
-                project.status === ProjectStatusEnum.INIT
-                  ? '前序流程正在执行或已挂起，待执行完毕或手动终止后，本次流程将开始执行。 或开启并发执行，开启后，多次可同时执行。'
-                  : '当前流程中某个节点执行失败，流程处于暂停状态，需要手动 重试/忽略 挂起节点。'
+                project.status === ProjectStatusEnum.INIT ? t('projectItem.tipInit') : t('projectItem.tipSuspended')
               "
               v-if="
                 (project.status === ProjectStatusEnum.INIT && project.serialNo !== 0 && !concurrentVal) ||
@@ -210,11 +232,13 @@
             </jm-tooltip>
             <div class="count" v-if="project.serialNo !== 0">#{{ executeCount }}</div>
           </div>
-          <span class="stop-btn" v-show="isShowStopBtn" @click="stopProcess(project.workflowInstanceId)">终止</span>
+          <span class="stop-btn" v-show="isShowStopBtn" @click="stopProcess(project.workflowInstanceId)">{{
+            t('projectItem.terminate')
+          }}</span>
         </div>
         <div class="time">
           <div class="init" v-if="isShowNextTime">
-            <span>距离下次执行还有</span>
+            <span>{{ t('projectItem.nextTime') }}</span>
             <jm-timer :abbr="true" :end-time="project.nextTime" class="timer" />
           </div>
           <div class="executed" v-else-if="project.status !== ProjectStatusEnum.INIT">
@@ -222,7 +246,13 @@
               <jm-time-viewer :value="startTime" />
             </span>
             <span class="duration">
-              <span>{{ project.status === ProjectStatusEnum.SUSPENDED ? '挂起' : '执行' }}时长</span>
+              <span
+                >{{
+                  project.status === ProjectStatusEnum.SUSPENDED
+                    ? t('projectItem.suspended')
+                    : t('projectItem.running')
+                }}{{ t('projectItem.duration') }}</span
+              >
               <jm-timer
                 :abbr="true"
                 :start-time="project.startTime"
@@ -252,30 +282,45 @@
       </div>
       <div class="content-bottom">
         <div class="operation">
-          <jm-tooltip :content="`${enabled ? '' : '已禁用，不可'}触发`" placement="bottom">
+          <jm-tooltip
+            :content="`${enabled ? '' : t('projectItem.disabled')}${t('projectItem.trigger')}`"
+            placement="bottom"
+          >
             <button
               :class="{ execute: true, doing: !enabled || executing }"
               @click="execute(project.id)"
               @keypress.enter.prevent
             ></button>
           </jm-tooltip>
-          <jm-tooltip v-if="project.source === DslSourceEnum.LOCAL" content="编辑" placement="bottom">
+          <jm-tooltip v-if="project.source === DslSourceEnum.LOCAL" :content="t('projectItem.edit')" placement="bottom">
             <button class="edit" @click="edit(project.id)"></button>
           </jm-tooltip>
-          <jm-tooltip v-else content="同步DSL" placement="bottom">
+          <jm-tooltip v-else :content="t('projectItem.sync')" placement="bottom">
             <button
               :class="{ sync: true, doing: synchronizing }"
               @click="sync(project.id)"
               @keypress.enter.prevent
             ></button>
           </jm-tooltip>
-          <jm-tooltip v-if="project.source === DslSourceEnum.GIT" content="打开git仓库" placement="bottom">
+          <jm-tooltip
+            v-if="project.source === DslSourceEnum.GIT"
+            :content="t('projectItem.openGit')"
+            placement="bottom"
+          >
             <button class="git-label" @click="openGit(project.gitRepoId)"></button>
           </jm-tooltip>
-          <jm-tooltip v-if="project.dslType === DslTypeEnum.WORKFLOW" content="预览流程" placement="bottom">
+          <jm-tooltip
+            v-if="project.dslType === DslTypeEnum.WORKFLOW"
+            :content="t('projectItem.previewWorkflow')"
+            placement="bottom"
+          >
             <button class="workflow-label" @click="dslDialogFlag = true"></button>
           </jm-tooltip>
-          <jm-tooltip v-else-if="project.dslType === DslTypeEnum.PIPELINE" content="预览管道" placement="bottom">
+          <jm-tooltip
+            v-else-if="project.dslType === DslTypeEnum.PIPELINE"
+            :content="t('projectItem.previewPipeline')"
+            placement="bottom"
+          >
             <button class="pipeline-label" @click="dslDialogFlag = true"></button>
           </jm-tooltip>
           <jm-tooltip v-if="project.triggerType === TriggerTypeEnum.WEBHOOK" content="Webhook" placement="bottom">
@@ -294,7 +339,7 @@
                     href="javascript: void(0)"
                     class="jm-icon-workflow-cache"
                     style="width: 90px; display: inline-block"
-                    >缓存</a
+                    >{{ t('projectItem.cache') }}</a
                   >
                 </jm-dropdown-item>
                 <jm-dropdown-item :disabled="abling" @click="able(project.id)">
@@ -302,12 +347,15 @@
                     href="javascript: void(0)"
                     :class="enabled ? 'jm-icon-button-disable' : 'jm-icon-button-off'"
                     style="width: 90px; display: inline-block"
-                    >{{ enabled ? '禁用' : '启用' }}</a
+                    >{{ enabled ? t('projectItem.disable') : t('projectItem.enable') }}</a
                   >
                 </jm-dropdown-item>
                 <jm-dropdown-item :disabled="deleting" @click="del(project.id)">
-                  <a href="javascript: void(0)" class="jm-icon-button-delete" style="width: 90px; display: inline-block"
-                    >删除</a
+                  <a
+                    href="javascript: void(0)"
+                    class="jm-icon-button-delete"
+                    style="width: 90px; display: inline-block"
+                    >{{ t('projectItem.delete') }}</a
                   >
                 </jm-dropdown-item>
               </jm-dropdown-menu>
@@ -352,6 +400,7 @@ import { useRouter } from 'vue-router';
 import { terminate } from '@/api/workflow-execution-record';
 import dayjs from 'dayjs';
 import WebhookSettingDialog from '@/views/common/webhook-setting-dialog.vue';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   components: { WebhookSettingDialog, ProjectPreviewDialog, WebhookDrawer, CacheDrawer },
@@ -378,6 +427,7 @@ export default defineComponent({
   },
   emits: ['triggered', 'synchronized', 'deleted', 'terminated'],
   setup(props: any, { emit }: SetupContext) {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const router = useRouter();
     const isMove = computed<boolean>(() => props.move);
@@ -408,20 +458,20 @@ export default defineComponent({
     const statusDesc = computed<string>(() => {
       switch (props.project.status) {
         case ProjectStatusEnum.SUSPENDED:
-          return '挂起';
+          return t('projectItem.suspended');
         case ProjectStatusEnum.FAILED:
-          return '失败';
+          return t('projectItem.failed');
         case ProjectStatusEnum.RUNNING:
-          return '执行中';
+          return t('projectItem.Running');
         case ProjectStatusEnum.SUCCEEDED:
-          return '成功';
+          return t('projectItem.succeeded');
         default:
-          return props.project.serialNo === 0 ? '未启动' : '待启动';
+          return props.project.serialNo === 0 ? t('projectItem.notStarted') : t('projectItem.pending');
       }
     });
     // alarm 提示
     const alarmTip = computed<string>(
-      () => `定时项目：下次执行时间 ${dayjs(props.project.nextTime).format('MM-DD HH:mm')}`,
+      () => `${t('projectItem.nextTimeTip')} ${dayjs(props.project.nextTime).format('MM-DD HH:mm')}`,
     );
     // 控制是否显示下一次执行时间
     const isShowNextTime = computed<boolean>(() => {
@@ -435,15 +485,15 @@ export default defineComponent({
     });
     const stopProcess = (id: string) => {
       proxy
-        .$confirm('确定要终止吗?', '终止项目执行', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
+        .$confirm(t('projectItem.confirmTerminate'), t('projectItem.terminateTitle'), {
+          confirmButtonText: t('projectItem.confirm'),
+          cancelButtonText: t('projectItem.cancel'),
           type: 'info',
         })
         .then(() => {
           terminate(id)
             .then(() => {
-              proxy.$success('终止成功');
+              proxy.$success(t('projectItem.terminateSuccess'));
               // 终止项目
               emit('terminated', id);
             })
@@ -459,7 +509,7 @@ export default defineComponent({
       try {
         executing.value = true;
         await executeImmediately(props.project.id, payload);
-        proxy.$success('操作成功');
+        proxy.$success(t('projectItem.operationSuccess'));
         visible.value = false;
         emit('triggered', props.project.id);
       } catch (err) {
@@ -469,6 +519,7 @@ export default defineComponent({
       }
     };
     return {
+      t,
       visible,
       webhookDefinition,
       executeCount,
@@ -503,16 +554,16 @@ export default defineComponent({
         const { triggerType } = props.project;
         const isWarning = triggerType === TriggerTypeEnum.WEBHOOK;
 
-        const msg = '<div>确定要触发吗?</div>';
+        const msg = `<div>${t('projectItem.confirmTrigger')}</div>`;
         if (isWarning) {
           // 获取webhook触发器定义
           webhookDefinition.value = await fetchWebhookDefinition(id);
           // 如果没有webhook触发器参数定义则可直接触发
           if (!webhookDefinition.value.params) {
             proxy
-              .$confirm(msg, '触发项目执行', {
-                confirmButtonText: '确定',
-                cancelButtonText: '取消',
+              .$confirm(msg, t('projectItem.triggerTitle'), {
+                confirmButtonText: t('projectItem.confirm'),
+                cancelButtonText: t('projectItem.cancel'),
                 type: 'info',
                 dangerouslyUseHTMLString: true,
               })
@@ -521,7 +572,7 @@ export default defineComponent({
 
                 executeImmediately(id)
                   .then(() => {
-                    proxy.$success('操作成功');
+                    proxy.$success(t('projectItem.operationSuccess'));
                     executing.value = false;
                     emit('triggered', id);
                   })
@@ -536,9 +587,9 @@ export default defineComponent({
           }
         } else {
           proxy
-            .$confirm(msg, '触发项目执行', {
-              confirmButtonText: '确定',
-              cancelButtonText: '取消',
+            .$confirm(msg, t('projectItem.triggerTitle'), {
+              confirmButtonText: t('projectItem.confirm'),
+              cancelButtonText: t('projectItem.cancel'),
               type: isWarning ? 'warning' : 'info',
               dangerouslyUseHTMLString: true,
             })
@@ -547,7 +598,7 @@ export default defineComponent({
 
               executeImmediately(id)
                 .then(() => {
-                  proxy.$success('操作成功');
+                  proxy.$success(t('projectItem.operationSuccess'));
                   executing.value = false;
                   emit('triggered', id);
                 })
@@ -563,27 +614,31 @@ export default defineComponent({
           return;
         }
 
-        const str = enabled.value ? '禁用' : '启用';
+        const str = enabled.value ? t('projectItem.disable') : t('projectItem.enable');
         const msg = props.project.mutable
           ? `
           <div>
-            <span>确定要${str}吗?</span>
+            <span>${t('projectItem.confirm')}${str}?</span>
             <a href="https://v2.jianmu.dev/guide/global.html" target="_blank" class="jm-icon-button-help"></a>
           </div>
         `
           : `
           <div>
-            <span>${enabled.value ? '已启用' : '已禁用'}，不可修改</span>
+            <span>${enabled.value ? t('projectItem.enabled') : t('projectItem.Disabled')}，${t(
+  'projectItem.notModifiable',
+)}</span>
             <a href="https://v2.jianmu.dev/guide/global.html" target="_blank" class="jm-icon-button-help"></a>
           </div>
-          <div style="color: red; margin-top: 5px; font-size: 12px; line-height: normal;">若要修改，请通过DSL更新</div>
+          <div style="color: red; margin-top: 5px; font-size: 12px; line-height: normal;">${t(
+    'projectItem.dslUpdateTip',
+  )}</div>
         `;
 
         proxy
-          .$confirm(msg, `${str}项目`, {
+          .$confirm(msg, `${str}${t('projectItem.project')}`, {
             showConfirmButton: props.project.mutable,
-            confirmButtonText: '确定',
-            cancelButtonText: props.project.mutable ? '取消' : '关闭',
+            confirmButtonText: t('projectItem.confirm'),
+            cancelButtonText: props.project.mutable ? t('projectItem.cancel') : t('projectItem.close'),
             type: 'info',
             dangerouslyUseHTMLString: true,
           })
@@ -593,7 +648,7 @@ export default defineComponent({
               await active(id, !enabled.value);
               enabled.value = !enabled.value;
 
-              proxy.$success(enabled.value ? '已启用' : '已禁用');
+              proxy.$success(enabled.value ? t('projectItem.enabled') : t('projectItem.Disabled'));
             } catch (err) {
               proxy.$throw(err, proxy);
             } finally {
@@ -610,9 +665,9 @@ export default defineComponent({
         }
 
         proxy
-          .$confirm('确定要同步吗?', '同步DSL', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
+          .$confirm(t('projectItem.confirmSync'), t('projectItem.syncTitle'), {
+            confirmButtonText: t('projectItem.confirm'),
+            cancelButtonText: t('projectItem.cancel'),
             type: 'info',
           })
           .then(() => {
@@ -620,7 +675,7 @@ export default defineComponent({
 
             synchronize(id)
               .then(() => {
-                proxy.$success('同步成功');
+                proxy.$success(t('projectItem.syncSuccess'));
                 synchronizing.value = false;
 
                 emit('synchronized', id);
@@ -638,13 +693,12 @@ export default defineComponent({
 
         const { name } = props.project;
 
-        let msg = '<div>确定要删除项目吗?</div>';
-        msg += `<div style="margin-top: 5px; font-size: 12px; line-height: normal;">名称：${name}</div>`;
-
+        let msg = `<div>${t('projectItem.confirmDelete')}</div>`;
+        msg += `<div style="...">${t('projectItem.name')}${name}</div>`;
         proxy
-          .$confirm(msg, '删除项目', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
+          .$confirm(msg, t('projectItem.deleteTitle'), {
+            confirmButtonText: t('projectItem.confirm'),
+            cancelButtonText: t('projectItem.cancel'),
             type: 'warning',
             dangerouslyUseHTMLString: true,
           })
@@ -653,7 +707,7 @@ export default defineComponent({
 
             del(id)
               .then(() => {
-                proxy.$success('删除成功');
+                proxy.$success(t('projectItem.deleteSuccess'));
                 deleting.value = false;
 
                 emit('deleted', id);
-- 
Gitee


From 7eb2107d3eb9719aeab56162a5004470e2f11811 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Mon, 21 Apr 2025 15:06:27 +0800
Subject: [PATCH 44/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0webhook-drawer.?=
 =?UTF-8?q?vue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                | 64 ++++++++++++++++++++++
 ui/src/views/common/webhook-drawer.vue | 74 ++++++++++++++------------
 2 files changed, 105 insertions(+), 33 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 45028d5a7..d61dd1f42 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -447,6 +447,38 @@ const messages = {
       name: '名称：',
       deleteSuccess: '删除成功',
     },
+    webhookDrawer: {
+      triggerTip: '可以通过调用以下Webhook地址来触发流程执行',
+      copyLink: '复制链接',
+      requestList: '请求列表',
+      noRecordLine1: '若无对应的触发记录，可到上游webhook管理中，',
+      noRecordLine2: '查看请求是否发送成功',
+      refresh: '刷新',
+      source: '来源',
+      requestTime: '请求时间',
+      status: '状态',
+      success: '成功',
+      failure: '失败',
+      errorMessage: '错误信息',
+      action: '操作',
+      retry: '重试',
+      details: '详情',
+      viewDetails: '查看详情',
+      trigger: '触发器',
+      paramList: '参数列表',
+      paramName: '参数唯一标识',
+      paramType: '参数类型',
+      paramValue: '参数值',
+      authRule: '认证规则',
+      noData: '暂无数据',
+      jsonPath: 'Json路径:',
+      copySuccess: '复制成功',
+      copyFailed: '复制失败，请手动复制',
+      retrySuccess: '重试成功',
+      confirmRetry: '确定要重试吗?',
+      confirm: '确认',
+      cancel: '取消',
+    },
   },
 
   en: {
@@ -893,6 +925,38 @@ const messages = {
       name: 'Name:',
       deleteSuccess: 'Delete Successful',
     },
+    webhookDrawer: {
+      triggerTip: 'You can trigger the process execution by calling the following webhook address',
+      copyLink: 'Copy Link',
+      requestList: 'Request List',
+      noRecordLine1: 'If there is no corresponding trigger record, you can go to the upstream webhook management,',
+      noRecordLine2: 'to see if the request was sent successfully',
+      refresh: 'Refresh',
+      source: 'Source',
+      requestTime: 'Request Time',
+      status: 'Status',
+      success: 'Success',
+      failure: 'Failure',
+      errorMessage: 'Error Message',
+      action: 'Action',
+      retry: 'Retry',
+      details: 'Details',
+      viewDetails: 'View Details',
+      trigger: 'Trigger',
+      paramList: 'Parameter List',
+      paramName: 'Parameter Unique Identifier',
+      paramType: 'Parameter Type',
+      paramValue: 'Parameter Value',
+      authRule: 'Authentication Rule',
+      noData: 'No data available at this time',
+      jsonPath: 'Json Path:',
+      copySuccess: 'Copy Successful',
+      copyFailed: 'Copy Failed, please copy manually',
+      retrySuccess: 'Retry Successful',
+      confirmRetry: 'Are you sure you want to retry?',
+      confirm: 'Confirm',
+      cancel: 'Cancel',
+    },
   },
 };
 
diff --git a/ui/src/views/common/webhook-drawer.vue b/ui/src/views/common/webhook-drawer.vue
index f88a5b630..9f5d70b0a 100644
--- a/ui/src/views/common/webhook-drawer.vue
+++ b/ui/src/views/common/webhook-drawer.vue
@@ -12,7 +12,7 @@
         <!-- 项目名称 -->
         <div class="project-name">{{ currentProject }}</div>
         <div class="webhook-link-container">
-          <div class="link-tips">可以通过调用以下Webhook地址来触发流程执行</div>
+          <div class="link-tips">{{ t('webhookDrawer.triggerTip') }}</div>
           <div class="link-container">
             <div class="link-address">
               <!-- 左侧图标 -->
@@ -21,22 +21,22 @@
               <jm-text-viewer :value="link" class="webhook-link" />
             </div>
             <div class="copy-link-address">
-              <jm-button type="primary" @click="copy">复制链接</jm-button>
+              <jm-button type="primary" @click="copy">{{ t('webhookDrawer.copyLink') }}</jm-button>
             </div>
           </div>
         </div>
         <div class="table-title">
           <div class="title-container">
-            <div class="title">请求列表</div>
+            <div class="title">{{ t('webhookDrawer.requestList') }}</div>
             <jm-tooltip placement="top">
               <template #content>
-                若无对应的触发记录，可到上游webhook管理中，<br />
-                查看请求是否发送成功
+                {{ t('webhookDrawer.noRecordLine1') }}<br />
+                {{ t('webhookDrawer.noRecordLine2') }}
               </template>
               <i class="jm-icon-button-help"></i>
             </jm-tooltip>
           </div>
-          <jm-tooltip content="刷新" placement="bottom">
+          <jm-tooltip :content="t('webhookDrawer.refresh')" placement="bottom">
             <jm-button
               :class="{ 'jm-icon-button-refresh': true, doing: refreshFlag }"
               :disabled="refreshFlag"
@@ -57,28 +57,30 @@
               }"
             >
               <jm-table :data="webhookRequestList" :row-key="rowkey">
-                <jm-table-column prop="userAgent" label="来源"></jm-table-column>
-                <jm-table-column prop="timed" label="请求时间" align="center">
+                <jm-table-column prop="userAgent" :label="t('webhookDrawer.source')"></jm-table-column>
+                <jm-table-column prop="timed" :label="t('webhookDrawer.requestTime')" align="center">
                   <template #default="scope">
                     <div>{{ datetimeFormatter(scope.row.requestTime) }}</div>
                   </template>
                 </jm-table-column>
-                <jm-table-column prop="statusCode" label="状态" align="center">
+                <jm-table-column prop="statusCode" :label="t('webhookDrawer.status')" align="center">
                   <template #default="scope">
-                    <div v-if="scope.row.statusCode === 'OK'" style="color: #10c2c2">成功</div>
-                    <div v-else style="color: red">失败</div>
+                    <div v-if="scope.row.statusCode === 'OK'" style="color: #10c2c2">
+                      {{ t('webhookDrawer.success') }}
+                    </div>
+                    <div v-else style="color: red">{{ t('webhookDrawer.failure') }}</div>
                   </template>
                 </jm-table-column>
-                <jm-table-column label="错误信息">
+                <jm-table-column :label="t('webhookDrawer.errorMessage')">
                   <template #default="scope">
                     <jm-text-viewer :value="scope.row.errorMsg || ''" />
                   </template>
                 </jm-table-column>
-                <jm-table-column label="操作" align="center">
+                <jm-table-column :label="t('webhookDrawer.action')" align="center">
                   <template #default="scope">
                     <div class="table-button">
-                      <div class="retry" @click="retry(scope.row.id)">重试</div>
-                      <div class="see-payload" @click="seePayload(scope.row.id)">详情</div>
+                      <div class="retry" @click="retry(scope.row.id)">{{ t('webhookDrawer.retry') }}</div>
+                      <div class="see-payload" @click="seePayload(scope.row.id)">{{ t('webhookDrawer.details') }}</div>
                     </div>
                   </template>
                 </jm-table-column>
@@ -94,14 +96,16 @@
       <!-- 查看payload -->
       <jm-dialog
         v-model="payloadDialogVisible"
-        title="查看详情"
+        :title="t('webhookDrawer.viewDetails')"
         @closed="dialogClose"
         destroy-on-close
         width="1000px"
         top="5vh"
       >
         <div class="tab-container">
-          <div :class="{ active: payloadTab === TabState.TRIGGER }" @click="toPayload">触发器</div>
+          <div :class="{ active: payloadTab === TabState.TRIGGER }" @click="toPayload">
+            {{ t('webhookDrawer.trigger') }}
+          </div>
           <div :class="{ active: payloadTab === TabState.PAYLOAD }" @click="toTrigger">Payload</div>
           <div :class="{ active: payloadTab === TabState.JSONVIEW }" @click="toJsonView">JsonView</div>
         </div>
@@ -111,7 +115,7 @@
         </div>
         <!-- 查看JsonView -->
         <div class="path-bar" v-if="payloadTab === TabState.JSONVIEW">
-          <div id="path-bar-item-label" class="path-bar-item">Json路径:</div>
+          <div id="path-bar-item-label" class="path-bar-item">{{ t('webhookDrawer.jsonPath') }}</div>
           <input id="path-bar-item-input" class="path-bar-item" :value="jsonPath" readonly />
           <jm-text-copy :value="jsonPath" />
         </div>
@@ -123,15 +127,15 @@
           <jm-scrollbar>
             <div style="padding: 20px">
               <!-- 参数列表 -->
-              <div class="trigger-title">参数列表</div>
+              <div class="trigger-title">{{ t('webhookDrawer.paramList') }}</div>
               <jm-table class="trigger-table" :data="webhookParamsDetail?.param">
-                <jm-table-column label="参数唯一标识">
+                <jm-table-column :label="t('webhookDrawer.paramName')">
                   <template #default="scope">
                     <jm-text-viewer :value="scope.row.name" />
                   </template>
                 </jm-table-column>
-                <jm-table-column label="参数类型" width="200px" prop="type"></jm-table-column>
-                <jm-table-column label="参数值" prop="value">
+                <jm-table-column :label="t('webhookDrawer.paramType')" width="200px" prop="type"></jm-table-column>
+                <jm-table-column :label="t('webhookDrawer.paramValue')" prop="value">
                   <template #default="scope">
                     <div v-if="scope.row.type === ParamTypeEnum.SECRET">
                       <!-- 密钥类型切换 -->
@@ -171,7 +175,7 @@
                 </jm-table-column>
               </jm-table>
               <!-- 认证 -->
-              <div class="verify-title">认证规则</div>
+              <div class="verify-title">{{ t('webhookDrawer.authRule') }}</div>
               <jm-table class="verify-table" :data="webhookAuth">
                 <jm-table-column label="token" prop="token"></jm-table-column>
                 <jm-table-column label="value" prop="value"></jm-table-column>
@@ -181,7 +185,7 @@
               <div class="matching-container" v-if="webhookParamsDetail?.only">
                 {{ webhookParamsDetail?.only }}
               </div>
-              <div class="matching-container matching-null" v-else>暂无数据</div>
+              <div class="matching-container matching-null" v-else>{{ t('webhookDrawer.noData') }}</div>
             </div>
           </jm-scrollbar>
         </div>
@@ -204,6 +208,7 @@ import { StateEnum } from '@/components/load-more/enumeration';
 import { ParamTypeEnum } from '@/api/dto/enumeration';
 import JmTextViewer from '@/components/text-viewer/index.vue';
 import ParamValue from '@/views/common/param-value.vue';
+import { useLocale } from '@/utils/i18n';
 
 enum TabState {
   TRIGGER = 'TRIGGER',
@@ -226,6 +231,7 @@ export default defineComponent({
   },
   emits: ['update:webhookVisible'],
   setup(props, { emit }) {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const { toClipboard } = useClipboard();
 
@@ -378,9 +384,9 @@ export default defineComponent({
       }
       try {
         await toClipboard(link.value);
-        proxy.$success('复制成功');
+        proxy.$success(t('webhookDrawer.copySuccess'));
       } catch (err) {
-        proxy.$error('复制失败，请手动复制');
+        proxy.$error(t('webhookDrawer.copyFailed'));
         console.error(err);
       }
     };
@@ -397,7 +403,7 @@ export default defineComponent({
       try {
         webhookRequestParams.value.pageNum = START_PAGE_NUM;
         await retryWebRequest(id);
-        proxy.$success('重试成功');
+        proxy.$success(t('webhookDrawer.retrySuccess'));
         // 旧数据覆盖新数据
         await getWebhookRequestList('cover');
       } catch (err) {
@@ -405,12 +411,13 @@ export default defineComponent({
       }
     };
     // 重试
-    let msg = '<div>确定要重试吗?</div>';
+    let msg = `<div>${t('webhookDrawer.confirmRetry')}</div>`;
     const retry = (id: string) => {
+      proxy;
       proxy
-        .$confirm(msg, '重试', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
+        .$confirm(msg, t('webhookDrawer.retry'), {
+          confirmButtonText: t('webhookDrawer.confirm'),
+          cancelButtonText: t('webhookDrawer.cancel'),
           type: 'info',
           dangerouslyUseHTMLString: true,
         })
@@ -498,9 +505,9 @@ export default defineComponent({
       }
       try {
         await toClipboard(value);
-        proxy.$success('复制成功');
+        proxy.$success(t('webhookDrawer.copySuccess'));
       } catch (err) {
-        proxy.$error('复制失败，请手动复制');
+        proxy.$error(t('webhookDrawer.copyFailed'));
         console.error(err);
       }
     };
@@ -516,6 +523,7 @@ export default defineComponent({
       refreshFlag.value = false;
     };
     return {
+      t,
       loadState,
       height,
       scrollableEl,
-- 
Gitee


From b2213021aa561a81c9fc749b0303ef677aff6de1 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Mon, 21 Apr 2025 15:28:15 +0800
Subject: [PATCH 45/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0webhook-setting?=
 =?UTF-8?q?-dialog.vue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts                       | 28 +++++++++++
 .../views/common/webhook-setting-dialog.vue   | 46 +++++++++++++------
 2 files changed, 60 insertions(+), 14 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index d61dd1f42..a5a5cdb07 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -479,6 +479,20 @@ const messages = {
       confirm: '确认',
       cancel: '取消',
     },
+    webhookSettingDialog: {
+      title: '触发执行',
+      tip: '项目已配置webhook，手动触发请填写参数',
+      importLast: '填入上次参数',
+      clear: '清空表单',
+      paramName: '参数名',
+      type: '类型',
+      paramValue: '参数值',
+      placeholder: '请输入参数值',
+      authRule: '认证规则',
+      cancel: '取消',
+      confirm: '确认',
+      selectPlaceholder: '请选择参数值',
+    },
   },
 
   en: {
@@ -957,6 +971,20 @@ const messages = {
       confirm: 'Confirm',
       cancel: 'Cancel',
     },
+    webhookSettingDialog: {
+      title: 'Trigger execution',
+      tip: 'The project has been configured with a webhook, for manual triggering please fill in the parameters',
+      importLast: 'Fill in the last parameters',
+      clear: 'Clear the form',
+      paramName: 'Parameter name',
+      type: 'Type',
+      paramValue: 'Parameter value',
+      placeholder: 'Please enter the parameter value',
+      authRule: 'Authentication rules',
+      cancel: 'Cancel',
+      confirm: 'Confirm',
+      selectPlaceholder: 'Please select the parameter value',
+    },
   },
 };
 
diff --git a/ui/src/views/common/webhook-setting-dialog.vue b/ui/src/views/common/webhook-setting-dialog.vue
index ea68b82e7..f0b3d5872 100644
--- a/ui/src/views/common/webhook-setting-dialog.vue
+++ b/ui/src/views/common/webhook-setting-dialog.vue
@@ -7,18 +7,18 @@
       :destroy-on-close="true"
       @close="closeDialog"
     >
-      <template #title>触发执行</template>
+      <template #title>{{ t('webhookSettingDialog.title') }}</template>
       <div class="content-wrapper" v-loading="loading">
         <div class="operator" v-if="paramsTableData.length > 0">
-          <span class="tips">项目已配置webhook，手动触发请填写参数</span>
+          <span class="tips">{{ t('webhookSettingDialog.tip') }}</span>
           <div class="btns">
             <div class="import" v-if="latestWebhook" @click.stop="importWebhookDefinition">
               <i class="icon jm-font jm-icon-button-import" />
-              <span>填入上次参数</span>
+              <span>{{ t('webhookSettingDialog.importLast') }}</span>
             </div>
             <div class="clear" @click="clearFields">
               <i class="icon jm-font jm-icon-button-clear" />
-              <span>清空表单</span>
+              <span>{{ t('webhookSettingDialog.clear') }}</span>
             </div>
           </div>
         </div>
@@ -31,7 +31,12 @@
                 :height="paramsTableHeight"
                 class="params-table"
               >
-                <jm-table-column prop="name" label="参数名" class-name="webhook-param-name" width="256px">
+                <jm-table-column
+                  prop="name"
+                  :label="t('webhookSettingDialog.paramName')"
+                  class-name="webhook-param-name"
+                  width="256px"
+                >
                   <template #default="scope">
                     <div class="param-name">
                       <i v-if="scope.row.required" />
@@ -39,12 +44,16 @@
                     </div>
                   </template>
                 </jm-table-column>
-                <jm-table-column prop="type" label="类型" width="160px">
+                <jm-table-column prop="type" :label="t('webhookSettingDialog.type')" width="160px">
                   <template #default="scope">
                     {{ scope.row.type }}
                   </template>
                 </jm-table-column>
-                <jm-table-column prop="exp" label="参数值" class-name="webhook-param-value">
+                <jm-table-column
+                  prop="exp"
+                  :label="t('webhookSettingDialog.paramValue')"
+                  class-name="webhook-param-value"
+                >
                   <template #default="scope">
                     <jm-form-item v-if="scope.row.type === ParamTypeEnum.BOOL" :prop="scope.row.name">
                       <jm-radio-group v-model="ruleForm[scope.row.name]">
@@ -53,13 +62,17 @@
                       </jm-radio-group>
                     </jm-form-item>
                     <jm-form-item v-if="scope.row.type === ParamTypeEnum.NUMBER" :prop="scope.row.name">
-                      <jm-input v-model.number="ruleForm[scope.row.name]" type="number" placeholder="请输入参数值" />
+                      <jm-input
+                        v-model.number="ruleForm[scope.row.name]"
+                        type="number"
+                        :placeholder="t('webhookSettingDialog.placeholder')"
+                      />
                     </jm-form-item>
                     <jm-form-item v-if="scope.row.type === ParamTypeEnum.STRING" :prop="scope.row.name">
                       <jm-input
                         v-model="ruleForm[scope.row.name]"
                         type="textarea"
-                        placeholder="请输入参数值"
+                        :placeholder="t('webhookSettingDialog.placeholder')"
                         :autosize="{
                           minRows: 1,
                           maxRows: 3,
@@ -74,7 +87,7 @@
                     >
                       <jm-input
                         v-model="ruleForm[scope.row.name]"
-                        placeholder="请输入参数值"
+                        :placeholder="t('webhookSettingDialog.placeholder')"
                         type="password"
                         show-password
                       ></jm-input>
@@ -85,7 +98,7 @@
             </div>
           </jm-form>
           <div class="auth-wrapper" v-if="authTableData.length > 0">
-            <div class="title">认证规则</div>
+            <div class="title">{{ t('webhookSettingDialog.authRule') }}</div>
             <jm-table class="auth-table" :data="authTableData" :header-row-class-name="'header-row'">
               <jm-table-column prop="token" label="token" />
               <jm-table-column prop="value" label="value" />
@@ -99,8 +112,8 @@
       </div>
       <template #footer>
         <span>
-          <jm-button size="small" @click="closeDialog">取消</jm-button>
-          <jm-button size="small" type="primary" @click="confirm">确定</jm-button>
+          <jm-button size="small" @click="closeDialog">{{ t('webhookSettingDialog.cancel') }}</jm-button>
+          <jm-button size="small" type="primary" @click="confirm">{{ t('webhookSettingDialog.confirm') }}</jm-button>
         </span>
       </template>
     </jm-dialog>
@@ -114,6 +127,7 @@ import { IProjectTriggeringDto, ITriggerDefinitionVo, IWebhookAuth, IWebhookPara
 import { ParamTypeEnum } from '@/components/workflow/workflow-editor/model/data/enumeration';
 import { IWebhookParameterVo, IWebRequestVo } from '@/api/dto/trigger';
 import { getWebhookList, getWebhookParams } from '@/api/trigger';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   emits: ['update:model-value', 'submit'],
@@ -132,6 +146,7 @@ export default defineComponent({
     },
   },
   setup(props, { emit }) {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const dialogVisible = computed<boolean>(() => props.modelValue);
     const formRef = ref<InstanceType<typeof ElForm>>();
@@ -176,7 +191,9 @@ export default defineComponent({
             const rule = [
               {
                 required: true,
-                message: isBoolean ? '请选择参数值' : '请输入参数值',
+                message: isBoolean
+                  ? t('webhookSettingDialog.selectPlaceholder')
+                  : t('webhookSettingDialog.placeholder'),
                 trigger: isBoolean ? 'change' : 'blur',
               },
             ];
@@ -257,6 +274,7 @@ export default defineComponent({
         });
     };
     return {
+      t,
       paramTableRef,
       paramsTableHeight,
       ruleForm,
-- 
Gitee


From 029b38790f18d3444c2e7bffdf4d1e0a674348f0 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Mon, 21 Apr 2025 16:09:07 +0800
Subject: [PATCH 46/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0node-toolbar.vu?=
 =?UTF-8?q?e=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workflow/workflow-viewer/node-toolbar.vue | 27 +++++++++++--------
 ui/src/locales/index.ts                       | 22 +++++++++++++++
 2 files changed, 38 insertions(+), 11 deletions(-)

diff --git a/ui/src/components/workflow/workflow-viewer/node-toolbar.vue b/ui/src/components/workflow/workflow-viewer/node-toolbar.vue
index 78efed11d..cd1ecfc67 100644
--- a/ui/src/components/workflow/workflow-viewer/node-toolbar.vue
+++ b/ui/src/components/workflow/workflow-viewer/node-toolbar.vue
@@ -31,10 +31,10 @@
       <div class="operation">
         <template v-if="status === TaskStatusEnum.SUSPENDED">
           <jm-popconfirm
-            title="确定要重试吗？"
+            :title="$t('nodeToolbar.confirmRetry')"
             icon="jm-icon-warning"
-            confirmButtonText="确定"
-            cancelButtonText="取消"
+            :confirmButtonText="$t('nodeToolbar.confirm')"
+            :cancelButtonText="$t('nodeToolbar.cancel')"
             confirmButtonIcon="jm-icon-button-confirm"
             cancelButtonIcon="jm-icon-button-cancel"
             @confirm="handleClick(NodeToolbarTabTypeEnum.RETRY)"
@@ -44,16 +44,16 @@
             <template #reference>
               <div class="item">
                 <div class="icon retry"></div>
-                <div class="txt">重试</div>
+                <div class="txt">{{ $t('nodeToolbar.retry') }}</div>
               </div>
             </template>
           </jm-popconfirm>
           <div class="separator"></div>
           <jm-popconfirm
-            title="确定要忽略吗？"
+            :title="$t('nodeToolbar.confirmIgnore')"
             icon="jm-icon-warning"
-            confirmButtonText="确定"
-            cancelButtonText="取消"
+            :confirmButtonText="$t('nodeToolbar.confirm')"
+            :cancelButtonText="$t('nodeToolbar.cancel')"
             confirmButtonIcon="jm-icon-button-confirm"
             cancelButtonIcon="jm-icon-button-cancel"
             @confirm="handleClick(NodeToolbarTabTypeEnum.IGNORE)"
@@ -63,7 +63,7 @@
             <template #reference>
               <div class="item">
                 <div class="icon ignore"></div>
-                <div class="txt">忽略</div>
+                <div class="txt">{{ $t('nodeToolbar.ignore') }}</div>
               </div>
             </template>
           </jm-popconfirm>
@@ -71,17 +71,17 @@
         </template>
         <div class="item" @click="handleClick(NodeToolbarTabTypeEnum.LOG)">
           <div class="icon view-log" />
-          <div class="txt">日志</div>
+          <div class="txt">{{ $t('nodeToolbar.log') }}</div>
         </div>
         <div class="separator"></div>
         <div class="item" @click="handleClick(NodeToolbarTabTypeEnum.PARAMS)">
           <div class="icon view-params" />
-          <div class="txt">参数</div>
+          <div class="txt">{{ $t('nodeToolbar.param') }}</div>
         </div>
         <div class="separator" v-if="taskCaches"></div>
         <div class="item" v-if="taskCaches" @click="handleClick(NodeToolbarTabTypeEnum.CACHE)">
           <div class="icon view-cache" />
-          <div class="txt">缓存</div>
+          <div class="txt">{{ $t('nodeToolbar.cache') }}</div>
         </div>
       </div>
     </jm-popover>
@@ -230,6 +230,10 @@ export default defineComponent({
     .item {
       user-select: none;
       cursor: pointer;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
 
       &:active {
         .icon {
@@ -271,6 +275,7 @@ export default defineComponent({
         font-size: 12px;
         color: #082340;
         line-height: 20px;
+        min-width: max-content;
       }
     }
 
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index a5a5cdb07..f0ea9f816 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -493,6 +493,17 @@ const messages = {
       confirm: '确认',
       selectPlaceholder: '请选择参数值',
     },
+    nodeToolbar: {
+      confirmRetry: '确定要重试吗？',
+      confirmIgnore: '确定要忽略吗？',
+      confirm: '确认',
+      cancel: '取消',
+      retry: '重试',
+      ignore: '忽略',
+      log: '日志',
+      param: '参数',
+      cache: '缓存',
+    },
   },
 
   en: {
@@ -985,6 +996,17 @@ const messages = {
       confirm: 'Confirm',
       selectPlaceholder: 'Please select the parameter value',
     },
+    nodeToolbar: {
+      confirmRetry: 'Sure you want to retry?',
+      confirmIgnore: 'Sure you want to ignore?',
+      confirm: 'Confirm',
+      cancel: 'Cancel',
+      retry: 'Retry',
+      ignore: 'Ignore',
+      log: 'Log',
+      param: 'Parameters',
+      cache: 'Cache',
+    },
   },
 };
 
-- 
Gitee


From 4e9646ea3814e4f574626cc8d03661e8a6043285 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Mon, 21 Apr 2025 16:32:35 +0800
Subject: [PATCH 47/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0toolbar.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workflow/workflow-viewer/task-state.vue   | 16 +++++++++------
 ui/src/locales/index.ts                       | 20 +++++++++++++++++++
 2 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/ui/src/components/workflow/workflow-viewer/task-state.vue b/ui/src/components/workflow/workflow-viewer/task-state.vue
index 04555f4d3..5f7f5b6ea 100644
--- a/ui/src/components/workflow/workflow-viewer/task-state.vue
+++ b/ui/src/components/workflow/workflow-viewer/task-state.vue
@@ -6,13 +6,14 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onUpdated, ref, SetupContext } from 'vue';
+import { defineComponent, onUpdated, ref, SetupContext, computed } from 'vue';
 import { TaskStatusEnum } from '@/api/dto/enumeration';
+import { useLocale } from '@/utils/i18n';
 
 const states: {
   [key: string]: {
-    signal: string,
-    label: string,
+    signal: string;
+    label: string;
   };
 } = {
   [TaskStatusEnum.INIT]: {
@@ -62,8 +63,11 @@ export default defineComponent({
   },
   emit: ['change'],
   setup(props, { emit }: SetupContext) {
+    const { t } = useLocale();
     const state = states[props.status];
-    const { signal, label } = state;
+    const signal = state.signal;
+
+    const label = computed(() => t(`taskState.${props.status}`));
 
     const amount = ref<number>(props.count);
     onUpdated(() => {
@@ -75,6 +79,7 @@ export default defineComponent({
     });
 
     return {
+      t,
       amount,
       signal,
       label,
@@ -100,7 +105,6 @@ export default defineComponent({
   }
 
   .label {
-
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index f0ea9f816..afe83cd6a 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -504,6 +504,16 @@ const messages = {
       param: '参数',
       cache: '缓存',
     },
+    taskState: {
+      INIT: '待启动',
+      WAITING: '排队中',
+      RUNNING: '执行中',
+      SKIPPED: '已跳过',
+      FAILED: '执行失败',
+      SUCCEEDED: '执行成功',
+      SUSPENDED: '已挂起',
+      IGNORED: '已忽略',
+    },
   },
 
   en: {
@@ -1007,6 +1017,16 @@ const messages = {
       param: 'Parameters',
       cache: 'Cache',
     },
+    taskState: {
+      INIT: 'Pending startup',
+      WAITING: 'In queue',
+      RUNNING: 'Executing',
+      SKIPPED: 'Skipped',
+      FAILED: 'Failed to execute',
+      SUCCEEDED: 'Successful',
+      SUSPENDED: 'Pending',
+      IGNORED: 'Ignored',
+    },
   },
 };
 
-- 
Gitee


From f4708d5815cd1bc729f521bc031ca5593aebaa51 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Mon, 21 Apr 2025 16:45:30 +0800
Subject: [PATCH 48/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0toolbar.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workflow/workflow-viewer/toolbar.vue      | 62 +++++++++++--------
 ui/src/locales/index.ts                       | 28 +++++++++
 2 files changed, 63 insertions(+), 27 deletions(-)

diff --git a/ui/src/components/workflow/workflow-viewer/toolbar.vue b/ui/src/components/workflow/workflow-viewer/toolbar.vue
index 3727393a9..022db8a2d 100644
--- a/ui/src/components/workflow/workflow-viewer/toolbar.vue
+++ b/ui/src/components/workflow/workflow-viewer/toolbar.vue
@@ -2,53 +2,61 @@
   <div class="jm-workflow-viewer-toolbar">
     <div class="group" v-if="!dslMode">
       <template v-if="fullscreenEnabled">
-        <jm-tooltip :content="isFullscreen? '退出全屏' : '全屏'" placement="top" :appendToBody="false">
-          <div :class="isFullscreen? 'screen-normal-icon' : 'screen-full-icon'"
-               @click="handleFullScreen(!isFullscreen)"></div>
+        <jm-tooltip
+          :content="isFullscreen ? $t('toolbar.exitFullScreen') : $t('toolbar.fullScreen')"
+          placement="top"
+          :appendToBody="false"
+        >
+          <div
+            :class="isFullscreen ? 'screen-normal-icon' : 'screen-full-icon'"
+            @click="handleFullScreen(!isFullscreen)"
+          ></div>
         </jm-tooltip>
         <div class="separator"></div>
       </template>
-      <jm-tooltip v-if="zoom !== ORIGINAL_ZOOM" content="原始大小" placement="top" :appendToBody="false">
+      <jm-tooltip
+        v-if="zoom !== ORIGINAL_ZOOM"
+        :content="$t('toolbar.originalSize')"
+        placement="top"
+        :appendToBody="false"
+      >
         <div class="full-icon" @click="normalize"></div>
       </jm-tooltip>
-      <jm-tooltip v-else content="适屏" placement="top" :appendToBody="false">
+      <jm-tooltip v-else :content="$t('toolbar.fitToScreen')" placement="top" :appendToBody="false">
         <div class="normal-icon" @click="fitViewer"></div>
       </jm-tooltip>
       <template v-if="isWorkflow">
         <div class="separator"></div>
-        <jm-tooltip content="旋转" placement="top" :appendToBody="false">
+        <jm-tooltip :content="$t('toolbar.rotate')" placement="top" :appendToBody="false">
           <div class="rotate-icon" @click="rotate"></div>
         </jm-tooltip>
       </template>
     </div>
     <div class="group" v-if="!dslMode">
-      <jm-tooltip content="缩小" placement="top" :appendToBody="false">
-        <div :class="{'narrow-icon': true, disabled: zoom === MIN_ZOOM}"
-             @click="changeZoom(false)"></div>
+      <jm-tooltip :content="$t('toolbar.zoomOut')" placement="top" :appendToBody="false">
+        <div :class="{ 'narrow-icon': true, disabled: zoom === MIN_ZOOM }" @click="changeZoom(false)"></div>
       </jm-tooltip>
       <div class="percentage">{{ zoom }}%</div>
-      <jm-tooltip content="放大" placement="top" :appendToBody="false">
-        <div :class="{'enlarge-icon': true, disabled: zoom === MAX_ZOOM}"
-             @click="changeZoom(true)"></div>
+      <jm-tooltip :content="$t('toolbar.zoomIn')" placement="top" :appendToBody="false">
+        <div :class="{ 'enlarge-icon': true, disabled: zoom === MAX_ZOOM }" @click="changeZoom(true)"></div>
       </jm-tooltip>
     </div>
     <div class="group" v-if="!readonly && !dslMode">
-      <jm-tooltip content="流程日志" placement="top" :appendToBody="false">
-        <div class="process-log-icon"
-             @click="processLog"></div>
+      <jm-tooltip :content="$t('toolbar.workflowLog')" placement="top" :appendToBody="false">
+        <div class="process-log-icon" @click="processLog"></div>
       </jm-tooltip>
     </div>
-    <div :class="{group: true, dsl: dslMode}">
-      <jm-tooltip content="查看DSL" placement="top" :appendToBody="false" v-if="!dslMode">
-        <div class="dsl-icon"
-             @click="viewDsl(true)"></div>
+    <div :class="{ group: true, dsl: dslMode }">
+      <jm-tooltip :content="$t('toolbar.viewDsl')" placement="top" :appendToBody="false" v-if="!dslMode">
+        <div class="dsl-icon" @click="viewDsl(true)"></div>
       </jm-tooltip>
       <jm-tooltip placement="top" :appendToBody="false" v-else>
         <template #content>
-          <div style="white-space: nowrap;">{{ `返回${isWorkflow ? '流程' : '管道'}` }}</div>
+          <div style="white-space: nowrap">
+            {{ $t('toolbar.return') }}{{ isWorkflow ? $t('toolbar.workflow') : $t('toolbar.pipeline') }}
+          </div>
         </template>
-        <div :class="isWorkflow ? 'workflow-icon' : 'pipeline-icon'"
-             @click="viewDsl(false)"></div>
+        <div :class="isWorkflow ? 'workflow-icon' : 'pipeline-icon'" @click="viewDsl(false)"></div>
       </jm-tooltip>
     </div>
   </div>
@@ -170,14 +178,14 @@ export default defineComponent({
     padding: 10px 15px;
     box-shadow: 0 0 4px 0 rgba(194, 194, 194, 0.5);
     border-radius: 2px;
-    border: 1px solid #CAD6EE;
+    border: 1px solid #cad6ee;
     background-color: rgba(255, 255, 255, 0.6);
     display: flex;
     align-items: center;
 
     &.dsl {
       background-color: #818894;
-      border: 1px solid #767F91;
+      border: 1px solid #767f91;
       box-shadow: 0 0 4px 0 rgba(194, 194, 194, 0.5);
     }
 
@@ -253,7 +261,7 @@ export default defineComponent({
       margin: 0 16px;
       width: 1px;
       height: 15px;
-      background-color: #CDD1E3;
+      background-color: #cdd1e3;
       overflow: hidden;
     }
 
@@ -279,9 +287,9 @@ export default defineComponent({
       line-height: 20px;
       font-size: 14px;
       font-weight: 500;
-      color: #4A4A4A;
+      color: #4a4a4a;
       text-align: center;
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index afe83cd6a..9d3407087 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -514,6 +514,20 @@ const messages = {
       SUSPENDED: '已挂起',
       IGNORED: '已忽略',
     },
+    toolbar: {
+      exitFullScreen: '退出全屏',
+      fullScreen: '全屏',
+      originalSize: '原始大小',
+      fitToScreen: '适屏',
+      rotate: '旋转',
+      zoomOut: '缩小',
+      zoomIn: '放大',
+      workflowLog: '流程日志',
+      viewDsl: '查看DSL',
+      return: '返回',
+      workflow: '流程',
+      pipeline: '管道',
+    },
   },
 
   en: {
@@ -1027,6 +1041,20 @@ const messages = {
       SUSPENDED: 'Pending',
       IGNORED: 'Ignored',
     },
+    toolbar: {
+      exitFullScreen: 'Exit Full Screen',
+      fullScreen: 'Full Screen',
+      originalSize: 'Original Size',
+      fitToScreen: 'Fit to Screen',
+      rotate: 'Rotate',
+      zoomOut: 'Zoom Out',
+      zoomIn: 'Zoom In',
+      workflowLog: 'WorkFlow Log',
+      viewDsl: 'View DSL',
+      return: 'Return',
+      workflow: 'WorkFlow',
+      pipeline: 'Pipeline',
+    },
   },
 };
 
-- 
Gitee


From 6243861ed123c04939c5a85ca2535a694ea0a3d8 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Mon, 21 Apr 2025 17:02:29 +0800
Subject: [PATCH 49/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0project-panel.v?=
 =?UTF-8?q?ue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layout/top/project-panel.vue              | 29 ++++++++++++-------
 ui/src/locales/index.ts                       | 26 +++++++++++++++++
 2 files changed, 44 insertions(+), 11 deletions(-)

diff --git a/ui/src/components/workflow/workflow-editor/layout/top/project-panel.vue b/ui/src/components/workflow/workflow-editor/layout/top/project-panel.vue
index 2d6221086..31a91dd10 100644
--- a/ui/src/components/workflow/workflow-editor/layout/top/project-panel.vue
+++ b/ui/src/components/workflow/workflow-editor/layout/top/project-panel.vue
@@ -1,35 +1,39 @@
 <template>
   <jm-dialog width="667px" destroy-on-close @close="cancel">
     <template #title>
-      <div class="title-container"><i class="jm-icon-workflow-edit"></i>编辑项目信息</div>
+      <div class="title-container"><i class="jm-icon-workflow-edit"></i>{{ t('projectPanel.title') }}</div>
     </template>
     <div class="jm-workflow-editor-project-panel">
       <jm-form ref="editProjectInfoRef" :model="projectInfoForm" :rules="rules" @submit.prevent>
-        <jm-form-item label="项目名称" prop="name" class="name-item">
+        <jm-form-item :label="t('projectPanel.name')" prop="name" class="name-item">
           <jm-input
             v-model="projectInfoForm.name"
             :maxlength="45"
-            placeholder="请输入项目名称"
+            :placeholder="t('projectPanel.namePlaceholder')"
             :show-word-limit="true"
           />
         </jm-form-item>
-        <jm-form-item label="项目分组" class="group-item" prop="groupId">
-          <jm-select v-model="projectInfoForm.groupId" placeholder="请选择项目分组" v-loading="loading">
+        <jm-form-item :label="t('projectPanel.group')" class="group-item" prop="groupId">
+          <jm-select
+            v-model="projectInfoForm.groupId"
+            :placeholder="t('projectPanel.groupPlaceholder')"
+            v-loading="loading"
+          >
             <jm-option v-for="item in projectGroupList" :key="item.id" :label="item.name" :value="item.id" />
           </jm-select>
         </jm-form-item>
-        <jm-form-item label="项目描述" class="description-item">
+        <jm-form-item :label="t('projectPanel.description')" class="description-item">
           <jm-input
             type="textarea"
             v-model="projectInfoForm.description"
             :maxlength="255"
-            placeholder="请输入项目描述"
+            :placeholder="t('projectPanel.descriptionPlaceholder')"
             :show-word-limit="true"
           />
         </jm-form-item>
         <div class="btn-container">
-          <jm-button @click="cancel" class="cancel">取消</jm-button>
-          <jm-button type="primary" @click="save(editProjectInfoRef)">确定</jm-button>
+          <jm-button @click="cancel" class="cancel">{{ t('projectPanel.cancel') }}</jm-button>
+          <jm-button type="primary" @click="save(editProjectInfoRef)">{{ t('projectPanel.confirm') }}</jm-button>
         </div>
       </jm-form>
     </div>
@@ -41,6 +45,7 @@ import { defineComponent, onMounted, PropType, ref } from 'vue';
 import { IWorkflow } from '../../model/data/common';
 import { IProjectGroupVo } from '@/api/dto/project-group';
 import { listProjectGroup } from '@/api/view-no-auth';
+import { useLocale } from '@/utils/i18n';
 
 export interface IProjectInfo {
   name: string;
@@ -57,6 +62,7 @@ export default defineComponent({
   },
   emits: ['update:model-value'],
   setup(props, { emit }) {
+    const { t } = useLocale();
     const loading = ref<boolean>(true);
     const workflowForm = ref<IWorkflow>(props.workflowData);
     const projectInfoForm = ref<IProjectInfo>({
@@ -75,6 +81,7 @@ export default defineComponent({
     });
 
     return {
+      t,
       editProjectInfoRef,
       projectGroupList,
       projectInfoForm,
@@ -94,8 +101,8 @@ export default defineComponent({
         emit('update:model-value', false);
       },
       rules: {
-        name: [{ required: true, message: '请输入项目名称', trigger: 'blur' }],
-        groupId: [{ required: true, message: '请选择项目分组', trigger: 'change' }],
+        name: [{ required: true, message: t('projectPanel.namePlaceholder'), trigger: 'blur' }],
+        groupId: [{ required: true, message: t('projectPanel.groupPlaceholder'), trigger: 'change' }],
       },
     };
   },
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 9d3407087..c821d25e7 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -528,6 +528,19 @@ const messages = {
       workflow: '流程',
       pipeline: '管道',
     },
+    projectPanel: {
+      title: '编辑项目信息',
+      name: '项目名称',
+      namePlaceholder: '请输入项目名称',
+      group: '项目分组',
+      groupPlaceholder: '请选择项目分组',
+      description: '项目描述',
+      descriptionPlaceholder: '请输入项目描述',
+      cancel: '取消',
+      confirm: '确定',
+      nameRequired: '请输入项目名称',
+      groupRequired: '请选择项目分组',
+    },
   },
 
   en: {
@@ -1055,6 +1068,19 @@ const messages = {
       workflow: 'WorkFlow',
       pipeline: 'Pipeline',
     },
+    projectPanel: {
+      title: 'Edit project information',
+      name: 'Project name',
+      namePlaceholder: 'Please enter the project name',
+      group: 'Project grouping',
+      groupPlaceholder: 'Please select the project grouping',
+      description: 'Project description',
+      descriptionPlaceholder: 'Please enter the project description',
+      cancel: 'Cancel',
+      confirm: 'Confirm',
+      nameRequired: 'Please enter the project name',
+      groupRequired: 'Please select the project grouping',
+    },
   },
 };
 
-- 
Gitee


From 8adcb59708393bbab4a7ca834c66172f471ec2de Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Mon, 21 Apr 2025 17:16:49 +0800
Subject: [PATCH 50/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0top=E7=9A=84too?=
 =?UTF-8?q?lbar.vue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workflow-editor/layout/top/toolbar.vue    | 27 +++++++++++--------
 ui/src/locales/index.ts                       | 24 +++++++++++++++++
 2 files changed, 40 insertions(+), 11 deletions(-)

diff --git a/ui/src/components/workflow/workflow-editor/layout/top/toolbar.vue b/ui/src/components/workflow/workflow-editor/layout/top/toolbar.vue
index 998cb8fb3..126158c27 100644
--- a/ui/src/components/workflow/workflow-editor/layout/top/toolbar.vue
+++ b/ui/src/components/workflow/workflow-editor/layout/top/toolbar.vue
@@ -7,24 +7,24 @@
     </div>
     <div class="right">
       <div class="tools">
-        <jm-tooltip content="缩小" placement="bottom" :appendToBody="false">
+        <jm-tooltip :content="t('topToolbar.zoomOut')" placement="bottom" :appendToBody="false">
           <button class="jm-icon-workflow-zoom-out" @click="zoom(ZoomTypeEnum.OUT)"></button>
         </jm-tooltip>
         <div class="ratio">{{ zoomPercentage }}</div>
-        <jm-tooltip content="放大" placement="bottom" :appendToBody="false">
+        <jm-tooltip :content="t('topToolbar.zoomIn')" placement="bottom" :appendToBody="false">
           <button class="jm-icon-workflow-zoom-in" @click="zoom(ZoomTypeEnum.IN)"></button>
         </jm-tooltip>
-        <jm-tooltip content="居中" placement="bottom" :appendToBody="false">
+        <jm-tooltip :content="t('topToolbar.center')" placement="bottom" :appendToBody="false">
           <button class="jm-icon-workflow-zoom-center" @click="zoom(ZoomTypeEnum.CENTER)"></button>
         </jm-tooltip>
       </div>
       <div class="cache" @click="openCachePanel">
         <i class="jm-icon-workflow-cache" />
-        <span>缓存</span>
+        <span>{{ t('topToolbar.cache') }}</span>
         <i class="cache-icon" v-if="cacheIconVisible" />
       </div>
       <div class="configs">
-        最大并发数
+        {{ t('topToolbar.maxConcurrent') }}
         <i class="jm-icon-button-help" @mouseover="tooltipVisible = true" @mouseout="tooltipVisible = false"></i>
         <jm-select
           ref="concurrentRef"
@@ -38,13 +38,15 @@
           <jm-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
         </jm-select>
         <div class="tooltip-popper" v-show="tooltipVisible">
-          <span class="popper-description">单个流程中可同时执行/挂起的实例数</span>
+          <span class="popper-description">{{ t('topToolbar.concurrentTip') }}</span>
           <img src="../../svgs/concurrent-example.svg" class="concurrent-example" />
         </div>
       </div>
       <div class="operations">
-        <jm-button class="save-return" @click="save(true)" @keypress.enter.prevent>保存并返回</jm-button>
-        <jm-button type="primary" @click="save(false)" @keypress.enter.prevent>保存</jm-button>
+        <jm-button class="save-return" @click="save(true)" @keypress.enter.prevent>{{
+          t('topToolbar.saveAndBack')
+        }}</jm-button>
+        <jm-button type="primary" @click="save(false)" @keypress.enter.prevent>{{ t('topToolbar.save') }}</jm-button>
       </div>
     </div>
     <project-panel v-if="projectPanelVisible" v-model="projectPanelVisible" :workflow-data="workflowData" />
@@ -62,6 +64,7 @@ import { WorkflowValidator } from '../../model/workflow-validator';
 import { cloneDeep } from 'lodash';
 import { compare } from '../../model/util/object';
 import { Global } from '../../model/data/global';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   components: { ProjectPanel },
@@ -73,6 +76,7 @@ export default defineComponent({
   },
   emits: ['back', 'save', 'open-cache-panel'],
   setup(props, { emit }) {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     let workflowBackUp = cloneDeep(props.workflowData);
     const workflowForm = ref<IWorkflow>(props.workflowData);
@@ -155,6 +159,7 @@ export default defineComponent({
     };
 
     return {
+      t,
       ZoomTypeEnum,
       workflowForm,
       projectPanelVisible,
@@ -175,9 +180,9 @@ export default defineComponent({
           !compare(JSON.stringify(workflowBackUp.global), JSON.stringify(workflowForm.value.global))
         ) {
           proxy
-            .$confirm(' ', '保存此次修改', {
-              confirmButtonText: '保存',
-              cancelButtonText: '不保存',
+            .$confirm(' ', t('topToolbar.saveModification'), {
+              confirmButtonText: t('topToolbar.save'),
+              cancelButtonText: t('topToolbar.noSave'),
               distinguishCancelAndClose: true,
               type: 'info',
             })
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index c821d25e7..d88be6a55 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -541,6 +541,18 @@ const messages = {
       nameRequired: '请输入项目名称',
       groupRequired: '请选择项目分组',
     },
+    topToolbar: {
+      zoomOut: '缩小',
+      zoomIn: '放大',
+      center: '居中',
+      cache: '缓存',
+      maxConcurrent: '最大并发数',
+      concurrentTip: '单个流程中可同时执行/挂起的实例数',
+      saveAndBack: '保存并返回',
+      save: '保存',
+      saveModification: '保存此次修改',
+      noSave: '不保存',
+    },
   },
 
   en: {
@@ -1081,6 +1093,18 @@ const messages = {
       nameRequired: 'Please enter the project name',
       groupRequired: 'Please select the project grouping',
     },
+    topToolbar: {
+      zoomOut: 'Zoom out',
+      zoomIn: 'Zoom in',
+      center: 'Center',
+      cache: 'Cache',
+      maxConcurrent: 'Maximum number of concurrency',
+      concurrentTip: 'Number of instances that can Execute/Suspend simultaneously in a single process',
+      saveAndBack: 'Save and return',
+      save: 'Save',
+      saveModification: 'Save this modification',
+      noSave: 'Do not save',
+    },
   },
 };
 
-- 
Gitee


From 7aee181cf099f0ef313b39062892229be0df661d Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Mon, 21 Apr 2025 17:36:47 +0800
Subject: [PATCH 51/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0node-group.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layout/left/node-group.vue                | 19 +++++++++++--------
 ui/src/locales/index.ts                       | 18 ++++++++++++++++++
 2 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/ui/src/components/workflow/workflow-editor/layout/left/node-group.vue b/ui/src/components/workflow/workflow-editor/layout/left/node-group.vue
index 1b243a9c5..dafc3e10a 100644
--- a/ui/src/components/workflow/workflow-editor/layout/left/node-group.vue
+++ b/ui/src/components/workflow/workflow-editor/layout/left/node-group.vue
@@ -2,15 +2,15 @@
   <div class="group" v-if="isShow">
     <div class="fold-switch" @click="toggle">
       <i :class="['jm-icon-button-right',collapsed?'':'rotate']"></i>
-      <span class="group-name">{{ groupName }}</span>
+      <span class="group-name">{{ t(groupName) }}</span>
       <div class="loading" v-loading="loading"></div>
     </div>
     <div class="nodes" v-show="!collapsed">
       <!-- 网络异常 -->
       <div class="network-anomaly" v-if="networkAnomaly">
         <div class="anomaly-img"></div>
-        <span class="anomaly-tip">网络开小差啦</span>
-        <div class="reload-btn" @click="loadNodes(keyword,true,initialPageSize)">重新加载</div>
+        <span class="anomaly-tip">{{ t('nodeGroup.networkError') }}</span>
+        <div class="reload-btn" @click="loadNodes(keyword,true,initialPageSize)">{{ t('nodeGroup.reload') }}</div>
       </div>
       <template v-else-if="nodes.length>0">
         <div class="nodes-wrapper">
@@ -37,6 +37,7 @@ import { WorkflowNode } from '../../model/workflow-node';
 import { TimeoutError } from '@/utils/rest/error';
 import { StateEnum } from '@/components/load-more/enumeration';
 import { WorkflowDnd } from '../../model/workflow-dnd';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   emits: ['getNodeCount'],
@@ -54,17 +55,18 @@ export default defineComponent({
     X6VueShape,
   },
   setup(props, { emit }) {
+    const { t } = useLocale();
     const groupName = computed<string>(() => {
       if (props.type === NodeGroupEnum.TRIGGER) {
-        return '触发器';
+        return 'nodeGroup.trigger';
       } else if (props.type === NodeGroupEnum.INNER) {
-        return '内置节点';
+        return 'nodeGroup.builtIn';
       } else if (props.type === NodeGroupEnum.LOCAL) {
-        return '本地节点';
+        return 'nodeGroup.local';
       } else if (props.type === NodeGroupEnum.OFFICIAL) {
-        return '官方节点';
+        return 'nodeGroup.official';
       } else if (props.type === NodeGroupEnum.COMMUNITY) {
-        return '社区节点';
+        return 'nodeGroup.community';
       } else {
         return '';
       }
@@ -182,6 +184,7 @@ export default defineComponent({
       currentPage.value = 1;
     });
     return {
+      t,
       initialPageSize,
       isShow,
       groupName,
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index d88be6a55..641018273 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -553,6 +553,15 @@ const messages = {
       saveModification: '保存此次修改',
       noSave: '不保存',
     },
+    nodeGroup: {
+      networkError: '网络开小差啦',
+      reload: '重新加载',
+      trigger: '触发器',
+      builtIn: '内置节点',
+      local: '本地节点',
+      official: '官方节点',
+      community: '社区节点',
+    }
   },
 
   en: {
@@ -1105,6 +1114,15 @@ const messages = {
       saveModification: 'Save this modification',
       noSave: 'Do not save',
     },
+    nodeGroup: {
+      networkError: 'Network Error',
+      reload: 'Reload',
+      trigger: 'Trigger',
+      builtIn: 'Built-in nodes',
+      local: 'Local nodes',
+      official: 'Official nodes',
+      community: 'Community nodes',
+    }
   },
 };
 
-- 
Gitee


From e7fdad75e0f7e61cf29f53b2789d3b542fb587d3 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Tue, 22 Apr 2025 10:43:21 +0800
Subject: [PATCH 52/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0node-panel.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layout/left/node-panel.vue                | 50 +++++++++----------
 ui/src/locales/index.ts                       | 14 +++++-
 2 files changed, 37 insertions(+), 27 deletions(-)

diff --git a/ui/src/components/workflow/workflow-editor/layout/left/node-panel.vue b/ui/src/components/workflow/workflow-editor/layout/left/node-panel.vue
index c97f8be46..614a53ede 100644
--- a/ui/src/components/workflow/workflow-editor/layout/left/node-panel.vue
+++ b/ui/src/components/workflow/workflow-editor/layout/left/node-panel.vue
@@ -1,31 +1,30 @@
 <template>
   <div :class="{ 'jm-workflow-editor-node-panel': true, collapsed }" ref="container">
-    <div class="collapse-btn jm-icon-button-left" @click="collapse"/>
+    <div class="collapse-btn jm-icon-button-left" @click="collapse" />
     <div class="search">
-      <jm-input placeholder="搜索" v-model="keyword" @change="changeKeyword" :clearable="true">
+      <jm-input :placeholder="$t('nodePanel.search')" v-model="keyword" @change="changeKeyword" :clearable="true">
         <template #prefix>
           <i class="jm-icon-button-search"></i>
         </template>
       </jm-input>
     </div>
     <jm-scrollbar>
-      <div class="groups" v-show="nodeCount>0">
+      <div class="groups" v-show="nodeCount > 0">
         <node-group
-          class="trigger" :type="NodeGroupEnum.TRIGGER" :keyword="tempKeyword" @get-node-count="getNodeCount"/>
-        <node-group
-          class="inner" :type="NodeGroupEnum.INNER" :keyword="tempKeyword" @get-node-count="getNodeCount"/>
-        <node-group
-          :type="NodeGroupEnum.LOCAL" :keyword="tempKeyword" @get-node-count="getNodeCount"/>
-        <node-group
-          :type="NodeGroupEnum.OFFICIAL" :keyword="tempKeyword" @get-node-count="getNodeCount"/>
-        <node-group
-          :type="NodeGroupEnum.COMMUNITY" :keyword="tempKeyword" @get-node-count="getNodeCount"/>
+          class="trigger"
+          :type="NodeGroupEnum.TRIGGER"
+          :keyword="tempKeyword"
+          @get-node-count="getNodeCount"
+        />
+        <node-group class="inner" :type="NodeGroupEnum.INNER" :keyword="tempKeyword" @get-node-count="getNodeCount" />
+        <node-group :type="NodeGroupEnum.LOCAL" :keyword="tempKeyword" @get-node-count="getNodeCount" />
+        <node-group :type="NodeGroupEnum.OFFICIAL" :keyword="tempKeyword" @get-node-count="getNodeCount" />
+        <node-group :type="NodeGroupEnum.COMMUNITY" :keyword="tempKeyword" @get-node-count="getNodeCount" />
       </div>
-      <div class="empty" v-if="nodeCount<=0">
-        <jm-empty description="没有搜到相关结果" :image="noDataImage">
-        </jm-empty>
+      <div class="empty" v-if="nodeCount <= 0">
+        <jm-empty :description="$t('nodePanel.noResult')" :image="noDataImage"> </jm-empty>
         <div class="submit-issue" @click="submitIssue">
-          欢迎提交节点需求
+          {{ $t('nodePanel.submitRequest') }}
         </div>
       </div>
     </jm-scrollbar>
@@ -74,7 +73,8 @@ export default defineComponent({
         getGraph(),
         getWorkflowValidator(),
         container.value! as HTMLElement,
-        (nodeId: string) => emit('node-selected', nodeId));
+        (nodeId: string) => emit('node-selected', nodeId),
+      );
     });
     return {
       submitIssue,
@@ -112,8 +112,8 @@ export default defineComponent({
   transition: width 0.3s ease-in-out;
   width: @node-panel-width;
   height: calc(100% - @node-panel-top);
-  border: 1px solid #E6EBF2;
-  background: #FFFFFF;
+  border: 1px solid #e6ebf2;
+  background: #ffffff;
   position: absolute;
   left: 0;
   top: @node-panel-top;
@@ -143,7 +143,7 @@ export default defineComponent({
     align-items: center;
     justify-content: center;
     box-sizing: border-box;
-    border: 1px solid #EBEEFB;
+    border: 1px solid #ebeefb;
     z-index: 3;
     position: absolute;
     top: 78px;
@@ -153,9 +153,9 @@ export default defineComponent({
     height: 36px;
     line-height: 36px;
     text-align: center;
-    color: #6B7B8D;
+    color: #6b7b8d;
     font-size: 16px;
-    background-color: #FFFFFF;
+    background-color: #ffffff;
     border-radius: 50%;
     cursor: pointer;
 
@@ -173,17 +173,17 @@ export default defineComponent({
     display: flex;
     justify-content: center;
     z-index: 2;
-    background-color: #FFFFFF;
+    background-color: #ffffff;
 
     ::v-deep(.el-input) {
       width: calc(100% - 40px);
     }
 
-    border-bottom: 1px solid #EBEEFB;
+    border-bottom: 1px solid #ebeefb;
 
     .jm-icon-button-search {
       font-size: 16px;
-      color: #7B8C9C;
+      color: #7b8c9c;
     }
   }
 
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 641018273..41c499d74 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -561,7 +561,12 @@ const messages = {
       local: '本地节点',
       official: '官方节点',
       community: '社区节点',
-    }
+    },
+    nodePanel: {
+      search: '搜索',
+      noResult: '没有搜到相关结果',
+      submitRequest: '欢迎提交节点需求',
+    },
   },
 
   en: {
@@ -1122,7 +1127,12 @@ const messages = {
       local: 'Local nodes',
       official: 'Official nodes',
       community: 'Community nodes',
-    }
+    },
+    nodePanel: {
+      search: 'Search',
+      noResult: 'Did not yield any relevant results',
+      submitRequest: 'Welcome to submit node requests',
+    },
   },
 };
 
-- 
Gitee


From 892f54407d8ccfe39d468bfe96a42f01cbe9a1a4 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Tue, 22 Apr 2025 10:53:02 +0800
Subject: [PATCH 53/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0cache-editor.vu?=
 =?UTF-8?q?e=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workflow-editor/layout/right/form/cache-editor.vue      | 4 ++--
 ui/src/locales/index.ts                                     | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/workflow/workflow-editor/layout/right/form/cache-editor.vue b/ui/src/components/workflow/workflow-editor/layout/right/form/cache-editor.vue
index 5f1918c40..4a52f3918 100644
--- a/ui/src/components/workflow/workflow-editor/layout/right/form/cache-editor.vue
+++ b/ui/src/components/workflow/workflow-editor/layout/right/form/cache-editor.vue
@@ -4,7 +4,7 @@
       <div class="form-content">
         <jm-input
           v-model="cacheVal"
-          placeholder="请输入缓存唯一标识"
+          :placeholder="$t('cacheEditor.placeholder')"
           maxlength="30"
           @change="changeCacheVal"
           v-if="type === CacheTypeEnum.ADD"
@@ -19,7 +19,7 @@
           <jm-input
             v-model="cacheVal"
             maxlength="30"
-            placeholder="请输入缓存唯一标识"
+            :placeholder="$t('cacheEditor.placeholder')"
             @change="changeCacheVal"
             v-else
           />
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 41c499d74..b710cb6ae 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -567,6 +567,9 @@ const messages = {
       noResult: '没有搜到相关结果',
       submitRequest: '欢迎提交节点需求',
     },
+    cacheEditor: {
+      placeholder: '请输入缓存唯一标识',
+    },
   },
 
   en: {
@@ -1133,6 +1136,9 @@ const messages = {
       noResult: 'Did not yield any relevant results',
       submitRequest: 'Welcome to submit node requests',
     },
+    cacheEditor: {
+      placeholder: 'Please enter a unique cache ID',
+    },
   },
 };
 
-- 
Gitee


From e4c0423d13a96d57bf4fa3d17aa757b824b4fba7 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Tue, 22 Apr 2025 11:02:05 +0800
Subject: [PATCH 54/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0cache-selector.?=
 =?UTF-8?q?vue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workflow-editor/layout/right/form/cache-selector.vue  | 4 ++--
 ui/src/locales/index.ts                                   | 8 ++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/workflow/workflow-editor/layout/right/form/cache-selector.vue b/ui/src/components/workflow/workflow-editor/layout/right/form/cache-selector.vue
index 32664782c..97ec1724b 100644
--- a/ui/src/components/workflow/workflow-editor/layout/right/form/cache-selector.vue
+++ b/ui/src/components/workflow/workflow-editor/layout/right/form/cache-selector.vue
@@ -17,7 +17,7 @@
                 color: #79879c;
               "
             >
-              暂无缓存，请先到顶部缓存模块添加缓存
+              {{ $t('cacheSelector.empty') }}
             </div>
           </template>
           <jm-option
@@ -36,7 +36,7 @@
           @input="updateCache"
           @change="changeDir"
           class="dir-val"
-          placeholder="请输入缓存要挂载的目录,以/开头"
+          :placeholder="$t('cacheSelector.placeholder')"
         />
       </jm-form-item>
     </div>
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index b710cb6ae..768725fbd 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -570,6 +570,10 @@ const messages = {
     cacheEditor: {
       placeholder: '请输入缓存唯一标识',
     },
+    cacheSelector: {
+      empty: '暂无缓存，请先到顶部缓存模块添加缓存',
+      placeholder: '请输入缓存要挂载的目录,以/开头',
+    },
   },
 
   en: {
@@ -1139,6 +1143,10 @@ const messages = {
     cacheEditor: {
       placeholder: 'Please enter a unique cache ID',
     },
+    cacheSelector: {
+      empty: 'There is no cache at the moment, please go to the top of the cache module to add a cache',
+      placeholder: 'Please enter the directory where the cache is to be mounted, starting with /',
+    },
   },
 };
 
-- 
Gitee


From 3b22dcc26b01d5a5d82c400a710fa87ea85f2154 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Tue, 22 Apr 2025 11:15:56 +0800
Subject: [PATCH 55/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0shell-env.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workflow-editor/layout/right/form/shell-env.vue  |  8 ++++----
 ui/src/locales/index.ts                              | 12 ++++++++++++
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/workflow/workflow-editor/layout/right/form/shell-env.vue b/ui/src/components/workflow/workflow-editor/layout/right/form/shell-env.vue
index 1e3b3d3c1..23e964eee 100644
--- a/ui/src/components/workflow/workflow-editor/layout/right/form/shell-env.vue
+++ b/ui/src/components/workflow/workflow-editor/layout/right/form/shell-env.vue
@@ -1,24 +1,24 @@
 <template>
   <div :class="{ 'shell-env': true, 'switch-bgc': switchBackgroundFlag }">
-    <jm-form-item :prop="`${formModelName}.${index}.name`" :rules="rules.name" label="变量名称">
+    <jm-form-item :prop="`${formModelName}.${index}.name`" :rules="rules.name" :label="$t('shellEnv.name')">
       <jm-input
         v-model="envName"
         @input="upperCase"
         @change="changeEnv"
         class="change-env"
-        placeholder="请输入变量名称"
+        :placeholder="$t('shellEnv.placeholderName')"
         @focus="switchBackgroundFlag = true"
         @blur="switchBackgroundFlag = false"
       />
     </jm-form-item>
 
-    <jm-form-item :prop="`${formModelName}.${index}.value`" :rules="rules.value" label="变量值">
+    <jm-form-item :prop="`${formModelName}.${index}.value`" :rules="rules.value" :label="$t('shellEnv.value')">
       <expression-editor
         v-model="envVal"
         :node-id="nodeId"
         @change="changeVal"
         class="shell-env-val"
-        placeholder="请输入变量值"
+        :placeholder="$t('shellEnv.placeholderValue')"
         @focus="switchBackgroundFlag = true"
         @blur="switchBackgroundFlag = false"
       />
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 768725fbd..9f6fd6714 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -574,6 +574,12 @@ const messages = {
       empty: '暂无缓存，请先到顶部缓存模块添加缓存',
       placeholder: '请输入缓存要挂载的目录,以/开头',
     },
+    shellEnv: {
+      name: '变量名称',
+      placeholderName: '请输入变量名称',
+      value: '变量值',
+      placeholderValue: '请输入变量值',
+    },
   },
 
   en: {
@@ -1147,6 +1153,12 @@ const messages = {
       empty: 'There is no cache at the moment, please go to the top of the cache module to add a cache',
       placeholder: 'Please enter the directory where the cache is to be mounted, starting with /',
     },
+    shellEnv: {
+      name: 'Variable name',
+      placeholderName: 'Please enter variable name',
+      value: 'Variable value',
+      placeholderValue: 'Please enter variable value',
+    },
   },
 };
 
-- 
Gitee


From ea2e9b4f780cd65de47b372babe254c104c27a87 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Tue, 22 Apr 2025 11:40:11 +0800
Subject: [PATCH 56/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0webhook-param.v?=
 =?UTF-8?q?ue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layout/right/form/webhook-param.vue       | 40 ++++++++++++-------
 ui/src/locales/index.ts                       | 32 +++++++++++++++
 2 files changed, 57 insertions(+), 15 deletions(-)

diff --git a/ui/src/components/workflow/workflow-editor/layout/right/form/webhook-param.vue b/ui/src/components/workflow/workflow-editor/layout/right/form/webhook-param.vue
index a5d780128..e7a931606 100644
--- a/ui/src/components/workflow/workflow-editor/layout/right/form/webhook-param.vue
+++ b/ui/src/components/workflow/workflow-editor/layout/right/form/webhook-param.vue
@@ -1,22 +1,27 @@
 <template>
   <div :class="{ 'webhook-param': true, 'switch-bgc': switchBackgroundFlag }">
     <i class="jm-icon-button-delete" @click="deleteParam" />
-    <jm-form-item label="名称" :prop="`${formModelName}.${index}.name`" :rules="rules.name" class="webhook-param-name">
+    <jm-form-item
+      :label="$t('webhookParam.name')"
+      :prop="`${formModelName}.${index}.name`"
+      :rules="rules.name"
+      class="webhook-param-name"
+    >
       <jm-input
         v-model="nameVal"
-        placeholder="请输入参数名称"
+        :placeholder="$t('webhookParam.namePlaceholder')"
         :maxlength="30"
         @change="changeName"
         @focus="switchBackgroundFlag = true"
         @blur="switchBackgroundFlag = false"
       />
-      <div class="webhook-param-description">以英文字母或下划线开头，支持下划线、数字、英文字母</div>
+      <div class="webhook-param-description">{{ $t('webhookParam.nameRule') }}</div>
     </jm-form-item>
-    <jm-form-item label="类型" :prop="`${formModelName}.${index}.type`" :rules="rules.type">
+    <jm-form-item :label="$t('webhookParam.type')" :prop="`${formModelName}.${index}.type`" :rules="rules.type">
       <jm-select
         v-model="typeVal"
         @change="changeType"
-        placeholder="请选择参数类型"
+        :placeholder="$t('webhookParam.typePlaceholder')"
         @focus="switchBackgroundFlag = true"
         @blur="switchBackgroundFlag = false"
       >
@@ -25,14 +30,15 @@
     </jm-form-item>
     <jm-form-item :prop="`${formModelName}.${index}.exp`" :rules="rules.exp">
       <template #label>
-        表达式
+        {{ $t('webhookParam.expression') }}
         <jm-tooltip placement="top">
           <template #content>
-            详见<a
+            {{ $t('webhookParam.expressionTip')
+            }}<a
               href="https://v2.jianmu.dev/guide/webhook.html#%E8%A7%A6%E5%8F%91%E5%99%A8%E5%8F%82%E6%95%B0%E6%8F%90%E5%8F%96%E8%A7%84%E5%88%99"
               target="_blank"
               style="color: #fff; text-decoration: underline"
-              >提取规则</a
+              >{{ $t('webhookParam.extractionRule') }}</a
             >
           </template>
           <i class="jm-icon-button-help"></i>
@@ -40,7 +46,7 @@
       </template>
       <jm-input
         v-model="expVal"
-        placeholder="请输入参数表达式"
+        :placeholder="$t('webhookParam.expressionPlaceholder')"
         @change="changeExp"
         class="exp"
         @focus="switchBackgroundFlag = true"
@@ -48,17 +54,21 @@
       />
     </jm-form-item>
     <!--  是否必填  -->
-    <jm-form-item :prop="`${formModelName}.${index}.required`" :rules="rules.required" label="是否必填">
+    <jm-form-item
+      :prop="`${formModelName}.${index}.required`"
+      :rules="rules.required"
+      :label="$t('webhookParam.required')"
+    >
       <jm-radio-group :model-value="requiredVal" @update:model-value="changeRequired">
-        <jm-radio :label="false">否</jm-radio>
-        <jm-radio :label="true">是</jm-radio>
+        <jm-radio :label="false">{{ $t('webhookParam.no') }}</jm-radio>
+        <jm-radio :label="true">{{ $t('webhookParam.yes') }}</jm-radio>
       </jm-radio-group>
     </jm-form-item>
     <jm-form-item
       v-if="!requiredVal && isReload"
       :prop="`${formModelName}.${index}.default`"
       :rules="rules.default"
-      label="默认值"
+      :label="$t('webhookParam.default')"
     >
       <jm-radio-group :model-value="defaultVal" v-if="type === ParamTypeEnum.BOOL" @update:model-value="changeDefault">
         <jm-radio :label="true">true</jm-radio>
@@ -69,7 +79,7 @@
         v-model="defaultVal"
         type="number"
         @change="changeDefault"
-        placeholder="请输入默认值"
+        :placeholder="$t('webhookParam.defaultPlaceholder')"
         @focus="switchBackgroundFlag = true"
         @blur="switchBackgroundFlag = false"
       />
@@ -77,7 +87,7 @@
         v-else
         v-model="defaultVal"
         @change="changeDefault"
-        placeholder="请输入默认值"
+        :placeholder="$t('webhookParam.defaultPlaceholder')"
         @focus="switchBackgroundFlag = true"
         @blur="switchBackgroundFlag = false"
       />
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 9f6fd6714..a527e2272 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -580,6 +580,22 @@ const messages = {
       value: '变量值',
       placeholderValue: '请输入变量值',
     },
+    webhookParam: {
+      name: '名称',
+      namePlaceholder: '请输入参数名称',
+      nameRule: '以英文字母或下划线开头，支持下划线、数字、英文字母',
+      type: '类型',
+      typePlaceholder: '请选择参数类型',
+      expression: '表达式',
+      expressionTip: '详见',
+      extractionRule: '提取规则',
+      expressionPlaceholder: '请输入参数表达式',
+      required: '是否必填',
+      no: '否',
+      yes: '是',
+      default: '默认值',
+      defaultPlaceholder: '请输入默认值',
+    },
   },
 
   en: {
@@ -1159,6 +1175,22 @@ const messages = {
       value: 'Variable value',
       placeholderValue: 'Please enter variable value',
     },
+    webhookParam: {
+      name: 'Name',
+      namePlaceholder: 'Please enter the name of the parameter',
+      nameRule: 'Begin with an English letter or underscore, underscore, numbers, English letters are supported',
+      type: 'Type',
+      typePlaceholder: 'Please select the type of the parameter',
+      expression: 'Expression',
+      expressionTip: 'See details',
+      extractionRule: 'Extraction rules',
+      expressionPlaceholder: 'Please enter the parameter expression',
+      required: 'Required',
+      no: 'No',
+      yes: 'Yes',
+      default: 'Default value',
+      defaultPlaceholder: 'Please enter the default value',
+    },
   },
 };
 
-- 
Gitee


From fdf6fd4303d5185657566c7f8b2291eec11690d2 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Tue, 22 Apr 2025 14:19:12 +0800
Subject: [PATCH 57/75] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96cache-selector.v?=
 =?UTF-8?q?ue=E5=9B=BD=E9=99=85=E5=8C=96=E6=96=87=E6=9C=AC=E5=8F=8A?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workflow-editor/layout/right/form/cache-selector.vue        | 2 ++
 ui/src/locales/index.ts                                         | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/workflow/workflow-editor/layout/right/form/cache-selector.vue b/ui/src/components/workflow/workflow-editor/layout/right/form/cache-selector.vue
index 97ec1724b..1683005f6 100644
--- a/ui/src/components/workflow/workflow-editor/layout/right/form/cache-selector.vue
+++ b/ui/src/components/workflow/workflow-editor/layout/right/form/cache-selector.vue
@@ -15,6 +15,8 @@
                 justify-content: center;
                 font-size: 14px;
                 color: #79879c;
+                padding: 0 16px; /* 增加左右内边距 */
+                text-align: center; /* 保证多行居中 */
               "
             >
               {{ $t('cacheSelector.empty') }}
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index a527e2272..23996bdff 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -1167,7 +1167,7 @@ const messages = {
     },
     cacheSelector: {
       empty: 'There is no cache at the moment, please go to the top of the cache module to add a cache',
-      placeholder: 'Please enter the directory where the cache is to be mounted, starting with /',
+      placeholder: 'Mount directory, start with /',
     },
     shellEnv: {
       name: 'Variable name',
-- 
Gitee


From 7598903ba2a6082cfe44345bbad93832c476576a Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Tue, 22 Apr 2025 15:01:35 +0800
Subject: [PATCH 58/75] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96webhook-param.vu?=
 =?UTF-8?q?e=E5=9B=BD=E9=99=85=E5=8C=96=E6=96=87=E6=9C=AC=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workflow/workflow-editor/layout/right/form/webhook-param.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/ui/src/components/workflow/workflow-editor/layout/right/form/webhook-param.vue b/ui/src/components/workflow/workflow-editor/layout/right/form/webhook-param.vue
index e7a931606..b667c6308 100644
--- a/ui/src/components/workflow/workflow-editor/layout/right/form/webhook-param.vue
+++ b/ui/src/components/workflow/workflow-editor/layout/right/form/webhook-param.vue
@@ -221,6 +221,7 @@ export default defineComponent({
       line-height: 18px;
       color: #79879c;
       margin-top: 4px;
+      margin-bottom: 8px;
     }
   }
 
-- 
Gitee


From f11789f5778175db8795fe1b3be503d2d2e3b7e9 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Tue, 22 Apr 2025 15:02:53 +0800
Subject: [PATCH 59/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0async-task-pane?=
 =?UTF-8?q?l.vue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layout/right/async-task-panel.vue         | 43 ++++++++++++-------
 ui/src/locales/index.ts                       | 38 ++++++++++++++++
 2 files changed, 65 insertions(+), 16 deletions(-)

diff --git a/ui/src/components/workflow/workflow-editor/layout/right/async-task-panel.vue b/ui/src/components/workflow/workflow-editor/layout/right/async-task-panel.vue
index 9abfa6bb9..6150b5359 100644
--- a/ui/src/components/workflow/workflow-editor/layout/right/async-task-panel.vue
+++ b/ui/src/components/workflow/workflow-editor/layout/right/async-task-panel.vue
@@ -2,15 +2,25 @@
   <div class="jm-workflow-editor-async-task-panel">
     <jm-form :model="form" label-position="top" ref="formRef" @submit.prevent>
       <div class="set-padding">
-        <jm-form-item label="节点名称" prop="name" class="name-item" :rules="nodeData.getFormRules().name">
+        <jm-form-item
+          :label="$t('asyncTaskPanel.name')"
+          prop="name"
+          class="name-item"
+          :rules="nodeData.getFormRules().name"
+        >
           <jm-input v-model="form.name" show-word-limit :maxlength="36" />
         </jm-form-item>
-        <jm-form-item label="节点版本" prop="version" :rules="nodeData.getFormRules().version" class="node-item">
+        <jm-form-item
+          :label="$t('asyncTaskPanel.version')"
+          prop="version"
+          :rules="nodeData.getFormRules().version"
+          class="node-item"
+        >
           <jm-select
             v-loading="versionLoading"
             :disabled="versionLoading"
             v-model="form.version"
-            placeholder="请选择节点版本"
+            :placeholder="$t('asyncTaskPanel.versionPlaceholder')"
             @change="changeVersion"
           >
             <jm-option v-for="item in versionList.versions" :key="item" :label="item" :value="item" />
@@ -24,11 +34,11 @@
       <div v-if="form.version">
         <div class="tab-container">
           <div :class="{ 'input-tab': true, 'selected-tab': tabFlag }" @click="tabFlag = true">
-            输入参数
+            {{ $t('asyncTaskPanel.inputParam') }}
             <div class="checked-underline" v-if="tabFlag"></div>
           </div>
           <div :class="{ 'output-tab': true, 'selected-tab': !tabFlag }" @click="tabFlag = false">
-            输出参数
+            {{ $t('asyncTaskPanel.outputParam') }}
             <div class="checked-underline" v-if="!tabFlag"></div>
           </div>
         </div>
@@ -49,19 +59,19 @@
             <secret-key-selector
               v-if="item.type === ParamTypeEnum.SECRET"
               v-model="item.value"
-              :placeholder="item.description ? item.description : '请选择' + item.name"
+              :placeholder="item.description ? item.description : $t('asyncTaskPanel.select') + item.name"
             />
             <expression-editor
               v-else
               v-model="item.value"
               :node-id="nodeId"
-              :placeholder="item.description ? item.description : '请输入' + item.name"
+              :placeholder="item.description ? item.description : $t('asyncTaskPanel.enter') + item.name"
             />
           </jm-form-item>
           <div class="cache-item">
             <div class="cache-label">
-              缓存挂载
-              <jm-tooltip placement="top" :append-to-body="false" content="在顶部缓存模块中添加缓存后，在此挂载">
+              {{ $t('asyncTaskPanel.cacheMount') }}
+              <jm-tooltip placement="top" :append-to-body="false" :content="$t('asyncTaskPanel.cacheMountTip')">
                 <i class="jm-icon-button-help"></i>
               </jm-tooltip>
             </div>
@@ -82,7 +92,7 @@
             <div class="add-select-cache-btn">
               <span class="add-link" @click="addSelector">
                 <i class="jm-icon-button-add" />
-                <span>添加</span>
+                <span>{{ $t('asyncTaskPanel.add') }}</span>
               </span>
             </div>
           </div>
@@ -94,8 +104,8 @@
             v-if="failureVisible"
           >
             <jm-radio-group v-model="form.failureMode">
-              <jm-radio :label="'suspend'">挂起</jm-radio>
-              <jm-radio :label="'ignore'">忽略</jm-radio>
+              <jm-radio :label="'suspend'">{{ $t('asyncTaskPanel.suspend') }}</jm-radio>
+              <jm-radio :label="'ignore'">{{ $t('asyncTaskPanel.ignore') }}</jm-radio>
             </jm-radio-group>
           </jm-form-item>
         </div>
@@ -107,8 +117,8 @@
                 {{ item.name }}
                 <jm-tooltip placement="top" :append-to-body="false">
                   <template #content>
-                    类型：{{ item.type }}<br />
-                    <span v-if="item.value">描述：{{ item.description }}</span>
+                    {{ $t('asyncTaskPanel.type') }}{{ item.type }}<br />
+                    <span v-if="item.value">{{ $t('asyncTaskPanel.description') }}{{ item.description }}</span>
                   </template>
                   <i class="jm-icon-button-help"></i>
                 </jm-tooltip>
@@ -120,12 +130,12 @@
                 <template v-else-if="item.description">
                   {{ item.description }}
                 </template>
-                <template v-else>暂无描述</template>
+                <template v-else>{{ $t('asyncTaskPanel.noDescription') }}</template>
               </div>
             </div>
           </div>
           <div v-if="!form.outputs[0]">
-            <jm-empty description="无输出参数" :image="noParamImage"></jm-empty>
+            <jm-empty :description="$t('asyncTaskPanel.noOutput')" :image="noParamImage"></jm-empty>
           </div>
         </div>
       </div>
@@ -399,6 +409,7 @@ export default defineComponent({
       flex-direction: column;
       align-items: center;
       cursor: pointer;
+      width: auto;
 
       .checked-underline {
         width: 37px;
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 23996bdff..68a151b83 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -596,6 +596,25 @@ const messages = {
       default: '默认值',
       defaultPlaceholder: '请输入默认值',
     },
+    asyncTaskPanel: {
+      name: '节点名称',
+      version: '节点版本',
+      versionPlaceholder: '请选择节点版本',
+      inputParam: '输入参数',
+      outputParam: '输出参数',
+      select: '请选择',
+      enter: '请输入',
+      cacheMount: '缓存挂载',
+      cacheMountTip: '在顶部缓存模块中添加缓存后，在此挂载',
+      add: '添加',
+      failureMode: '执行失败时',
+      suspend: '挂起',
+      ignore: '忽略',
+      type: '类型：',
+      description: '描述：',
+      noDescription: '暂无描述',
+      noOutput: '无输出参数',
+    },
   },
 
   en: {
@@ -1191,6 +1210,25 @@ const messages = {
       default: 'Default value',
       defaultPlaceholder: 'Please enter the default value',
     },
+    asyncTaskPanel: {
+      name: 'Node name',
+      version: 'Node version',
+      versionPlaceholder: 'Please select the node version',
+      inputParam: 'Input parameter',
+      outputParam: 'Output parameter',
+      select: 'Please select',
+      enter: 'Please enter',
+      cacheMount: 'Cache mount',
+      cacheMountTip: 'Mount here after adding a cache in the top cache module',
+      add: 'Add',
+      failureMode: 'When execution fails',
+      suspend: 'Mount',
+      ignore: 'Ignore',
+      type: 'Type:',
+      description: 'Description:',
+      noDescription: 'No description',
+      noOutput: 'No output parameter',
+    },
   },
 };
 
-- 
Gitee


From ef30c3b07c3b5e34b9166cbd52696dbfad3cd91c Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Tue, 22 Apr 2025 15:43:36 +0800
Subject: [PATCH 60/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0cache-panel.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layout/right/cache-panel.vue              | 33 ++++++++++++-------
 ui/src/locales/index.ts                       | 23 +++++++++++++
 2 files changed, 44 insertions(+), 12 deletions(-)

diff --git a/ui/src/components/workflow/workflow-editor/layout/right/cache-panel.vue b/ui/src/components/workflow/workflow-editor/layout/right/cache-panel.vue
index 014810668..da821f443 100644
--- a/ui/src/components/workflow/workflow-editor/layout/right/cache-panel.vue
+++ b/ui/src/components/workflow/workflow-editor/layout/right/cache-panel.vue
@@ -1,16 +1,23 @@
 <template>
-  <jm-drawer title="缓存" :size="410" direction="rtl" destroy-on-close @close="closeDrawer" @opened="dialogOpended">
+  <jm-drawer
+    :title="t('cachePanel.title')"
+    :size="410"
+    direction="rtl"
+    destroy-on-close
+    @close="closeDrawer"
+    @opened="dialogOpended"
+  >
     <template #title>
       <div class="title-content">
-        <div class="title">缓存</div>
-        <div class="description">添加缓存后可在节点中挂载，避免下次执行节点时重复下载依赖，提高执行速度。</div>
+        <div class="title">{{ t('cachePanel.title') }}</div>
+        <div class="description">{{ t('cachePanel.description') }}</div>
       </div>
     </template>
     <jm-scrollbar class="cache-scrollbar">
       <div class="panel-container">
         <div class="cache-label">
-          <div class="label-title">唯一标识</div>
-          <div class="label-description">以英文字母或下划线开头，支持下划线、数字、英文字母</div>
+          <div class="label-title">{{ t('cachePanel.unique') }}</div>
+          <div class="label-description">{{ t('cachePanel.uniqueRule') }}</div>
         </div>
         <jm-form @submit.prevent ref="cacheFormRef" :model="globalForm.caches" label-position="top">
           <cache-editor
@@ -27,19 +34,19 @@
         <div class="add-cache-btn">
           <span class="add-link" @click="addCache">
             <i class="jm-icon-button-add" />
-            <span>添加缓存</span>
+            <span>{{ t('cachePanel.addCache') }}</span>
           </span>
         </div>
       </div>
     </jm-scrollbar>
     <jm-dialog v-model="delDialogVisible" width="428px">
       <template #title>
-        <span class="dialog-title">确定删除当前缓存？</span>
+        <span class="dialog-title">{{ t('cachePanel.deleteTitle') }}</span>
       </template>
-      删除后已引用该缓存的节点将会报错
+      {{ t('cachePanel.deleteTip') }}
       <template #footer>
-        <jm-button @click="delDialogVisible = false">取消</jm-button>
-        <jm-button type="primary" @click="delCache">确定</jm-button>
+        <jm-button @click="delDialogVisible = false">{{ t('cachePanel.cancel') }}</jm-button>
+        <jm-button type="primary" @click="delCache">{{ t('cachePanel.confirm') }}</jm-button>
       </template>
     </jm-dialog>
   </jm-drawer>
@@ -51,7 +58,7 @@ import CacheEditor from './form/cache-editor.vue';
 import { v4 as uuidv4 } from 'uuid';
 import { IWorkflow } from '../../model/data/common';
 import { Global } from '../../model/data/global';
-
+import { useLocale } from '@/utils/i18n';
 // 缓存类型，用于区分渲染
 export enum CacheTypeEnum {
   // 编辑，回显已有的
@@ -70,6 +77,7 @@ export default defineComponent({
   },
   emits: ['closed'],
   setup(props, { emit }) {
+    const { t } = useLocale();
     const workflowForm = ref<IWorkflow>(props.workflowData);
     const globalForm = ref<Global>(new Global(props.workflowData.global));
     const cacheFormRef = ref<HTMLFormElement>();
@@ -95,6 +103,7 @@ export default defineComponent({
     }
 
     return {
+      t,
       globalForm,
       cacheFormRef,
       delDialogVisible,
@@ -168,7 +177,7 @@ export default defineComponent({
     .cache-label {
       box-sizing: border-box;
       padding: 8px;
-      height: 56px;
+      height: 80px;
       background: rgba(236, 242, 248, 0.4);
       border-radius: 4px;
       margin-bottom: 20px;
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 68a151b83..88a57479b 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -615,6 +615,17 @@ const messages = {
       noDescription: '暂无描述',
       noOutput: '无输出参数',
     },
+    cachePanel: {
+      title: '缓存',
+      description: '添加缓存后可在节点中挂载，避免下次执行节点时重复下载依赖，提高执行速度。',
+      unique: '唯一标识',
+      uniqueRule: '以英文字母或下划线开头，支持下划线、数字、英文字母',
+      addCache: '添加缓存',
+      deleteTitle: '确定删除当前缓存？',
+      deleteTip: '删除后已引用该缓存的节点将会报错',
+      cancel: '取消',
+      confirm: '确认',
+    },
   },
 
   en: {
@@ -1229,6 +1240,18 @@ const messages = {
       noDescription: 'No description',
       noOutput: 'No output parameter',
     },
+    cachePanel: {
+      title: 'Cache',
+      description:
+        'Add cache can be mounted in the node to avoid downloading the dependency repeatedly in the next execution of the node and improve the execution speed.',
+      unique: 'Unique identifier',
+      uniqueRule: 'Begin with an English letter or underscore, underscore, numbers, English letters are supported',
+      addCache: 'Add Cache',
+      deleteTitle: 'Sure to delete the current cache?',
+      deleteTip: 'Nodes that already refer to this cache will report an error after deletion',
+      cancel: 'Cancel',
+      confirm: 'Confirm',
+    },
   },
 };
 
-- 
Gitee


From aeb018019338d163d3dea45113f979866dd3a93a Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Tue, 22 Apr 2025 15:56:16 +0800
Subject: [PATCH 61/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0cron-panel.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layout/right/cron-panel.vue               | 29 ++++++++-----------
 ui/src/locales/index.ts                       | 22 ++++++++++++++
 2 files changed, 34 insertions(+), 17 deletions(-)

diff --git a/ui/src/components/workflow/workflow-editor/layout/right/cron-panel.vue b/ui/src/components/workflow/workflow-editor/layout/right/cron-panel.vue
index c718cef1d..b46d07424 100644
--- a/ui/src/components/workflow/workflow-editor/layout/right/cron-panel.vue
+++ b/ui/src/components/workflow/workflow-editor/layout/right/cron-panel.vue
@@ -1,24 +1,19 @@
 <template>
   <div class="jm-workflow-editor-cron-panel">
-    <jm-form
-      :model="form"
-      :rules="form.getFormRules()"
-      ref="formRef"
-      @submit.prevent
-    >
+    <jm-form :model="form" :rules="form.getFormRules()" ref="formRef" @submit.prevent>
       <jm-form-item label="schedule" prop="schedule" class="schedule-item">
-        <jm-input v-model="form.schedule" placeholder="请输入cron表达式"></jm-input>
+        <jm-input v-model="form.schedule" :placeholder="$t('cronPanel.placeholder')"></jm-input>
       </jm-form-item>
       <div class="param-expression">
-        <div class="title">Cron表达式的7个部分从左到右代表的含义如下：</div>
-        <p>秒 分 时 日 月 周 年（可选，留空）</p>
+        <div class="title">{{ $t('cronPanel.meaningTitle') }}</div>
+        <p>{{ $t('cronPanel.meaningContent') }}</p>
         <div class="expression-example">
-          <div class="title">常见表达式例子：</div>
-          <p>0 0 12 * * ? 每天中午12点触发</p>
-          <p>0 15 10 * * ? 每天上午10:15触发</p>
-          <p>0 0 1 ? * SAT 每周六凌晨1点触发</p>
-          <p>0 15 10 ? * MON-FRI 周一至周五的上午10:15触发</p>
-          <p>0 * 10 * * ? 每天上午10点到10:59期间，每分钟触发一次</p>
+          <div class="title">{{ $t('cronPanel.exampleTitle') }}</div>
+          <p>{{ $t('cronPanel.example1') }}</p>
+          <p>{{ $t('cronPanel.example2') }}</p>
+          <p>{{ $t('cronPanel.example3') }}</p>
+          <p>{{ $t('cronPanel.example4') }}</p>
+          <p>{{ $t('cronPanel.example5') }}</p>
         </div>
       </div>
     </jm-form>
@@ -60,7 +55,7 @@ export default defineComponent({
   }
 
   .param-expression {
-    color: #7B8C9C;
+    color: #7b8c9c;
     font-size: 12px;
     line-height: 20px;
     user-select: text;
@@ -77,4 +72,4 @@ export default defineComponent({
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 88a57479b..2a2aa21c6 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -626,6 +626,17 @@ const messages = {
       cancel: '取消',
       confirm: '确认',
     },
+    cronPanel: {
+      placeholder: '请输入cron表达式',
+      meaningTitle: 'Cron表达式的7个部分从左到右代表的含义如下：',
+      meaningContent: '秒 分 时 日 月 周 年（可选，留空）',
+      exampleTitle: '常见表达式例子：',
+      example1: '0 0 12 * * ? 每天中午12点触发',
+      example2: '0 15 10 * * ? 每天上午10:15触发',
+      example3: '0 0 1 ? * SAT 每周六凌晨1点触发',
+      example4: '0 15 10 ? * MON-FRI 周一至周五的上午10:15触发',
+      example5: '0 * 10 * * ? 每天上午10点到10:59期间，每分钟触发一次',
+    },
   },
 
   en: {
@@ -1252,6 +1263,17 @@ const messages = {
       cancel: 'Cancel',
       confirm: 'Confirm',
     },
+    cronPanel: {
+      placeholder: 'Please enter a cron expression',
+      meaningTitle: 'The 7 parts of a Cron expression are represented from left to right as follows:',
+      meaningContent: 'Seconds Minutes Hours Days Months Weeks Years (optional, leave blank)',
+      exampleTitle: 'Examples of common expressions:',
+      example1: '0 0 12 * * ? Triggered at 12:00 noon every day',
+      example2: '0 15 10 * * ? Triggered every day at 10:15 a.m.',
+      example3: '0 0 1 ? * SAT Triggered at 1am every Saturday',
+      example4: '0 15 10 ? * MON-FRI Triggered at 10:15am Monday to Friday',
+      example5: '0 * 10 * * ? Triggered every minute between 10:00 a.m. and 10:59 a.m. every day',
+    },
   },
 };
 
-- 
Gitee


From 5b19a331842fdb423a122f3f50e12ea28e6b98ab Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Tue, 22 Apr 2025 16:00:54 +0800
Subject: [PATCH 62/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0node-config-pan?=
 =?UTF-8?q?el.vue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workflow-editor/layout/right/node-config-panel.vue      | 2 +-
 ui/src/locales/index.ts                                     | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/workflow/workflow-editor/layout/right/node-config-panel.vue b/ui/src/components/workflow/workflow-editor/layout/right/node-config-panel.vue
index 46e768623..4dd8834c4 100644
--- a/ui/src/components/workflow/workflow-editor/layout/right/node-config-panel.vue
+++ b/ui/src/components/workflow/workflow-editor/layout/right/node-config-panel.vue
@@ -1,5 +1,5 @@
 <template>
-  <jm-drawer title="节点配置面板" :size="410" direction="rtl" destroy-on-close @closed="save">
+  <jm-drawer :title="$t('nodeConfigPanel.title')" :size="410" direction="rtl" destroy-on-close @closed="save">
     <template #title>
       <div>
         <span>{{ nodeData.getName() }}</span>
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 2a2aa21c6..6a2d62d64 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -637,6 +637,9 @@ const messages = {
       example4: '0 15 10 ? * MON-FRI 周一至周五的上午10:15触发',
       example5: '0 * 10 * * ? 每天上午10点到10:59期间，每分钟触发一次',
     },
+    nodeConfigPanel: {
+      title: '节点配置面板',
+    },
   },
 
   en: {
@@ -1274,6 +1277,9 @@ const messages = {
       example4: '0 15 10 ? * MON-FRI Triggered at 10:15am Monday to Friday',
       example5: '0 * 10 * * ? Triggered every minute between 10:00 a.m. and 10:59 a.m. every day',
     },
+    nodeConfigPanel: {
+      title: 'Node Configuration Panel',
+    },
   },
 };
 
-- 
Gitee


From 495158b3d4cc1b73e78a4a7adbfebc5c8e5c502f Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Tue, 22 Apr 2025 16:24:52 +0800
Subject: [PATCH 63/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0shell-panel.vue?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layout/right/shell-panel.vue              | 37 +++++++++++--------
 ui/src/locales/index.ts                       | 36 ++++++++++++++++++
 2 files changed, 57 insertions(+), 16 deletions(-)

diff --git a/ui/src/components/workflow/workflow-editor/layout/right/shell-panel.vue b/ui/src/components/workflow/workflow-editor/layout/right/shell-panel.vue
index 5185ba254..ff0e513c4 100644
--- a/ui/src/components/workflow/workflow-editor/layout/right/shell-panel.vue
+++ b/ui/src/components/workflow/workflow-editor/layout/right/shell-panel.vue
@@ -1,10 +1,15 @@
 <template>
   <div class="jm-workflow-editor-shell-panel">
     <jm-form :model="form" ref="formRef" label-position="top" @submit.prevent>
-      <jm-form-item label="节点名称" prop="name" :rules="nodeData.getFormRules().name" class="node-name">
+      <jm-form-item :label="$t('shellPanel.name')" prop="name" :rules="nodeData.getFormRules().name" class="node-name">
         <jm-input v-model="form.name" show-word-limit :maxlength="36" />
       </jm-form-item>
-      <jm-form-item label="docker镜像" prop="image" :rules="nodeData.getFormRules().image" class="node-item">
+      <jm-form-item
+        :label="$t('shellPanel.image')"
+        prop="image"
+        :rules="nodeData.getFormRules().image"
+        class="node-item"
+      >
         <jm-select
           ref="imageSelectRef"
           @keyup.enter="enterSelect"
@@ -12,24 +17,24 @@
           filterable
           allow-create
           clearable
-          placeholder="请选择或输入镜像"
+          :placeholder="$t('shellPanel.imagePlaceholder')"
         >
           <jm-option v-for="item in defaultImages" :key="item.id" :label="item.imageName" :value="item.imageName" />
         </jm-select>
       </jm-form-item>
       <jm-form-item class="shell-env node-item">
         <template #label>
-          环境变量
+          {{ $t('shellPanel.env') }}
           <jm-tooltip placement="top">
             <template #content>
-              <div>可以使用表达式，引用全局参数、事件参</div>
+              <div>{{ $t('shellPanel.envTooltip1') }}</div>
               <div>
-                <span>数或上游节点的输出参数，详见</span>
+                <span>{{ $t('shellPanel.envTooltip2') }}</span>
                 <a
                   href="https://v2.jianmu.dev/guide/expression.html"
                   target="_blank"
                   style="color: #fff; text-decoration: underline"
-                  >参数章节</a
+                  >{{ $t('shellPanel.envTooltipLink') }}</a
                 >
               </div>
             </template>
@@ -50,17 +55,17 @@
           />
           <div class="add-shell-env" @click="addShellEnv">
             <i class="jm-icon-button-add" />
-            添加环境变量
+            {{ $t('shellPanel.addEnv') }}
           </div>
         </div>
       </jm-form-item>
-      <jm-form-item label="脚本" class="script-container">
-        <jm-input type="textarea" placeholder="请输入shell脚本" v-model="form.script" />
+      <jm-form-item :label="$t('shellPanel.script')" class="script-container">
+        <jm-input type="textarea" :placeholder="$t('shellPanel.scriptPlaceholder')" v-model="form.script" />
       </jm-form-item>
       <div class="cache-item">
         <div class="cache-label">
-          缓存挂载
-          <jm-tooltip placement="top" :append-to-body="false" content="在顶部缓存模块中添加缓存后，在此挂载">
+          {{ $t('shellPanel.cache') }}
+          <jm-tooltip placement="top" :append-to-body="false" :content="$t('shellPanel.cacheTooltip')">
             <i class="jm-icon-button-help"></i>
           </jm-tooltip>
         </div>
@@ -81,20 +86,20 @@
         <div class="add-select-cache-btn">
           <span class="add-link" @click="addSelector">
             <i class="jm-icon-button-add" />
-            <span>添加</span>
+            <span>{{ $t('shellPanel.addCache') }}</span>
           </span>
         </div>
       </div>
       <jm-form-item
-        label="执行失败时"
+        :label="$t('shellPanel.failureMode')"
         class="node-item"
         prop="failureMode"
         :rules="nodeData.getFormRules().failureMode"
         v-if="failureVisible"
       >
         <jm-radio-group v-model="form.failureMode">
-          <jm-radio :label="'suspend'">挂起</jm-radio>
-          <jm-radio :label="'ignore'">忽略</jm-radio>
+          <jm-radio :label="'suspend'">{{ $t('shellPanel.suspend') }}</jm-radio>
+          <jm-radio :label="'ignore'">{{ $t('shellPanel.ignore') }}</jm-radio>
         </jm-radio-group>
       </jm-form-item>
     </jm-form>
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 6a2d62d64..bc1291c41 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -640,6 +640,24 @@ const messages = {
     nodeConfigPanel: {
       title: '节点配置面板',
     },
+    shellPanel: {
+      name: '节点名称',
+      image: 'docker镜像',
+      imagePlaceholder: '请选择或输入镜像',
+      env: '环境变量',
+      envTooltip1: '可以使用表达式，引用全局参数、事件参数',
+      envTooltip2: '或上游节点的输出参数，详见',
+      envTooltipLink: '参数章节',
+      addEnv: '添加环境变量',
+      script: '脚本',
+      scriptPlaceholder: '请输入shell脚本',
+      cache: '缓存挂载',
+      cacheTooltip: '在顶部缓存模块中添加缓存后，在此挂载',
+      addCache: '添加',
+      failureMode: '执行失败时',
+      suspend: '挂起',
+      ignore: '忽略',
+    },
   },
 
   en: {
@@ -1280,6 +1298,24 @@ const messages = {
     nodeConfigPanel: {
       title: 'Node Configuration Panel',
     },
+    shellPanel: {
+      name: 'Node Name',
+      image: 'Docker Image',
+      imagePlaceholder: 'Please select or enter the image',
+      env: 'Environment variables',
+      envTooltip1: 'You can use expressions, refer to global parameters, event parameters or output ',
+      envTooltip2: 'parameters of the upstream node, see the ',
+      envTooltipLink: 'Parameters section for more details',
+      addEnv: 'Adding environment variables',
+      script: 'Scripts',
+      scriptPlaceholder: 'Please enter a shell script',
+      cache: 'Cache mounts',
+      cacheTooltip: 'Mounts here after adding a cache to the top cache module',
+      addCache: 'Add',
+      failureMode: 'Mounts when execution fails',
+      suspend: 'Suspend',
+      ignore: 'Ignore',
+    },
   },
 };
 
-- 
Gitee


From 20b7457f8b72e45d10702313c931c1e7d5dd5206 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Tue, 22 Apr 2025 17:45:07 +0800
Subject: [PATCH 64/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0webhook-panel.v?=
 =?UTF-8?q?ue=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layout/right/webhook-panel.vue            | 35 ++++++++--------
 ui/src/locales/index.ts                       | 40 ++++++++++++++++++-
 2 files changed, 58 insertions(+), 17 deletions(-)

diff --git a/ui/src/components/workflow/workflow-editor/layout/right/webhook-panel.vue b/ui/src/components/workflow/workflow-editor/layout/right/webhook-panel.vue
index 26653eaca..a542d80eb 100644
--- a/ui/src/components/workflow/workflow-editor/layout/right/webhook-panel.vue
+++ b/ui/src/components/workflow/workflow-editor/layout/right/webhook-panel.vue
@@ -7,14 +7,15 @@
           <span :class="{ fold: true, folded: foldParamFlag }" @click="foldParam">
             <i class="jm-icon-button-right"></i>
           </span>
-          <span class="title-text">触发器参数</span>
+          <span class="title-text">{{ $t('webhookPanel.triggerParam') }}</span>
           <jm-tooltip placement="top">
             <template #content>
-              引用触发器参数参考<a
+              {{ $t('webhookPanel.triggerParamTip')
+              }}<a
                 href="https://v2.jianmu.dev/guide/vars.html#%E8%A7%A6%E5%8F%91%E5%99%A8%E5%8F%82%E6%95%B0"
                 target="_blank"
                 style="color: #fff; text-decoration: underline"
-                >参数章节</a
+                >{{ $t('webhookPanel.paramSection') }}</a
               >
             </template>
             <i class="jm-icon-button-help"></i>
@@ -38,7 +39,7 @@
           />
           <div class="add-param" @click="addParam">
             <i class="jm-icon-button-add" />
-            添加触发器参数
+            {{ $t('webhookPanel.addTriggerParam') }}
           </div>
         </div>
       </div>
@@ -48,17 +49,17 @@
           <span :class="{ fold: true, folded: foldSettingFlag }" @click="foldSetting">
             <i class="jm-icon-button-right"></i>
           </span>
-          <span class="title-text">高级设置</span>
+          <span class="title-text">{{ $t('webhookPanel.advancedSetting') }}</span>
         </div>
         <div class="setting-content" v-if="foldSettingFlag">
           <i class="line"></i>
           <div class="rules">
             <div class="rules-title">
-              认证规则
+              {{ $t('webhookPanel.authRule') }}
               <jm-tooltip placement="top">
                 <template #content>
-                  <div>若关闭认证规则，任何人皆可通过</div>
-                  <div>webhook触发此流程</div>
+                  <div>{{ $t('webhookPanel.authRuleTip1') }}</div>
+                  <div>{{ $t('webhookPanel.authRuleTip2') }}</div>
                 </template>
                 <i class="jm-icon-button-help"></i>
               </jm-tooltip>
@@ -69,14 +70,14 @@
             <jm-form-item prop="auth.token" :rules="nodeData.getFormRules().auth.fields.token">
               <template #label>
                 token
-                <jm-tooltip content="Webhook请求携带的认证鉴权数据" placement="top">
+                <jm-tooltip :content="$t('webhookPanel.tokenTip')" placement="top">
                   <i class="jm-icon-button-help"></i>
                 </jm-tooltip>
               </template>
               <expression-editor
                 v-model="form.auth.token"
                 :node-id="nodeId"
-                placeholder="请输入token值"
+                :placeholder="$t('webhookPanel.tokenPlaceholder')"
                 @editor-created="handleEditorCreated"
               />
             </jm-form-item>
@@ -84,11 +85,13 @@
               <template #label>
                 value
                 <jm-tooltip placement="top">
-                  <template #content> 用于校验token值，相同则验证成<br />功，必须是密钥类型 </template>
+                  <template #content>
+                    {{ $t('webhookPanel.valueTip1') }}<br />{{ $t('webhookPanel.valueTip2') }}</template
+                  >
                   <i class="jm-icon-button-help"></i>
                 </jm-tooltip>
               </template>
-              <secret-key-selector v-model="form.auth.value" :placeholder="'请选择value值'" />
+              <secret-key-selector v-model="form.auth.value" :placeholder="$t('webhookPanel.valuePlaceholder')" />
             </jm-form-item>
           </div>
           <jm-form-item class="only-container" prop="only" :rules="nodeData.getFormRules().only">
@@ -96,14 +99,14 @@
               only
               <jm-tooltip placement="top">
                 <template #content>
-                  <div>匹配规则，结果为 true 时触发流程，当</div>
+                  <div>{{ $t('webhookPanel.onlyRule') }}</div>
                   <div>
-                    <span>前只可引用触发器参数。详见</span>
+                    <span>{{ $t('webhookPanel.onlyTip') }}</span>
                     <a
                       href="https://v2.jianmu.dev/guide/expression.html"
                       target="_blank"
                       style="color: #fff; text-decoration: underline"
-                      >运算表达式</a
+                      >{{ $t('webhookPanel.onlyLink') }}</a
                     >
                   </div>
                 </template>
@@ -113,7 +116,7 @@
             <div class="only-content">
               <expression-editor
                 v-model="form.only"
-                placeholder="请输入匹配规则"
+                :placeholder="$t('webhookPanel.onlyPlaceholder')"
                 :node-id="nodeId"
                 @editor-created="handleEditorCreated"
               />
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index bc1291c41..ab33491d0 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -658,6 +658,25 @@ const messages = {
       suspend: '挂起',
       ignore: '忽略',
     },
+    webhookPanel: {
+      triggerParam: '触发器参数',
+      triggerParamTip: '引用触发器参数参考',
+      paramSection: '参数章节',
+      addTriggerParam: '添加触发器参数',
+      advancedSetting: '高级设置',
+      authRule: '认证规则',
+      authRuleTip1: '若关闭认证规则，任何人皆可通过',
+      authRuleTip2: 'webhook触发此流程',
+      tokenTip: 'Webhook请求携带的认证鉴权数据',
+      tokenPlaceholder: '请输入token值',
+      valueTip1: '用于校验token值，相同则验证成功',
+      valueTip2: '必须是密钥类型',
+      valuePlaceholder: '请选择value值',
+      onlyRule: '匹配规则，结果为 true 时触发流程，当',
+      onlyTip: '前只可引用触发器参数。详见',
+      onlyLink: '运算表达式',
+      onlyPlaceholder: '请输入匹配规则',
+    },
   },
 
   en: {
@@ -1244,7 +1263,7 @@ const messages = {
       type: 'Type',
       typePlaceholder: 'Please select the type of the parameter',
       expression: 'Expression',
-      expressionTip: 'See details',
+      expressionTip: 'See details ',
       extractionRule: 'Extraction rules',
       expressionPlaceholder: 'Please enter the parameter expression',
       required: 'Required',
@@ -1316,6 +1335,25 @@ const messages = {
       suspend: 'Suspend',
       ignore: 'Ignore',
     },
+    webhookPanel: {
+      triggerParam: 'Trigger Parameters',
+      triggerParamTip: 'Reference to Trigger Parameters ',
+      paramSection: 'Parameters Section',
+      addTriggerParam: 'Add Trigger Parameters',
+      advancedSetting: 'Advanced Settings',
+      authRule: 'Authentication Rules',
+      authRuleTip1: 'If you turn off the Authentication Rules, anyone can pass through',
+      authRuleTip2: 'webhook triggers the process',
+      tokenTip: 'Webhook Requests for Carrying Authentication Authentication Data',
+      tokenPlaceholder: 'Please enter a token value',
+      valueTip1: 'Used to verify the token value, the same authentication succeeds',
+      valueTip2: 'Must be a secret key type',
+      valuePlaceholder: 'Please select value',
+      onlyRule: 'Match the rule, trigger the process when the result is true,',
+      onlyTip: 'can currently only refer to the trigger parameter. See ',
+      onlyLink: 'Arithmetic Expressions',
+      onlyPlaceholder: 'Please enter a matching rule',
+    },
   },
 };
 
-- 
Gitee


From d61147fc218d9f090cce9a19ab5b359bf840629e Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 23 Apr 2025 10:09:55 +0800
Subject: [PATCH 65/75] =?UTF-8?q?fix:=20=E8=A1=A5=E5=85=85=E9=81=97?=
 =?UTF-8?q?=E6=BC=8F=E6=96=87=E6=9C=AC=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/task-state/index.vue        | 31 +++++++++++--------
 .../param-button.vue                          | 18 ++++-------
 ui/src/locales/index.ts                       |  6 ++++
 3 files changed, 30 insertions(+), 25 deletions(-)

diff --git a/ui/src/components/task-state/index.vue b/ui/src/components/task-state/index.vue
index 2cfd70722..f81b9c73f 100644
--- a/ui/src/components/task-state/index.vue
+++ b/ui/src/components/task-state/index.vue
@@ -1,13 +1,17 @@
 <template>
-  <span :class="{
-    'jm-task-state':true,
-     [value.toLowerCase()]:true,
-  }">{{ text }}</span>
+  <span
+    :class="{
+      'jm-task-state': true,
+      [value.toLowerCase()]: true,
+    }"
+    >{{ text }}</span
+  >
 </template>
 
 <script lang="ts">
 import { computed, defineComponent, PropType } from 'vue';
 import { TaskStatusEnum } from '@/api/dto/enumeration';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   name: 'jm-task-state',
@@ -18,6 +22,7 @@ export default defineComponent({
     },
   },
   setup(props: any) {
+    const { t } = useLocale();
     return {
       TaskStatusEnum,
       text: computed<string>(() => {
@@ -48,7 +53,7 @@ export default defineComponent({
             stateText = '排队中';
             break;
         }
-        return stateText;
+        return t(`taskState.${props.value}`);
       }),
     };
   },
@@ -59,17 +64,17 @@ export default defineComponent({
 .jm-task-state {
   //  待启动
   &.init {
-    color: #096DD9;
+    color: #096dd9;
   }
 
   //  排队中
   &&.waiting {
-    color: #FF862B;
+    color: #ff862b;
   }
 
   //  执行中
   &.running {
-    color: #11C2C2;
+    color: #11c2c2;
   }
 
   //  已跳过
@@ -79,22 +84,22 @@ export default defineComponent({
 
   //  执行失败
   &.failed {
-    color: #FF4D4F;
+    color: #ff4d4f;
   }
 
   //  执行成功
   &.succeeded {
-    color: #51C41B;
+    color: #51c41b;
   }
 
   //  已挂起
   &.suspended {
-    color: #7986CB;
+    color: #7986cb;
   }
 
   //  已忽略
   &.ignored {
-    color: #9847FC;
+    color: #9847fc;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/ui/src/components/workflow/workflow-expression-editor/param-button.vue b/ui/src/components/workflow/workflow-expression-editor/param-button.vue
index ed16b33e3..18beba7f0 100644
--- a/ui/src/components/workflow/workflow-expression-editor/param-button.vue
+++ b/ui/src/components/workflow/workflow-expression-editor/param-button.vue
@@ -1,20 +1,14 @@
 <template>
   <div class="param-button" v-if="!hidden">
-    <jm-cascader
-      placement="top"
-      :options="selectableParams"
-      @change="insertParam"
-      v-model="selectValue"
-      :offset="5"
-    />
+    <jm-cascader placement="top" :options="selectableParams" @change="insertParam" v-model="selectValue" :offset="5" />
     <div class="insert-param">
       <i class="jm-icon-link-add"></i>
-      <span class="text">参数</span>
+      <span class="text">{{ $t('paramButton.label') }}</span>
     </div>
   </div>
 </template>
 
-<script lang='ts'>
+<script lang="ts">
 import { computed, defineComponent, PropType, ref } from 'vue';
 import { ISelectableParam } from './model/data';
 
@@ -41,11 +35,11 @@ export default defineComponent({
 });
 </script>
 
-<style scoped lang='less'>
-@import "../workflow-editor/vars";
+<style scoped lang="less">
+@import '../workflow-editor/vars';
 
 .param-button {
-  color: #6B7B8D;
+  color: #6b7b8d;
   position: relative;
 
   &:hover {
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index ab33491d0..e553ac319 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -677,6 +677,9 @@ const messages = {
       onlyLink: '运算表达式',
       onlyPlaceholder: '请输入匹配规则',
     },
+    paramButton: {
+      label: '参数',
+    },
   },
 
   en: {
@@ -1354,6 +1357,9 @@ const messages = {
       onlyLink: 'Arithmetic Expressions',
       onlyPlaceholder: 'Please enter a matching rule',
     },
+    paramButton: {
+      label: 'parameter',
+    },
   },
 };
 
-- 
Gitee


From 09b814733366e00b763d653e93fa022dab2b8137 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 23 Apr 2025 11:00:57 +0800
Subject: [PATCH 66/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0workflow-node-t?=
 =?UTF-8?q?oolbar.ts=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../model/workflow-node-toolbar.ts            | 15 ++++++++-------
 ui/src/locales/index.ts                       | 19 +++++++++++++++++++
 ui/src/utils/i18n.ts                          |  2 ++
 3 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/ui/src/components/workflow/workflow-editor/model/workflow-node-toolbar.ts b/ui/src/components/workflow/workflow-editor/model/workflow-node-toolbar.ts
index 9ba1d877b..acb627494 100644
--- a/ui/src/components/workflow/workflow-editor/model/workflow-node-toolbar.ts
+++ b/ui/src/components/workflow/workflow-editor/model/workflow-node-toolbar.ts
@@ -4,6 +4,7 @@ import listen from 'good-listener';
 import { CustomX6NodeProxy } from './data/custom-x6-node-proxy';
 import { NodeTypeEnum } from './data/enumeration';
 import { NODE, PORT } from '../shape/gengral-config';
+import { globalT as t } from '@/utils/i18n';
 
 const { toolbarDistance, icon: { width: iconW, marginBottom: iconMarginBottom }, textMaxHeight } = NODE;
 const { fill: circleBgColor } = PORT;
@@ -101,23 +102,23 @@ export class WorkflowNodeToolbar {
     const nodeProxy = new CustomX6NodeProxy(node);
     const nodeData = nodeProxy.getData();
 
-    let msg = '<div>确定要删除吗?</div>';
-    msg += `<div style="margin-top: 5px; font-size: 12px; line-height: normal;">名称：${nodeData.getName()}</div>`;
-    let title = '删除';
+    let msg = `<div>${t('workflowNodeToolbar.confirmDelete')}</div>`;
+    msg += `<div style="margin-top: 5px; font-size: 12px; line-height: normal;">${t('workflowNodeToolbar.name')}${nodeData.getName()}</div>`;
+    let title = t('workflowNodeToolbar.delete');
     switch (nodeData.getType()) {
       case NodeTypeEnum.ASYNC_TASK:
       case NodeTypeEnum.SHELL:
-        title += '节点';
+        title += `${t('workflowNodeToolbar.node')}`;
         break;
       case NodeTypeEnum.CRON:
       case NodeTypeEnum.WEBHOOK:
-        title += '触发器';
+        title += `${t('workflowNodeToolbar.trigger')}`;
         break;
     }
 
     this.proxy.$confirm(msg, title, {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
+      confirmButtonText: t('workflowNodeToolbar.confirm'),
+      cancelButtonText: t('workflowNodeToolbar.cancel'),
       type: 'warning',
       dangerouslyUseHTMLString: true,
     }).then(async () => {
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index e553ac319..498f3d326 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -680,6 +680,15 @@ const messages = {
     paramButton: {
       label: '参数',
     },
+    workflowNodeToolbar: {
+      confirmDelete: '你确认要删除吗?',
+      name: '名称: ',
+      delete: '删除',
+      node: '节点',
+      trigger: '触发器',
+      confirm: '确认',
+      cancel: '取消',
+    }
   },
 
   en: {
@@ -1360,6 +1369,15 @@ const messages = {
     paramButton: {
       label: 'parameter',
     },
+    workflowNodeToolbar: {
+      confirmDelete: 'Are you sure you want to delete?',
+      name: 'Name: ',
+      delete: 'Delete ',
+      node: 'Node',
+      trigger: 'Trigger',
+      confirm: 'Confirm',
+      cancel: 'Cancel',
+    }
   },
 };
 
@@ -1381,3 +1399,4 @@ const i18n = createI18n({
 });
 
 export default i18n;
+export const globalT = i18n.global.t;
diff --git a/ui/src/utils/i18n.ts b/ui/src/utils/i18n.ts
index 515520c7b..cb48463e4 100644
--- a/ui/src/utils/i18n.ts
+++ b/ui/src/utils/i18n.ts
@@ -1,4 +1,5 @@
 import { useI18n } from 'vue-i18n';
+import { globalT } from '@/locales';
 
 export function useLocale() {
   const { locale, t } = useI18n();
@@ -14,3 +15,4 @@ export function useLocale() {
     handleLocaleChange,
   };
 }
+export { globalT };
-- 
Gitee


From aca2c2f8b09354a5af1579c3414c39138d56681f Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 23 Apr 2025 11:16:27 +0800
Subject: [PATCH 67/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0load-more?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/load-more/index.vue | 13 ++++---------
 ui/src/locales/index.ts               | 12 ++++++++++--
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/ui/src/components/load-more/index.vue b/ui/src/components/load-more/index.vue
index 429d19a4f..55cd0a6b7 100644
--- a/ui/src/components/load-more/index.vue
+++ b/ui/src/components/load-more/index.vue
@@ -1,15 +1,10 @@
 <template>
   <div class="jm-load-more" v-if="haveMore || noMore">
-    <jm-button
-      v-if="haveMore"
-      class="have-more"
-      @click="loadMore"
-      :loading="moreLoading"
-      type="text"
-      >显示更多
+    <jm-button v-if="haveMore" class="have-more" @click="loadMore" :loading="moreLoading" type="text"
+      >{{ $t('loadMore.show') }}
       <div class="icon" v-if="iconVisible"></div>
     </jm-button>
-    <div class="no-more" v-if="noMore">没有更多了</div>
+    <div class="no-more" v-if="noMore">{{ $t('loadMore.noMore') }}</div>
   </div>
 </template>
 <script lang="ts">
@@ -88,7 +83,7 @@ export default defineComponent({
   color: #7b8c9c;
   .have-more {
     position: relative;
-    color:#7b8c9c;
+    color: #7b8c9c;
     ::v-deep(.el-icon-loading) {
       position: absolute;
       right: -17px;
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 498f3d326..8d38f22f1 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -688,7 +688,11 @@ const messages = {
       trigger: '触发器',
       confirm: '确认',
       cancel: '取消',
-    }
+    },
+    loadMore: {
+      show: '显示更多',
+      noMore: '没有更多了',
+    },
   },
 
   en: {
@@ -1377,7 +1381,11 @@ const messages = {
       trigger: 'Trigger',
       confirm: 'Confirm',
       cancel: 'Cancel',
-    }
+    },
+    loadMore: {
+      show: 'Show More',
+      noMore: 'No More',
+    },
   },
 };
 
-- 
Gitee


From 3272a0d1bad3a4a407eebdd0aa0d2aa3dc4d9458 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 23 Apr 2025 11:46:32 +0800
Subject: [PATCH 68/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0=E9=9D=A2?=
 =?UTF-8?q?=E5=8C=85=E5=B1=91=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/locales/index.ts           | 18 ++++++++++++++++++
 ui/src/router/index.ts            |  4 ++--
 ui/src/router/modules/platform.ts | 14 +++++++-------
 3 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 8d38f22f1..56aae820e 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -693,6 +693,15 @@ const messages = {
       show: '显示更多',
       noMore: '没有更多了',
     },
+    breadcrumb: {
+      home: '首页',
+      worker: 'Worker管理',
+      localNode: '本地节点库',
+      group: '分组管理',
+      secretKey: '密钥管理',
+      addProject: '新增项目',
+      Details: '详情',
+    },
   },
 
   en: {
@@ -1386,6 +1395,15 @@ const messages = {
       show: 'Show More',
       noMore: 'No More',
     },
+    breadcrumb: {
+      home: 'Home',
+      worker: 'Worker Management',
+      localNode: 'Local Node Library',
+      group: 'Group Management',
+      secretKey: 'Secret Key Management',
+      addProject: 'Add New Project',
+      Details: 'Details',
+    },
   },
 };
 
diff --git a/ui/src/router/index.ts b/ui/src/router/index.ts
index d8d7f9079..cd2403cb0 100644
--- a/ui/src/router/index.ts
+++ b/ui/src/router/index.ts
@@ -5,7 +5,7 @@ import { namespace as sessionNs } from '@/store/modules/session';
 import { IState as ISessionState } from '@/model/modules/session';
 import LoginVerify from '@/views/login/dialog.vue';
 import { AppContext } from 'vue';
-
+import { globalT as t } from '@/utils/i18n';
 /**
  * 加载业务模块路由
  * @param path
@@ -66,7 +66,7 @@ export default (appContext: AppContext) => {
       // platform模块
       loadModuleRoute(
         PLATFORM_INDEX,
-        '首页',
+        t('breadcrumb.home'),
         false,
         import('@/layout/platform.vue'),
         import.meta.globEager('./modules/platform.ts'),
diff --git a/ui/src/router/modules/platform.ts b/ui/src/router/modules/platform.ts
index 411c2b1a8..954756f95 100644
--- a/ui/src/router/modules/platform.ts
+++ b/ui/src/router/modules/platform.ts
@@ -1,5 +1,5 @@
 import { RouteLocationNormalizedLoaded, RouteRecordRaw } from 'vue-router';
-
+import { globalT as t } from '@/utils/i18n';
 export default [
   // 首页
   {
@@ -28,7 +28,7 @@ export default [
     path: 'worker-manager',
     component: () => import('@/views/workers/workers-manager.vue'),
     meta: {
-      title: 'Worker管理',
+      title: t('breadcrumb.worker'),
     },
   },
   // 节点库路由
@@ -37,7 +37,7 @@ export default [
     path: 'node-library',
     component: () => import('@/views/node-library/node-library-manager.vue'),
     meta: {
-      title: '本地节点库',
+      title: t('breadcrumb.localNode'),
     },
   },
   {
@@ -45,7 +45,7 @@ export default [
     path: 'project-group',
     component: () => import('@/views/project-group/project-group-manager.vue'),
     meta: {
-      title: '分组管理',
+      title: t('breadcrumb.group'),
     },
     children: [
       {
@@ -66,7 +66,7 @@ export default [
     path: 'secret-key',
     component: () => import('@/views/secret-key/ns-manager.vue'),
     meta: {
-      title: '密钥管理',
+      title: t('breadcrumb.secretKey'),
     },
     children: [
       {
@@ -77,7 +77,7 @@ export default [
           ns: namespace,
         }),
         meta: {
-          title: '详情',
+          title: t('breadcrumb.Details'),
         },
       },
     ],
@@ -95,7 +95,7 @@ export default [
     path: 'project/editor',
     component: () => import('@/views/project/editor.vue'),
     meta: {
-      title: '新增项目',
+      title: t('breadcrumb.addProject'),
     },
   },
   {
-- 
Gitee


From 4c0a247c993cd774fd077e56c94fb0d4b3c90d9e Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 23 Apr 2025 14:20:37 +0800
Subject: [PATCH 69/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0workflow-valida?=
 =?UTF-8?q?tor.ts=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workflow-editor/model/workflow-validator.ts    | 11 ++++++-----
 ui/src/locales/index.ts                            | 14 ++++++++++++++
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/ui/src/components/workflow/workflow-editor/model/workflow-validator.ts b/ui/src/components/workflow/workflow-editor/model/workflow-validator.ts
index d35d2f59e..2140802ae 100644
--- a/ui/src/components/workflow/workflow-editor/model/workflow-validator.ts
+++ b/ui/src/components/workflow/workflow-editor/model/workflow-validator.ts
@@ -3,6 +3,7 @@ import { NodeTypeEnum } from './data/enumeration';
 import { CustomX6NodeProxy } from './data/custom-x6-node-proxy';
 import nodeWarningIcon from '../svgs/node-warning.svg';
 import { IWorkflow } from './data/common';
+import { globalT as t } from '@/utils/i18n';
 
 export type ClickNodeWarningCallbackFnType = (nodeId: string) => void;
 
@@ -65,7 +66,7 @@ export class WorkflowValidator {
     const nodes = this.graph.getNodes();
 
     if (nodes.length === 0) {
-      throw new Error('未存在任何节点');
+      throw new Error(t('workflowValidator.noNodes'));
     }
 
     if (
@@ -73,7 +74,7 @@ export class WorkflowValidator {
         [NodeTypeEnum.SHELL, NodeTypeEnum.ASYNC_TASK].includes(new CustomX6NodeProxy(node).getData().getType()),
       )
     ) {
-      throw new Error('至少有一个shell或任务节点');
+      throw new Error(t('workflowValidator.atLeastOneShellOrTaskNode'));
     }
 
     if (nodes.length > 1) {
@@ -87,7 +88,7 @@ export class WorkflowValidator {
       if (unconnectedNodes.length > 0) {
         const nodeName = new CustomX6NodeProxy(unconnectedNodes[0]).getData().getName();
         // 存在未连接的节点
-        throw new Error(`${nodeName}节点：尚未连接任何其他节点`);
+        throw new Error(`${nodeName}${t('workflowValidator.nodeNotConnected')}`);
       }
     }
 
@@ -96,7 +97,7 @@ export class WorkflowValidator {
       try {
         await workflowNode.validate();
       } catch ({ errors }) {
-        throw new Error(`${workflowNode.getName()}节点：${errors[0].message}`);
+        throw new Error(`${workflowNode.getName()}${t('workflowValidator.node')}${errors[0].message}`);
       }
     }
   }
@@ -137,7 +138,7 @@ export class WorkflowValidator {
     const currentTrigger = this.graph.getNodes().find(node => new CustomX6NodeProxy(node).isTrigger());
 
     if (currentTrigger) {
-      this.proxy.$warning('只能有一个触发器');
+      this.proxy.$warning(t('workflowValidator.onlyOneTrigger'));
       return false;
     }
 
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 56aae820e..ca6622f0f 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -702,6 +702,13 @@ const messages = {
       addProject: '新增项目',
       Details: '详情',
     },
+    workflowValidator: {
+      noNodes: '未存在任何节点',
+      atLeastOneShellOrTaskNode: '至少有一个shell或任务节点',
+      nodeNotConnected: '节点：尚未连接任何其他节点',
+      node: '节点：',
+      onlyOneTrigger: '只能有一个触发器',
+    },
   },
 
   en: {
@@ -1404,6 +1411,13 @@ const messages = {
       addProject: 'Add New Project',
       Details: 'Details',
     },
+    workflowValidator: {
+      noNodes: 'No nodes exist',
+      atLeastOneShellOrTaskNode: 'There is at least one shell or task node',
+      nodeNotConnected: 'Node: no other nodes connected yet',
+      node: 'Node: ',
+      onlyOneTrigger: 'There can only be one trigger',
+    },
   },
 };
 
-- 
Gitee


From 5f477a6899161384f3ac6adf899d20bad11ebe15 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 23 Apr 2025 14:31:05 +0800
Subject: [PATCH 70/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0shell.ts?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workflow-editor/model/data/node/shell.ts     | 14 +++++++-------
 ui/src/locales/index.ts                          | 16 ++++++++++++++++
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/ui/src/components/workflow/workflow-editor/model/data/node/shell.ts b/ui/src/components/workflow/workflow-editor/model/data/node/shell.ts
index b99b78331..0ca62a84b 100644
--- a/ui/src/components/workflow/workflow-editor/model/data/node/shell.ts
+++ b/ui/src/components/workflow/workflow-editor/model/data/node/shell.ts
@@ -3,7 +3,7 @@ import { FailureModeEnum, NodeRefEnum, NodeTypeEnum, RefTypeEnum } from '../enum
 import icon from '../../../svgs/shape/shell.svg';
 import { CustomRule, ValidateCacheFn, ValidateParamFn } from '../common';
 import { checkDuplicate } from '../../util/reference';
-
+import { globalT as t } from '@/utils/i18n';
 export interface IShellEnv {
   key: string;
   name: string;
@@ -66,7 +66,7 @@ export class Shell extends BaseNode {
         required: true,
         fields: {
           name: [
-            { required: true, message: '请输入变量名', trigger: 'blur' },
+            { required: true, message: t('shell.enterVariableName'), trigger: 'blur' },
             {
               validator: (rule: any, value: any, callback: any) => {
                 if (!value) {
@@ -90,7 +90,7 @@ export class Shell extends BaseNode {
             },
           ],
           value: [
-            { required: true, message: '请输入变量值', trigger: 'blur' },
+            { required: true, message: t('shell.enterVariableValue'), trigger: 'blur' },
             {
               validator: (rule: any, value: any, callback: any) => {
                 if (value && this.validateParam) {
@@ -117,7 +117,7 @@ export class Shell extends BaseNode {
         required: true,
         fields: {
           name: [
-            { required: true, message: '请选择缓存', trigger: 'change' },
+            { required: true, message: t('shell.selectCache'), trigger: 'change' },
             {
               validator: (rule: any, name: any, callback: any) => {
                 if (name && this.validateCache) {
@@ -134,10 +134,10 @@ export class Shell extends BaseNode {
             },
           ],
           value: [
-            { required: true, message: '请输入目录', trigger: 'blur' },
+            { required: true, message: t('shell.enterDirectory'), trigger: 'blur' },
             {
               pattern: /^\//,
-              message: '请输入以/开头的目录',
+              message: t('shell.enterDirectoryBeginningWithSlash'),
               trigger: 'blur',
             },
             {
@@ -168,7 +168,7 @@ export class Shell extends BaseNode {
 
     return {
       ...rules,
-      image: [{ required: true, message: '请选择或输入镜像', trigger: 'change' }],
+      image: [{ required: true, message: t('shell.selectOrEnterMirrorImage'), trigger: 'change' }],
       envs: {
         type: 'array',
         required: false,
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index ca6622f0f..e065b8d9e 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -709,6 +709,14 @@ const messages = {
       node: '节点：',
       onlyOneTrigger: '只能有一个触发器',
     },
+    shell: {
+      enterVariableName: '请输入变量名',
+      enterVariableValue: '请输入变量值',
+      selectCache: '请选择缓存',
+      enterDirectory: '请输入目录',
+      enterDirectoryBeginningWithSlash: '请输入以/开头的目录',
+      selectOrEnterMirrorImage: '请选择或输入镜像',
+    },
   },
 
   en: {
@@ -1418,6 +1426,14 @@ const messages = {
       node: 'Node: ',
       onlyOneTrigger: 'There can only be one trigger',
     },
+    shell: {
+      enterVariableName: 'Please enter a variable name',
+      enterVariableValue: 'Please enter a variable value',
+      selectCache: 'Please select a cache',
+      enterDirectory: 'Please enter a directory',
+      enterDirectoryBeginningWithSlash: 'Please enter a directory beginning with /',
+      selectOrEnterMirrorImage: 'Please select or enter a mirror image',
+    },
   },
 };
 
-- 
Gitee


From c0ab11dc06b5d937d7773dee77ca1aacf3598dae Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 23 Apr 2025 14:43:53 +0800
Subject: [PATCH 71/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0webhook.ts?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../model/data/node/webhook.ts                | 20 +++++++-------
 ui/src/locales/index.ts                       | 26 +++++++++++++++++--
 2 files changed, 34 insertions(+), 12 deletions(-)

diff --git a/ui/src/components/workflow/workflow-editor/model/data/node/webhook.ts b/ui/src/components/workflow/workflow-editor/model/data/node/webhook.ts
index 960c61476..5f511219e 100644
--- a/ui/src/components/workflow/workflow-editor/model/data/node/webhook.ts
+++ b/ui/src/components/workflow/workflow-editor/model/data/node/webhook.ts
@@ -5,7 +5,7 @@ import icon from '../../../svgs/shape/webhook.svg';
 import { extractReferences, getParam } from '../../../../workflow-expression-editor/model/util';
 import { ISelectableParam } from '../../../../workflow-expression-editor/model/data';
 import { checkDuplicate } from '@/components/workflow/workflow-editor/model/util/reference';
-
+import { globalT as t } from '@/utils/i18n';
 export const WEBHOOK_PARAM_SCOPE = 'trigger';
 
 export interface IWebhookParam {
@@ -72,11 +72,11 @@ export class Webhook extends BaseNode {
         required: true,
         fields: {
           name: [
-            { required: true, message: '请输入参数名称', trigger: 'blur' },
+            { required: true, message: t('webhook.enterParamName'), trigger: 'blur' },
             {
               required: true,
               pattern: /^[a-zA-Z_]([a-zA-Z0-9_]+)?$/,
-              message: '以英文字母或下划线开头，支持下划线、数字、英文字母',
+              message: t('webhook.paramNamePattern'),
               trigger: 'blur',
             },
             {
@@ -101,8 +101,8 @@ export class Webhook extends BaseNode {
               trigger: 'blur',
             },
           ],
-          type: [{ required: true, message: '请选择参数类型', trigger: 'change' }],
-          exp: [{ required: true, message: '请输入参数表达式', trigger: 'blur' }],
+          type: [{ required: true, message: t('webhook.selectParamType'), trigger: 'change' }],
+          exp: [{ required: true, message: t('webhook.enterParamExpression'), trigger: 'blur' }],
           required: [{ required: true, type: 'boolean' }],
           default: [
             {
@@ -119,13 +119,13 @@ export class Webhook extends BaseNode {
                 switch (param.type) {
                   case ParamTypeEnum.BOOL:
                     if (![true, false].includes(defaultVal as boolean)) {
-                      callback('请选择参数默认值');
+                      callback(t('webhook.selectParamDefaultValue'));
                       return;
                     }
                     break;
                   case ParamTypeEnum.NUMBER:
                     if (isNaN(defaultVal as number)) {
-                      callback('请输入参数默认值');
+                      callback(t('webhook.enterParamDefaultValue'));
                       return;
                     }
                     break;
@@ -155,7 +155,7 @@ export class Webhook extends BaseNode {
             // 检查引用的触发器参数是否存在
             getParam(reference, selectableParams);
           } catch ({ message }) {
-            callback(new Error(`${reference.raw}触发器参数不存在`));
+            callback(new Error(`${reference.raw}${t('webhook.triggerParamNotExist')}`));
             return;
           }
         }
@@ -177,10 +177,10 @@ export class Webhook extends BaseNode {
         required: false,
         fields: {
           token: [
-            { required: true, message: '请输入token值', trigger: 'blur' },
+            { required: true, message: t('webhook.enterTokenValue'), trigger: 'blur' },
             { validator, trigger: 'blur' },
           ],
-          value: [{ required: true, message: '请选择密钥', trigger: 'change' }],
+          value: [{ required: true, message: t('webhook.selectKey'), trigger: 'change' }],
         } as Record<string, CustomRule>,
       },
       only: [{ validator, trigger: 'blur' }],
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index e065b8d9e..3916b97da 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -717,6 +717,17 @@ const messages = {
       enterDirectoryBeginningWithSlash: '请输入以/开头的目录',
       selectOrEnterMirrorImage: '请选择或输入镜像',
     },
+    webhook: {
+      enterParamName: '请输入参数名称',
+      paramNamePattern: '以英文字母或下划线开头，支持下划线、数字、英文字母',
+      selectParamType: '请选择参数类型',
+      enterParamExpression: '请输入参数表达式',
+      selectParamDefaultValue: '请选择参数默认值',
+      enterParamDefaultValue: '请输入参数默认值',
+      triggerParamNotExist: '触发器参数不存在',
+      enterTokenValue: '请输入token值',
+      selectKey: '请选择密钥',
+    },
   },
 
   en: {
@@ -1429,11 +1440,22 @@ const messages = {
     shell: {
       enterVariableName: 'Please enter a variable name',
       enterVariableValue: 'Please enter a variable value',
-      selectCache: 'Please select a cache',
-      enterDirectory: 'Please enter a directory',
+      selectCache: 'Please select a cache ',
+      enterDirectory: 'Please enter a directory ',
       enterDirectoryBeginningWithSlash: 'Please enter a directory beginning with /',
       selectOrEnterMirrorImage: 'Please select or enter a mirror image',
     },
+    webhook: {
+      enterParamName: 'Please enter the parameter name',
+      paramNamePattern: 'Start with an English letter or underscore, support underscore, numbers, English letters',
+      selectParamType: 'Please select the parameter type',
+      enterParamExpression: 'Please enter the parameter expression',
+      selectParamDefaultValue: 'Please select the parameter default value',
+      enterParamDefaultValue: 'Please enter the parameter default value',
+      triggerParamNotExist: 'Trigger parameter does not exist',
+      enterTokenValue: 'Please enter the token value',
+      selectKey: 'Please select the key',
+    },
   },
 };
 
-- 
Gitee


From d3c8032b6a56e5bc8215210a1820bfdbac59803a Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 23 Apr 2025 14:51:05 +0800
Subject: [PATCH 72/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0cron.ts?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workflow/workflow-editor/model/data/node/cron.ts      | 5 +++--
 ui/src/locales/index.ts                                   | 8 ++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/workflow/workflow-editor/model/data/node/cron.ts b/ui/src/components/workflow/workflow-editor/model/data/node/cron.ts
index 83e1aad23..d8bdff1e1 100644
--- a/ui/src/components/workflow/workflow-editor/model/data/node/cron.ts
+++ b/ui/src/components/workflow/workflow-editor/model/data/node/cron.ts
@@ -3,6 +3,7 @@ import { BaseNode } from './base-node';
 import { NodeRefEnum, NodeTypeEnum } from '../enumeration';
 import icon from '../../../svgs/shape/cron.svg';
 import { CustomRule } from '../common';
+import { globalT as t } from '@/utils/i18n';
 
 export class Cron extends BaseNode {
   schedule: string;
@@ -22,11 +23,11 @@ export class Cron extends BaseNode {
     return {
       ...rules,
       schedule: [
-        { required: true, message: 'schedule不能为空', trigger: 'blur' },
+        { required: true, message: t('cron.scheduleNotEmpty'), trigger: 'blur' },
         {
           validator: (rule: any, value: any, callback: any) => {
             if (!isValidCronExpression(value)) {
-              callback(new Error('请输入正确的cron表达式'));
+              callback(new Error(t('cron.invalidCronExpression')));
               return;
             }
             callback();
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 3916b97da..6392ab884 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -728,6 +728,10 @@ const messages = {
       enterTokenValue: '请输入token值',
       selectKey: '请选择密钥',
     },
+    cron: {
+      scheduleNotEmpty: 'schedule不能为空',
+      invalidCronExpression: '请输入正确的cron表达式',
+    }
   },
 
   en: {
@@ -1456,6 +1460,10 @@ const messages = {
       enterTokenValue: 'Please enter the token value',
       selectKey: 'Please select the key',
     },
+    cron: {
+      scheduleNotEmpty: 'schedule cannot be empty',
+      invalidCronExpression: 'Please enter the correct cron expression',
+    }
   },
 };
 
-- 
Gitee


From d4aa072bcb9bcb496b8eed37235c8b7a13d51bfb Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 23 Apr 2025 15:03:50 +0800
Subject: [PATCH 73/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0log-viewer?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/data/log-viewer/index.vue |  4 ++--
 ui/src/locales/index.ts                     | 14 ++++++++++++--
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/data/log-viewer/index.vue b/ui/src/components/data/log-viewer/index.vue
index 3217e1205..48b55f680 100644
--- a/ui/src/components/data/log-viewer/index.vue
+++ b/ui/src/components/data/log-viewer/index.vue
@@ -2,7 +2,7 @@
   <div class="jm-log-viewer" ref="logViewerRef">
     <div class="operation">
       <jm-tooltip
-        :content="downloading ? '下载中，请稍后...' : '下载'"
+        :content="downloading ? $t('logViewer.downloading') : $t('logViewer.download')"
         :placement="downloading ? 'top-end' : 'top'"
         :append-to-body="false"
       >
@@ -18,7 +18,7 @@
     ></div>
     <div class="no-bg" :style="{ width: `${noWidth}px` }"></div>
     <div class="content">
-      <div v-if="moreLog" class="more-line">日志过大，更多日志请下载查看</div>
+      <div v-if="moreLog" class="more-line">{{ $t('logViewer.moreLog') }}</div>
       <div class="line" v-for="(txt, idx) in data" :key="idx" :style="{ marginLeft: `${noWidth}px` }">
         <div class="no" :style="{ left: `${-1 * noWidth}px`, width: `${noWidth}px` }">
           {{ idx + 1 }}
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 6392ab884..401f54f76 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -731,7 +731,12 @@ const messages = {
     cron: {
       scheduleNotEmpty: 'schedule不能为空',
       invalidCronExpression: '请输入正确的cron表达式',
-    }
+    },
+    logViewer: {
+      downloading: '下载中，请稍后...',
+      download: '下载',
+      moreLog: '日志过大，更多日志请下载查看',
+    },
   },
 
   en: {
@@ -1463,7 +1468,12 @@ const messages = {
     cron: {
       scheduleNotEmpty: 'schedule cannot be empty',
       invalidCronExpression: 'Please enter the correct cron expression',
-    }
+    },
+    logViewer: {
+      downloading: 'Downloading, please wait...',
+      download: 'Download',
+      moreLog: 'log is too large, more logs please download to view',
+    },
   },
 };
 
-- 
Gitee


From 6c7145803ecbaf5ca70c25a0c852253ddfc0f334 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 23 Apr 2025 15:11:02 +0800
Subject: [PATCH 74/75] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0text-copy?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/data/text-copy/index.vue | 20 +++++++++++---------
 ui/src/locales/index.ts                    | 14 ++++++++++++++
 2 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/ui/src/components/data/text-copy/index.vue b/ui/src/components/data/text-copy/index.vue
index 094367fe5..2bec495c2 100644
--- a/ui/src/components/data/text-copy/index.vue
+++ b/ui/src/components/data/text-copy/index.vue
@@ -2,9 +2,9 @@
   <span class="jm-text-copy">
     <jm-tooltip v-if="tip" placement="top" :append-to-body="false">
       <template #content>
-        <div class="tip-content" v-html="tipContent"/>
+        <div class="tip-content" v-html="tipContent" />
       </template>
-      <span :class="{'jm-icon-button-copy': true, 'doing': copying}" @click="copy"></span>
+      <span :class="{ 'jm-icon-button-copy': true, doing: copying }" @click="copy"></span>
     </jm-tooltip>
   </span>
 </template>
@@ -12,6 +12,7 @@
 <script lang="ts">
 import { defineComponent, getCurrentInstance, nextTick, PropType, ref } from 'vue';
 import useClipboard from 'vue-clipboard3';
+import { useLocale } from '@/utils/i18n';
 
 export default defineComponent({
   name: 'jm-text-copy',
@@ -26,10 +27,11 @@ export default defineComponent({
     },
   },
   setup(props) {
+    const { t } = useLocale();
     const { proxy } = getCurrentInstance() as any;
     const { toClipboard } = useClipboard();
     const tip = ref<boolean>(true);
-    const tipContent = ref<string>('复制');
+    const tipContent = ref<string>(t('textCopy.copy'));
     const copying = ref<boolean>(false);
 
     const reloadTip = async (msg: string) => {
@@ -44,7 +46,7 @@ export default defineComponent({
 
       setTimeout(async () => {
         copying.value = false;
-        await reloadTip('复制');
+        await reloadTip(t('textCopy.copy'));
       }, 2000);
     };
 
@@ -65,13 +67,13 @@ export default defineComponent({
           }
 
           if (!value) {
-            throw new Error('值为空');
+            throw new Error(t('textCopy.valueEmpty'));
           }
 
           await toClipboard(value, proxy.$el);
-          await reset('已复制');
+          await reset(t('textCopy.copied'));
         } catch (err) {
-          await reset(`复制失败<br/>原因：${err.message}`);
+          await reset(`${t('textCopy.copyFailed')}<br/>${t('textCopy.cause')}${err.message}`);
           console.error(err);
         }
       },
@@ -96,7 +98,7 @@ export default defineComponent({
 
   .jm-icon-button-copy {
     display: inline;
-    color: #6B7B8D;
+    color: #6b7b8d;
     cursor: pointer;
     opacity: 0.5;
     user-select: none;
@@ -123,4 +125,4 @@ export default defineComponent({
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/ui/src/locales/index.ts b/ui/src/locales/index.ts
index 401f54f76..42af6907e 100644
--- a/ui/src/locales/index.ts
+++ b/ui/src/locales/index.ts
@@ -737,6 +737,13 @@ const messages = {
       download: '下载',
       moreLog: '日志过大，更多日志请下载查看',
     },
+    textCopy: {
+      copy: '复制',
+      valueEmpty: '值为空',
+      copied: '已复制',
+      copyFailed: '复制失败',
+      cause: '原因：',
+    },
   },
 
   en: {
@@ -1474,6 +1481,13 @@ const messages = {
       download: 'Download',
       moreLog: 'log is too large, more logs please download to view',
     },
+    textCopy: {
+      copy: 'Copy',
+      valueEmpty: 'value is null',
+      copied: 'copied',
+      copyFailed: 'copy failed',
+      cause: 'cause: ',
+    },
   },
 };
 
-- 
Gitee


From 13dd0c09f1829b7c8b48c98d7eac65f6d910ff80 Mon Sep 17 00:00:00 2001
From: cae545e5 <1876869218@qq.com>
Date: Wed, 23 Apr 2025 17:20:28 +0800
Subject: [PATCH 75/75] =?UTF-8?q?feat:=20=E7=9B=91=E5=90=AC=E8=AF=AD?=
 =?UTF-8?q?=E8=A8=80=E7=B1=BB=E5=9E=8B=E5=8F=98=E5=8C=96=E5=88=B7=E6=96=B0?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2,=E7=94=A8=E6=9D=A5=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E9=9D=A2=E5=8C=85=E5=B1=91=E4=B8=8D=E9=9A=8F=E7=9D=80=E8=AF=AD?=
 =?UTF-8?q?=E8=A8=80=E5=88=87=E6=8D=A2=E6=94=B9=E5=8F=98=E6=96=87=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/views/nav/top.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/ui/src/views/nav/top.vue b/ui/src/views/nav/top.vue
index 6d33f0d74..566c9a925 100644
--- a/ui/src/views/nav/top.vue
+++ b/ui/src/views/nav/top.vue
@@ -79,7 +79,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, getCurrentInstance, ref } from 'vue';
+import { computed, defineComponent, getCurrentInstance, ref, watch } from 'vue';
 import { createNamespacedHelpers, useStore } from 'vuex';
 import { useRouter } from 'vue-router';
 import { namespace } from '@/store/modules/session';
@@ -116,6 +116,9 @@ export default defineComponent({
 
       return rootState.versions[0];
     });
+    watch(locale, () => {
+      window.location.reload(); // 切换语言强制刷新
+    });
 
     return {
       t,
-- 
Gitee