qin
2025-03-31 a13412ab039b8e2f79045af738e07affa1309b13
src/components/AppFooter.vue
@@ -1,65 +1,75 @@
<template>
   <footer class="bg-[#393939] text-[#ccc] py-8 text-small">
      <div class="w-[63%] mx-auto ">
         <div class="flex ">
      <div class="w-[63%] mx-auto">
         <div class="flex justify-center">
            <div class="grid grid-cols-5 gap-8">
               <!-- 导航链接 -->
               <div>
                  <router-link to="/" class="text-white hover:text-white hover:underline">首页</router-link>
               </div>
               <div>
                  <router-link to="/industrial-software" class="text-white hover:text-white hover:underline">工业软件|工业APP</router-link>
                  <router-link to="/certified-products" class="text-white hover:text-white hover:underline">能效产品</router-link>
               </div>
               <div>
                  <router-link to="/supply-demand" class="text-white hover:text-white hover:underline">供需对接</router-link>
                  <router-link to="/eec-label-search" class="text-white hover:text-white hover:underline">证书查询</router-link>
               </div>
               <div class="flex flex-col gap-3">
                  <router-link to="/application" class="text-white hover:text-white cursor-default">应用推广</router-link>
                  <div class="flex flex-col gap-1">
                  <router-link to="/news-detail/99" class="text-white hover:text-white">补贴政策</router-link>
                  <!-- <div class="flex flex-col gap-1">
                     <router-link to="/standard" class="text-[#ccc] hover:text-[#ccc] hover:underline">标准库</router-link>
                     <router-link to="/library" class="text-[#ccc] hover:text-[#ccc] hover:underline">在线图书馆</router-link>
                     <router-link to="/cases" class="text-[#ccc] hover:text-[#ccc] hover:underline">优秀案例</router-link>
                     <router-link to="/training" class="text-[#ccc] hover:text-[#ccc] hover:underline">咨询培训</router-link>
                     <router-link to="/community" class="text-[#ccc] hover:text-[#ccc] hover:underline">先进制造业集群</router-link>
                  </div>
                  </div> -->
               </div>
               <div class="flex flex-col gap-3">
                  <router-link to="/public-service" class="text-white hover:text-white cursor-default">公共服务</router-link>
                  <div class="flex flex-col gap-1">
                  <span @click="linkClick(' http://www.xpump.net/web/#/CN/Index')" class="text-white hover:text-white cursor-pointer"
                     >查泵网</span
                  >
                  <!-- <div class="flex flex-col gap-1">
                     <router-link to="/software-copyright" class="text-[#ccc] hover:text-[#ccc] hover:underline"
                        >软件著作权申请通道</router-link
                     >
                     <router-link to="/key-tech" class="text-[#ccc] hover:text-[#ccc] hover:underline">首重点技术攻关</router-link>
                     <router-link to="/test-service" class="text-[#ccc] hover:text-[#ccc] hover:underline">测试服务</router-link>
                     <router-link to="/cert-manage" class="text-[#ccc] hover:text-[#ccc] hover:underline">证书管理</router-link>
                  </div>
                  </div> -->
               </div>
            </div>
            <div class=" ml-8 flex flex-col gap-4 pl-8 text-[#ccc]" style="border-left: 1px solid #5f5f60">
            <div class="ml-8 flex flex-col gap-4 pl-8 text-[#ccc]" style="border-left: 1px solid #5f5f60">
               <div class="text-sm">
                  <div>联系方式: 010-64102808</div>
                  <div>电子邮箱: fengkuan@cesi.cn</div>
                  <div>联系方式: 021-34306562</div>
                  <div>电子邮箱: eventech@163.com</div>
               </div>
               <div class="flex gap-10">
                  <div class="w-[90px]">
                     <img src="@/assets/footer/1-qrcode.png" alt="全国信标委软件与系统工程分委会" class="w-24 h-24 mb-2" />
                     <div class="text-xs">全国信标委软件与系统工程分委会</div>
                     <img src="@/assets/footer/上海经济和信息化委员会.jpg" alt="上海经济和信息化委员会" class="w-24 h-24 mb-2" />
                     <div class="text-xs">上海经济和信息化委员会</div>
                  </div>
                  <div class="w-[90px]">
                     <img src="@/assets/footer/2-qrcode.png" alt="全国信标委工业软件/APP标准工作组" class="w-24 h-24 mb-2" />
                     <div class="text-xs">全国信标委工业软件/APP标准工作组</div>
                     <img src="@/assets/footer/上海质检院.jpg" alt="上海质检院" class="w-24 h-24 mb-2" />
                     <div class="text-xs">上海质检院</div>
                  </div>
                  <div class="w-[90px]">
                     <img src="@/assets/footer/PumpMgrQr.jpg" alt="泵管家" class="w-24 h-24 mb-2" />
                     <div class="text-xs">泵管家</div>
                  </div>
               </div>
            </div>
         </div>
         <!-- 版权信息 -->
         <div class="pt-5 mt-2 text-center text-gray-400 text-sm" >
            Copyright © 2019-2019 js. All Rights Reserved. 版权所有
            <a href="https://beian.miit.gov.cn/" target="_blank" class="text-gray-400 ml-2"> 京ICP备19033988号 </a>
         <div class="pt-5 mt-2 text-center text-gray-400 text-sm">
            Copyright © 2025-2026  All Rights Reserved. 版权所有
            <a href="https://beian.miit.gov.cn/" target="_blank" class="text-gray-400 ml-2"> 沪ICP备14049296号-2 </a>
         </div>
      </div>
   </footer>
</template>
<script setup lang="ts"></script>
<script setup lang="ts">
const linkClick = (url: string) => {
   window.open(url, '_blank');
};
</script>