feat:问题修改

src/components/head.vue

@@ -42,7 +42,7 @@
 </template>
 
 <script>
-import { mapMutations, mapState } from 'vuex'
+import { mapMutations } from 'vuex'
 import headerNavMobile from './headerNavMobile.vue'
 
 export default {
@@ -69,7 +69,7 @@ export default {
     }
   },
   computed: {
-    // ...mapState(['userInfo']),
+    // ...mapState(['shopifyObj']),
     active() {
       return this.$route.path
     },
@@ -78,7 +78,7 @@ export default {
     if(this.$route.query.shopKey){
       localStorage.setItem('shopifyObj', JSON.stringify(this.$route.query))
     }
-    if(this.userInfo){
+    if(this.userInfo && this.$route.query.shopKey){
       this.$router.push('/contact')
     }
   },

src/views/contact.vue

@@ -2,7 +2,7 @@
   <div class="login_bg">
     <div class="contact-header">
       <div class="header-image">
-        <img src="../assets/logo.png" height="40px"/>
+        <img src="../assets/logo.png" height="40px" />
       </div>
       <div class="user-info">
         <!-- <div class="user-msg">
@@ -17,28 +17,34 @@
     <div class="login_content">
       <div class="no-authority">
         <div
-            style="
+          style="
             text-align: center;
             color: #fff;
             font-size: 50px;
             line-height: 100px;
             font-family: '微软雅黑';
-          " v-if="userInfo && userInfo.erpKey">
-          <a :href="`https://${userInfo && userInfo.erpKey}.jomalls.com`" target="_blank" style="text-decoration: none">
-            {{ `https://${userInfo && userInfo.erpKey}.jomalls.com` }}</a>
+          "
+          v-if="userInfo && userInfo.erpKey">
+          <a
+            :href="`https://${userInfo && userInfo.erpKey}.jomalls.com`"
+            target="_blank"
+            style="text-decoration: none">
+            {{ `https://${userInfo && userInfo.erpKey}.jomalls.com` }}
+          </a>
         </div>
         <h1
-            style="
+          style="
             text-align: center;
             color: #fff;
             font-size: 50px;
             line-height: 100px;
             font-family: '微软雅黑';
-          " v-else>
+          "
+          v-else>
           您尚未开通erp权限,请联系您的商务经理
         </h1>
         <h2
-            style="
+          style="
             text-align: center;
             color: #fff;
             font-size: 36px;
@@ -48,7 +54,7 @@
           联系电话:18710915638
         </h2>
         <h2
-            style="
+          style="
             text-align: center;
             color: #fff;
             font-size: 36px;
@@ -58,7 +64,7 @@
           邮箱:nina@jomalls.com
         </h2>
         <el-button
-            style="
+          style="
             text-align: center;
             font-size: 30px;
             width: 160px;
@@ -67,8 +73,8 @@
             margin-top: 30px;
             border-radius: 15px;
           "
-            type="success"
-            @click="goBack">
+          type="success"
+          @click="goBack">
           返回首页
         </el-button>
       </div>
@@ -78,8 +84,8 @@
 </template>
 
 <script>
-import {mapMutations, mapState} from 'vuex'
-import {post} from '../utils/axios'
+import { mapMutations, mapState } from 'vuex'
+import { post } from '../utils/axios'
 
 export default {
   name: 'contact',
@@ -93,22 +99,23 @@ export default {
     ...mapState(['shopifyObj']),
   },
   mounted() {
-    if (this.userInfo&&this.shopifyObj) {
+    if (this.userInfo && this.shopifyObj) {
       this.getShopifyInfo()
     }
   },
   methods: {
     ...mapMutations(['setUserInfo']),
     goBack() {
-      console.log('111')
       this.$router.push('/')
     },
     getShopifyInfo() {
+      console.log(this.shopifyObj)
+      if (!this.shopifyObj.shopKey || !this.userInfo.erpKey) return
       post('business/shop/bind', {
         shopKey: this.shopifyObj.shopKey,
         platform: this.shopifyObj.platform,
-        companyCode: this.userInfo.erpKey
-      }).then(res => {
+        companyCode: this.userInfo.erpKey,
+      }).then((res) => {
         console.log(res)
       })
     },