feat: 申请试用权限调整

src/layouts/components/navbar/index.vue

@@ -2,14 +2,14 @@
   <div class="navbar-wrap px-24px">
     <div class="w-full h-full relative flex justify-between">
 
-    <div class="left-wrap flex items-center cursor-pointer" @click="handleUserHome">
-      <img src="@/assets/img/icon-logo.png" alt="" width="96" height="24" />
+      <div class="left-wrap flex items-center cursor-pointer" @click="onLogoClick">
+        <img src="@/assets/img/icon-logo.png" alt="" width="96" height="24"/>
+      </div>
+      <!-- <div class="flex-1"> -->
+      <MiddleSide v-if="!isHomeRoute"/>
+      <!-- </div> -->
+      <RightSide :isAgentRoute="isAgentRoute" v-if="userStore.isLogin"/>
     </div>
-    <!-- <div class="flex-1"> -->
-      <MiddleSide v-if="!isHomeRoute" />
-    <!-- </div> -->
-    <RightSide :isAgentRoute="isAgentRoute" v-if="userStore.isLogin" />
-  </div>
 
   </div>
 </template>
@@ -25,6 +25,7 @@ import router from '@/router';
 const route = useRoute();
 const userStore = useUserStore();
 
+const hasOpenEnterprise = computed(() => userStore.isOpenEnterprise);
 const isAgentRoute = computed(() => {
   return route.meta?.isAgentRoute;
 });
@@ -32,6 +33,16 @@ const isAgentRoute = computed(() => {
 const isHomeRoute = computed(() => {
   return route.name === 'Home';
 });
+
+const onLogoClick = () => {
+  if (hasOpenEnterprise.value) {
+    handleUserHome();
+  } else {
+    router.push({
+      name: 'Trial'
+    })
+  }
+};
 </script>
 <style scoped lang="scss">
 .navbar-wrap {
@@ -58,16 +69,20 @@ const isHomeRoute = computed(() => {
     display: flex;
     align-items: center;
   }
+
   .arco-dropdown-option-suffix {
     display: none;
   }
+
   .enterprises-doption {
     .arco-dropdown-option-content {
       padding: 0 !important;
       border-radius: 8px;
     }
+
     &:not(.arco-dropdown-option-disabled):hover {
       background-color: transparent;
+
       .arco-dropdown-option-content {
         background: var(--BG-200, #f2f3f5);
       }