diff --git a/src/layouts/components/navbar/components/right-side/index.vue b/src/layouts/components/navbar/components/right-side/index.vue
index 7e5baa1..03c98d6 100644
--- a/src/layouts/components/navbar/components/right-side/index.vue
+++ b/src/layouts/components/navbar/components/right-side/index.vue
@@ -72,7 +72,7 @@
                     </MenuItem>
                   </template>
                   <div v-else>
-                    <MenuItem class="rounded-8px hover:bg-#F2F3F5" @click="onEnterpriseItemClick(item)">
+                    <MenuItem class="rounded-8px hover:bg-#F2F3F5" @click="handleSubAccountClick(item)">
                       <div class="flex justify-between items-center overflow-hidden">
                         <div
                           class="flex items-center w-100% flex-1 overflow-hidden"
@@ -87,8 +87,8 @@
                           v-if="[2, 3].includes(item.subscribe_status)"
                         >
                           <span class="!text-12px !lh-20px font-400" :class="_map.get(item.subscribe_status)?.color">{{
-                              _map.get(item.subscribe_status)?.label
-                            }}</span>
+                            _map.get(item.subscribe_status)?.label
+                          }}</span>
                         </div>
                       </div>
                     </MenuItem>
@@ -180,6 +180,7 @@ const onEnterpriseItemClick = async (item) => {
   enterpriseStore.setEnterpriseInfo(item);
   window.location.reload();
 };
+
 const clickExit = async () => {
   exitAccountModalRef.value?.open();
 };
@@ -200,6 +201,14 @@ const onCreate = (item) => {
   }
   router.push({ name: 'Trial' });
 };
+const handleSubAccountClick = (item) => {
+  enterpriseStore.setEnterpriseInfo(item);
+  if (item.subscribe_status === 3) {
+    router.push({ name: 'Trial' });
+    return;
+  }
+  window.location.reload();
+};
 </script>
 
 <style scoped lang="scss">