修改联系我们

tanghaolin

10 天以前 9bee4f48db0c5b99b5683545fac737856d94d082

 src/components/AppHeader.vue

@@ -19,26 +19,28 @@
                  <span class="w-[20px] h-full gap-style">|</span>
                  <el-menu-item index="/eec-label-search" class="!px-4">证书查询</el-menu-item>
                  <span class="w-[20px] h-full gap-style">|</span>
                  <el-menu-item index="/news-detail/99" class="!px-4">政策文件</el-menu-item>
                  <!-- <el-menu-item index="/news-detail/99" class="!px-4">政策文件</el-menu-item> -->
                  <el-menu-item index="/policy-info" class="!px-4">政策文件</el-menu-item>
                  <span class="w-[20px] h-full gap-style">|</span>
                  <el-menu-item index="/select-selpara" class="!px-4" @click="linkClick">泵选型</el-menu-item>
                  <el-menu-item index="/select-selpara" class="!px-4" @click="linkClick">智能选型</el-menu-item>
                  <span class="w-[20px] h-full gap-style">|</span>
                  <el-menu-item index="/gb19762-2025" class="!px-4">计算工具</el-menu-item>
                  <span class="w-[20px] h-full gap-style">|</span>
                  <el-menu-item index="" class="!px-4">联系我们</el-menu-item>
                  <el-menu-item index="/contact-us" class="!px-4">联系我们</el-menu-item>
               </el-menu>
            </nav>
         </div>
         <!-- 顶部产品搜索框 -->
         <div class="header-tool-div">
            <div class="search-input-div">
               <input placeholder="全部商品|请输入公司名称/型号/产品名称" />
               <button>搜索</button>
               <input v-model="searchQuery" placeholder="全部商品|请输入公司名称/型号/产品名称" />
               <button @click="handleSearch">搜索</button>
            </div>
            <span class="text-[20px] text-[#000] gap-div"></span>
            <!-- 省份选择 -->
            <div>
               <el-cascader v-model="AreaValue" :options="options" @change="handleChange" />
               <el-cascader v-model="AreaValue" :options="options" @change="handleChange">
               </el-cascader>
            </div>
            <span class="text-[20px] text-[#000] gap-div"></span>
            <div class="flex gap-[22px]">
@@ -50,15 +52,15 @@
                  </div>
                  我的购物车
               </button>
               <button>批量下载</button>
               <button>批量下单</button>
               <button>我的订单</button>
               <div class="flex items-center">
                  <template v-if="!userInfo.Token">
                     <button @click="toLogin">登录</button>
                  </template>
                  <template v-else>
                     <span class="text-blue-500 mr-2 text-[20px] text-[#000]">{{ userInfo.RealName }}</span>
                     <a href="#" class="hover:text-blue-500 text-[20px]" @click.prevent="handleLogout">退出</a>
                     <span class="text-blue-500 mr-2 text-[20px] text-[#000]" style="line-height: 1;">{{ userInfo.RealName }}</span>
                     <a href="#" class="hover:text-blue-500 text-[20px]" style="line-height: 1;" @click.prevent="handleLogout">退出</a>
                  </template>
               </div>
            </div>
@@ -100,94 +102,26 @@
         {
            value: 'minhang',
            label: '闵行区',
            children: [
               {
                  value: 'consistency',
                  label: 'Consistency',
               },
               {
                  value: 'feedback',
                  label: 'Feedback',
               },
               {
                  value: 'efficiency',
                  label: 'Efficiency',
               },
               {
                  value: 'controllability',
                  label: 'Controllability',
               },
            ],
         },
         {
            value: 'pudongxinqu',
            label: '浦东新区',
            children: [
               {
                  value: 'side nav',
                  label: 'Side Navigation',
               },
               {
                  value: 'top nav',
                  label: 'Top Navigation',
               },
            ],
         },
         {
            value: 'huanpuqu',
            label: '黄浦区',
            children: [
               {
                  value: 'side nav',
                  label: 'Side Navigation',
               },
               {
                  value: 'top nav',
                  label: 'Top Navigation',
               },
            ],
         },
         {
            value: 'hongkouqu',
            label: '虹口区',
            children: [
               {
                  value: 'side nav',
                  label: 'Side Navigation',
               },
               {
                  value: 'top nav',
                  label: 'Top Navigation',
               },
            ],
         },
         {
            value: 'fengxian',
            label: '奉贤区',
            children: [
               {
                  value: 'side nav',
                  label: 'Side Navigation',
               },
               {
                  value: 'top nav',
                  label: 'Top Navigation',
               },
            ],
         },
         {
            value: 'jingan',
            label: '静安区',
            children: [
               {
                  value: 'side nav',
                  label: 'Side Navigation',
               },
               {
                  value: 'top nav',
                  label: 'Top Navigation',
               },
            ],
         },
      ],
   },
@@ -246,6 +180,15 @@
      return;
   }
};

const handleSearch = () => {
   router.push({
      path: '/certified-products',
      query: {
         keywords: searchQuery.value,
      },
   });
};
</script>

<style lang="scss" scoped>