处理页面一些写死的内容，优化header;配置生产环境的ws

components/aside-tree.vue

@@ -24,22 +24,22 @@
     <div class="mt-2">
       <h3 class="contact-us">{{ $t('contactUs.contactUs') }}</h3>
       <div class="contact-details">
-        <h4 class="mt-3 mb-3">{{ $t('index.corporateName') }}</h4>
+        <h4 class="mt-3 mb-3">{{ footerInfo.companyName }}</h4>
         <p class="mb-2">
           <label class="mb-0">{{ $t('common.addressLabel') }}:</label>
-          <span>{{ $t('aboutUs.address') }}</span>
+          <span>{{ footerInfo.address }}</span>
         </p>
         <p class="mb-2">
           <label class="mb-0">{{ $t('common.tel') }}:</label>
-          <span>+86-531-69985132</span>
+          <span>{{ footerInfo.tel }}</span>
         </p>
         <p class="mb-2">
           <label class="mb-0">{{ $t('common.Mob/Whatsapp/Wechat') }}:</label>
-          <span>0086 182 5311 2969</span>
+          <span>{{ footerInfo.tel }}</span>
         </p>
         <p class="mb-2">
           <label class="mb-0">{{ $t('common.E-mail') }}:</label>
-          <span>alicesales@scdtrailer.com</span>
+          <span>{{ footerInfo.email }}</span>
         </p>
       </div>
     </div>
@@ -47,6 +47,8 @@
 </template>
 
 <script>
+import { mapState } from 'vuex';
+
 export default {
   name: 'AsideTree',
   props: {
@@ -78,6 +80,9 @@ export default {
       refresh: true
     }
   },
+  computed: {
+    ...mapState(['footerInfo'])
+  },
   watch: {
     '$route.query.catgId': {
       handler (val) {
@@ -91,6 +96,7 @@ export default {
     }
   },
   mounted () {
+    console.log(this.footerInfo);
   },
   methods: {
     handleNodeClick(row,node) {

components/header-nav.vue

@@ -12,7 +12,7 @@
         :to="item.to"
         v-if="item.children.length === 0"
       >
-        {{ item.label }}
+        <span @click="toChange">{{ item.label }}</span>
       </nuxt-link>
       <b-nav-item-dropdown 
         v-else 
@@ -26,6 +26,7 @@
         <header-nav 
           :nodes="item.children" 
           :level="level + 1" 
+          @dropDownHide="dropDownHide"
         />
       </b-nav-item-dropdown>
     </div>
@@ -52,10 +53,17 @@ export default {
     }
   },
   methods: {
-    dropdownHide(e, item) {
+    toChange() {
+      this.isDropdown = false
+      this.$emit('dropDownHide')
+    },
+    dropDownHide() {
+      this.isDropdown = false
+      this.$emit('dropDownHide')
+    },
+    dropdownHide(e, item) {      
       if (this.isDropdown) {
         e.preventDefault()
-        this.isDropdown = false
       }
     }
   }

env.js

@@ -15,7 +15,8 @@ module.exports = {
   // 生产环境 接口请求地址 (http)或(https)://www.a.com(换成你的域名)/api 非独立部署默认为空
   prod: {
     MODE: 'prod',
-    VUE_APP_API_URL: 'http://114.132.197.85:8099/'
+    VUE_APP_API_URL: 'http://114.132.197.85:8099/',
+    VUE_APP_WEBSOCKET: 'ws://114.132.197.85:8099/ws/asset/'
   }
 };
 

pages/inquiry.vue

@@ -11,11 +11,11 @@
             <b-img class="mr-4" src="~assets/image/backGroundImg/contact-us-logo.png" fluid :alt="$t('index.corporateName')"></b-img>
           </div>
           <p class="row mt-3">
-            <label class="col-6 col-md-3">{{ $t('contactUs.contactUs') }}：{{ $t('contactUs.contacts') }}</label>
-            <label class="col-6">{{ $t('common.tel') }}：+86-531-6998513</label>
+            <label class="col-6 col-md-3">{{ $t('contactUs.contactUs') }}：{{ footerInfo.teams }}</label>
+            <label class="col-6">{{ $t('common.tel') }}：{{ footerInfo.tel }}</label>
           </p>
           <p class="row">
-            <label class="col-12">{{ $t('common.addressLabel') }}：{{ $t('contactUs.address') }}</label>
+            <label class="col-12">{{ $t('common.addressLabel') }}：{{ footerInfo.address }}</label>
           </p>
         </article>
 
@@ -24,17 +24,17 @@
             <li class="col-4 text-center">
               <b-img class="mb-2" src="~assets/image//icon/app.png" fluid :alt="$t('common.Mob/Whatsapp/Wechat')"></b-img>
               <h5>{{ $t('common.Mob/Whatsapp/Wechat') }}</h5>
-              <p>008618253112969</p>
+              <p>{{ footerInfo.tel }}</p>
             </li>
             <li class="col-4 text-center">
               <b-img class="mb-2" src="~assets/image//icon/fax.png" fluid :alt="$t('common.fax')"></b-img>
               <h5>{{ $t('common.fax') }}</h5>
-              <p>+86-531-69885133</p>
+              <p>{{ footerInfo.faxNumber }}</p>
             </li>
             <li class="col-4 text-center">
               <b-img class="mb-2" src="~assets/image//icon/app.png" fluid :alt="$t('common.E-mail')"></b-img>
               <h5>{{ $t('common.E-mail') }}</h5>
-              <p>alicesales@scdtrailer.com</p>
+              <p>{{ footerInfo.email }}</p>
             </li>
           </ul>
 
@@ -174,6 +174,7 @@
 </template>
 
 <script>
+import { mapState } from 'vuex';
 
 export default {
   name: 'inquiry',
@@ -190,6 +191,9 @@ export default {
       }
     }
   },
+  computed: {
+    ...mapState(['footerInfo'])
+  },
   async asyncData({ $axios, query }) {
     const { data: pageInfo } = await $axios.get(`/web/categoryInfo?id=${query.maxCatgId}`)
     let bannerTopOptions = {
@@ -197,7 +201,6 @@ export default {
       subTitle: pageInfo.description,
       img:  require('../assets/image/banner/aboutus-banner.png')
     }
-
     const { data: formConfig } = await $axios.get('/web/inquirySet')
     
     return {
@@ -222,6 +225,9 @@ export default {
         }
       ]
     }
+  },
+  mounted() {
+    
   },
   methods: {
     onSubmit(e) {