考试、课程显示【免费注册】和【登录】按钮，其他页面不显示，400咨询电话整体往右移

assets/scss/cus-client/cus-client-common.scss

@@ -189,7 +189,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 
   //头部右侧区域
   .head-right{
-      line-height: 60px;position: relative;
+      line-height: 60px;position: relative;margin-left: 20px;
       >a{height: 40px;line-height: 40px;@include setFontStyle(-4);padding: 0 30px;border-radius: 4px;display: inline-block;border: 1px solid #0366cd;color:#0064cc;box-sizing: border-box;text-align: center;}
       >a.right-tel-btn{width: 130px;color: #fff;background: #3e7ce7;border: 1px solid #3e7ce7;padding: 0 8px;margin-right:10px;position: relative;}
       >a:hover{cursor: pointer;}
@@ -242,7 +242,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
     align-items: center;
 
     .phone-tel-box {
-      margin-right: 20px;
+      line-height: 60px;
       display: flex;
       color: rgb(0, 84, 145);
       align-items: center;

components/header.vue

@@ -16,11 +16,13 @@
                 <template slot="title">{{item.content}}</template>
                 <el-menu-item :index="`${child.keyPath}`" v-for="child of item.children"
                               :key="child.keyPath">
+                  <mtaLink :path="child.keyPath" :instation="false" :content="child.content" v-if="child.hrefFlag"></mtaLink>
                   <mtaLink :path="child.keyPath" :instation="true" :content="child.content"></mtaLink>
                 </el-menu-item>
               </el-submenu>
 
               <el-menu-item :index="`${item.keyPath}`" v-else>
+                <mtaLink :path="item.keyPath" :instation="false" :content="item.content" v-if="item.hrefFlag"></mtaLink>
                 <mtaLink :path="item.keyPath" :instation="true" :content="item.content"></mtaLink>
               </el-menu-item>
             </template>
@@ -36,7 +38,7 @@
           <div class="header-left-container">
             <a class="phone-tel-box" href="tel:400-052-2130"> <i class="phone-tel-box-icon"></i> <span>咨询电话：400-052-2130</span></a>
             <div class="head-right mta-hidden-xs">
-              <a class="right-tel-btn" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank">免费试用</a>
+              <a class="right-tel-btn" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank" v-if="showBtnFlag">免费试用</a>
               <!--<div class="system-box">
                 <div>
                   <a  rel="nofollow" href="https://cdnks.mtavip.com/a/register?flug=1" target="_blank"><i></i><p>考试系统</p></a>
@@ -44,7 +46,7 @@
                   <a   rel="nofollow" href="https://cdnks.mtavip.com/a/register?flug=2" target="_blank"><i></i><p>培训系统</p></a>
                 </div>
               </div>-->
-              <a rel="nofollow" href="https://cdnks.mtavip.com/a/registerLogin" target="_blank">管理员登录</a>
+              <a rel="nofollow" href="https://cdnks.mtavip.com/a/registerLogin" target="_blank" v-if="showBtnFlag">管理员登录</a>
             </div></div>
           <div>
             <div @click="navChange">
@@ -102,6 +104,7 @@
     },
     data() {
       return {
+        showBtnFlag:false,
         navClass:'head-nav-up',
         headerArr:   [
           {
@@ -166,5 +169,16 @@
         this.navClass = 'head-nav-up'
       },
     },
+    created() {
+      let str = this.$route.fullPath;
+      //注意：！=-1即为为真，可以找到得情况
+      if(str.indexOf('trainsystem') !== -1){
+        this.showBtnFlag = true;
+      }else if(str.indexOf('examsystem') !== -1){
+        this.showBtnFlag = true;
+      }else {
+        this.showBtnFlag = false;
+      }
+    }
   };
 </script>