计算工具

qin

2025-03-31 20be1a99fd0f78ac87cebfba99829b4ffa8a1495

 src/components/AppHeader.vue

@@ -16,32 +16,33 @@
                  <el-menu-item index="/home" class="!px-4">首页</el-menu-item>
                  <el-menu-item index="/certified-products" class="!px-4">能效产品</el-menu-item>
                  <el-menu-item index="/eec-label-search" class="!px-4">证书查询</el-menu-item>
                  <el-menu-item index="/news-detail/99" class="!px-4">补贴政策</el-menu-item>
                  <el-menu-item index="/select-selpara" class="!px-4" @click="linkClick">查泵网</el-menu-item>
                  <el-menu-item index="/news-detail/99" class="!px-4">政策文件</el-menu-item>
                  <el-menu-item index="/select-selpara" class="!px-4" @click="linkClick">泵选型</el-menu-item>
                  <el-menu-item index="/gb19762-2025" class="!px-4">计算工具</el-menu-item>
               </el-menu>
            </nav>

            <!-- Search and User Actions -->
            <div class="flex items-center space-x-8 ml-[65px]">
               <el-input v-model="searchQuery" placeholder="查证书" class="w-48">
               <el-input v-model="searchQuery" placeholder="查证书" class="w-48" v-if="false">
                  <template #suffix>
                     <el-icon class="cursor-pointer" @click="handleSearch"><Search /></el-icon>
                  </template>
               </el-input>

               <!-- Add shopping cart icon here -->
               <div class="flex items-center gap-4">
               <div class="flex items-center gap-4" @click="goToCart">
                  <el-badge :value="cartCount" :max="99" class="cart-badge">
                     <el-button class="flex items-center" link @click="goToCart">
                        <el-icon class="text-xl"><ShoppingCart /></el-icon>
                     <el-button class="flex items-center" link>
                        <el-icon class="text-lg" style="font-size: 20px;"><ShoppingCart /></el-icon>
                     </el-button>
                  </el-badge>
               </div>

               <div class="flex items-center text-gray-600 text-sm text-nowrap">
                  <template v-if="!userInfo">
                     <a href="#" class="hover:text-blue-500">注册</a>
                     <span class="mx-2">·</span>
                  <template v-if="!userInfo.Token">
                     <!-- <a href="#" class="hover:text-blue-500">注册</a>
                     <span class="mx-2">·</span> -->
                     <a @click="toLogin" class="hover:text-blue-500">登录</a>
                  </template>
                  <template v-else>
@@ -103,14 +104,32 @@
};

const linkClick = () => {
   router.push('/select-selpara');
   if (userInfo.value.Token) {
      router.push('/select-selpara');
   } else {
      loginStore.logOut();
      router.replace({
         path: '/login',
         query: { redirectPath: route.fullPath },
      });
   }
};

// 从 Pinia store 获取购物车数量
const cartCount = computed(() => cartStore.cartItemCount);

const goToCart = () => {
   router.push('/cart');
   if (userInfo.value.Token) {
      router.push('/cart');
   } else {
      loginStore.logOut();
      router.replace({
         path: '/login',
         query: { redirectPath: route.fullPath },
      });
      return
   }
	
};
</script>