✨ feat(底部组件): 联系我们模块功能更新，链接可点击跳转到相应位置

 <!--
  * @Date: 2024-09-26 13:42:22
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-12-16 10:00:36
+ * @LastEditTime: 2024-12-16 10:45:07
  * @FilePath: /hager/src/components/common/hagerFooter.vue
  * @Description: 文件描述
 -->
@@ -46,12 +46,12 @@
               </div>
             </div>
             <div class="link-box">
-              <div class="link-title">联系我们</div>
+              <div class="link-title contact-us" @click="goToContact">联系我们</div>
               <div class="link-info link-contact">
                 <p>海格电气中国总部</p>
                 <p>上海市静安区山西北路99号苏河湾中心21层01、02单元</p>
-                <p>粤ICP备2021117768号-3</p>
-                <p>粤公网安备44133002100282号</p>
+                <p class="link" @click="goToICP">粤ICP备2021117768号-3</p>
+                <p class="link" @click="goToBeiAn">粤公网安备44133002100282号</p>
               </div>
             </div>
             <div style="margin-top: 2rem;">
@@ -103,12 +103,12 @@
           </div>
         </div>
         <div class="link-box xs">
-          <div class="link-title">联系我们</div>
+          <div class="link-title contact-us" @click="goToContact">联系我们</div>
           <div class="link-info link-contact">
             <p>海格电气中国总部</p>
             <p>上海市静安区山西北路99号苏河湾中心21层01、02单元</p>
-            <p>粤ICP备2021117768号-3</p>
-            <p>粤公网安备44133002100282号</p>
+            <p @click="goToICP">粤ICP备2021117768号-3</p>
+            <p @click="goToBeiAn">粤公网安备44133002100282号</p>
           </div>
         </div>
         <div class="link-box xs">
@@ -206,6 +206,17 @@ export default {
         path: item.link,
         timestamp: Date.now()
       })
+    },
+    goToContact () {
+      this.$router.push({
+        path: '/contact'
+      })
+    },
+    goToICP () {
+      window.open('https://beian.miit.gov.cn/')
+    },
+    goToBeiAn () {
+      window.open('https://beian.mps.gov.cn/#/query/webSearch')
     }
   }
 }
@@ -230,6 +241,12 @@ export default {
         align-items: center;
       }
     }
+    .contact-us {
+      &:hover {
+        text-decoration: underline;
+        cursor: pointer;
+      }
+    }
     .link-info {
       font-size: 0.85rem;
       color: #FFF;
@@ -249,6 +266,10 @@ export default {
             text-decoration: none;
             cursor: default;
           }
+          &.link:hover {
+            text-decoration: underline;
+            cursor: pointer;
+          }
         }
       }
     }