fix: 修复无权限页面切换显示不正确的问题 --bug=128795439 (#3490)

# Reviewed, transaction id: 17298
TencentBlueKing · Sep 6, 2024 · 0e0fa97 · 0e0fa97
1 parent 159d951
commit 0e0fa97
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/bcs-services/bcs-bscp/ui/src/components/head.vue b/bcs-services/bcs-bscp/ui/src/components/head.vue
@@ -16,17 +16,15 @@
                 v-for="secondNav in nav.children"
                 :key="secondNav.id"
                 :class="['secondNav-item', { actived: isSecondNavActived(secondNav.module) }]">
-                <router-link
-                  :to="{ name: secondNav.id, params: { spaceId: spaceId || 0 } }"
-                  @click="handleNavClick(secondNav.id)">
+                <a @click.stop="handleNavClick(secondNav.id)">
                   {{ secondNav.name }}
-                </router-link>
+                </a>
               </div>
             </div>
           </div>
-          <router-link v-else :to="{ name: nav.id, params: { spaceId: spaceId || 0 } }" @click="handleNavClick(nav.id)">
+          <a v-else @click.stop="handleNavClick(nav.id)">
             {{ nav.name }}
-          </router-link>
+          </a>
         </div>
       </div>
     </div>
@@ -224,13 +222,14 @@
         const detail = JSON.parse(lastAccessedServiceDetail);
         if (detail.spaceId === spaceId.value) {
           router.push({
-            name: navId === 'service-all' ? 'service-config' : (navId as RouteRecordName),
+            name: navId === 'service-all' && !showPermApplyPage.value ? 'service-config' : (navId as RouteRecordName),
             params: { spaceId: detail.spaceId, appId: detail.appId },
           });
           return;
         }
       }
     }
+    router.push({ name: navId, params: { spaceId: spaceId.value || 0 } });
   };
 
   const handleSpaceSearch = (searchStr: string) => {
@@ -417,6 +416,7 @@
           padding: 0 16px;
           font-size: 14px;
           color: #96a2b9;
+          cursor: pointer;
           a {
             color: #96a2b9;
           }
@@ -457,6 +457,7 @@
               padding: 0 16px;
               font-size: 14px;
               white-space: nowrap;
+              cursor: pointer;
               a {
                 color: #96a2b9;
               }

diff --git a/bcs-services/bcs-bscp/ui/src/views/space/apply-perm-page.vue b/bcs-services/bcs-bscp/ui/src/views/space/apply-perm-page.vue
@@ -27,8 +27,7 @@
 
   const permTitle = computed(() => {
     if (applyPermResource.value.length > 0) {
-      // 暂时只展示最上层权限名称
-      const resource = applyPermResource.value[0];
+      const resource = applyPermResource.value[applyPermResource.value.length - 1];
       // 权限名称未做国际化，用action字段代替
       const permissionName = locale.value === 'en' ? ` ${resource.action} ` : resource.action_name;
       return `${t('无')}${permissionName}${t('权限')}`;