From fe79cbb1a561bd2562fb259b7a5e5f2710e45abc Mon Sep 17 00:00:00 2001
From: Marvin Zhang <tikazyq@163.com>
Date: Thu, 12 Jun 2025 10:31:26 +0800
Subject: [PATCH] feat: add custom label template for active navigation item in
 DetailLayout

---
 .../crawlab-ui/src/layouts/content/detail/DetailLayout.vue   | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frontend/crawlab-ui/src/layouts/content/detail/DetailLayout.vue b/frontend/crawlab-ui/src/layouts/content/detail/DetailLayout.vue
index 53d98f8e..21ff05c3 100644
--- a/frontend/crawlab-ui/src/layouts/content/detail/DetailLayout.vue
+++ b/frontend/crawlab-ui/src/layouts/content/detail/DetailLayout.vue
@@ -102,6 +102,11 @@ defineOptions({ name: 'ClDetailLayout' });
                 :label="navItemLabelFn ? navItemLabelFn(item) : item.label"
                 :value="item.id"
               />
+              <template #label>
+                {{
+                  navItems.find(item => item.id === activeId)?.label || activeId
+                }}
+              </template>
             </el-select>
           </div>
         </template>