From f0d8e1da4d497ed867c5bef0e6d72b90a79a6162 Mon Sep 17 00:00:00 2001
From: hejin <jmy13864291147@163.com>
Date: Thu, 11 Sep 2025 21:24:04 +0800
Subject: [PATCH] =?UTF-8?q?side-nav=E6=B7=BB=E5=8A=A0=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/side-nav.vue | 40 +++++++++++++++++++++++++++++++++++-----
 env.js                  |  4 ++--
 2 files changed, 37 insertions(+), 7 deletions(-)

diff --git a/components/side-nav.vue b/components/side-nav.vue
index e2aba82..7cb9922 100644
--- a/components/side-nav.vue
+++ b/components/side-nav.vue
@@ -1,7 +1,12 @@
 <template>
   <div class="side-content">
     <ul class="side-nav">
-      <li class="side-item" v-for="(item, index) in sideiItem" :key="index">
+      <li 
+        class="side-item" 
+        v-for="(item, index) in sideiItem" 
+        :key="index"
+        @click="jump(item)"
+      >
         <div class="side-label">
           <img :src="item.icon" :alt="item.label" />
           <h4>{{ item.label }}</h4>
@@ -19,18 +24,28 @@
 </template>
 
 <script>
+import { mapState } from 'vuex';
 
 export default {
   name: 'SideNav',
   data() {
     return {
-      sideiItem: [
+      
+    }
+  },
+  computed: {
+    ...mapState({
+      footerInfo: state => state.footerInfo
+    }),
+    sideiItem() {
+      return [
         {
           icon: require('../assets/image/icon/contact.png'),
           label: this.$t('common.Contact'),
-          desc: `<div>
+          url: `tel:${this.footerInfo.tel}`,
+          desc: `<div">
               <h6>${this.$t('contactUs.contactUs')}</h6>
-              <p>0086 182 5311 2969</p>
+              <p>${this.footerInfo.tel}</p>
             </div>`
         },
         {
@@ -40,15 +55,30 @@ export default {
         {
           icon: require('../assets/image/icon/whats.png'),
           label: this.$t('common.Whats'),
+          url: `https://wa.me/${this.footerInfo.whatsapp}`,
+          desc: `<div>
+            <h6>${this.$t('common.Whats')}</h6>
+            <p>${this.footerInfo.whatsapp}</p>
+          </div>`
         },
         {
           icon: require('../assets/image/icon/email1.png'),
           label: this.$t('common.E-mail'),
+          url: `mailto:${this.footerInfo.email}`,
+          desc: `<div>
+            <h6>${this.$t('common.E-mail')}</h6>
+            <p>${this.footerInfo.email}</p>
+          </div>`
         }
       ]
-    }
+    },
   },
   methods:{
+    jump(row) {
+      if (row.url) {
+        window.open(row.url)
+      }
+    },
     goTop() {
       window.scrollTo({ top: 0, behavior: 'smooth' });
     }
diff --git a/env.js b/env.js
index d2d56f3..0a7757e 100644
--- a/env.js
+++ b/env.js
@@ -8,8 +8,8 @@ module.exports = {
   // 开发环境 接口请求地址 (http)或(https)://www.a.com(换成你的域名)/api
   dev: {
     MODE: 'dev',
-    // VUE_APP_API_URL: 'http://114.132.197.85:8099/',
-    VUE_APP_API_URL: 'http://192.168.1.13:8099/',
+    VUE_APP_API_URL: 'http://1.92.99.15:8099/',
+    // VUE_APP_API_URL: 'http://192.168.1.13:8099/',
     VUE_APP_WEBSOCKET: 'ws://192.168.1.13:8099/ws/asset/'
   },
   // 生产环境 接口请求地址 (http)或(https)://www.a.com(换成你的域名)/api 非独立部署默认为空