系统升级中

pages/examsystem/index.vue

@@ -12,9 +12,18 @@
         <h4 class="client-title">产品体验</h4>
         <p>无需注册，即可免费体验麦塔在线考试系统</p>
         <ul class="experience-ul-box">
-          <li><div @mouseenter="enterCode" @mouseleave="leaveCode"><i></i><h5>手机学员端</h5><p>用手机扫描二维码</p><p>考生30秒体验答卷</p><a style="cursor: default">扫码体验</a><span ref="codeBtn"><em></em></span></div></li>
-          <li><div><i></i><h5>电脑学员端</h5><p>支持市面各种主流浏览器</p><p>支持十万量级的考试并发</p><a href="https://youkeksc.mtavip.com/c/youke" target="_blank">立即体验</a></div></li>
-          <li><div><i></i><h5>电脑管理端</h5><p>欢迎体验麦塔系统后台</p><p>三步轻松组织一场考试</p><a href="https://youkeksa.mtavip.com/a/youke" target="_blank">后台体验</a></div></li>
+          <li>
+            <div @mouseenter="enterCode" @mouseleave="leaveCode"><i></i>
+              <h5>手机学员端</h5>
+              <p>用手机扫描二维码</p>
+              <p>考生30秒体验答卷</p>
+              <a style="cursor: default">扫码体验</a>
+              <span ref="codeBtn" v-if="youkeFlag"><em></em></span>
+              <div ref="codeBtn" v-if="!youkeFlag">系统升级中...</div>
+            </div>
+          </li>
+          <li><div><i></i><h5>电脑学员端</h5><p>支持市面各种主流浏览器</p><p>支持十万量级的考试并发</p><a @click="clientKsTy">立即体验</a></div></li>
+          <li><div><i></i><h5>电脑管理端</h5><p>欢迎体验麦塔系统后台</p><p>三步轻松组织一场考试</p><a @click="adminKsTy">后台体验</a></div></li>
           <li><div><i></i><h5>更新日志</h5><p>麦塔想您所想，不止于功能</p><p>我们一直在更新迭代</p><a  class="client-default-Btn" @click="goCheckLog">查看日志</a></div></li>
         </ul>
       </div>
@@ -145,6 +154,8 @@
         </div>
       </div>
     </div>
+    <!-- 系统维护-->
+    <el-dialog :close-on-click-modal="false" :visible.sync="systemMaintainDl" class="system-maintain-dialog"></el-dialog>
   </div>
 
 
@@ -180,6 +191,8 @@
         advantagesImg2:  require(`~/static/images/client/exam/product-advantages-img2.png`),
         advantagesImg3:  require(`~/static/images/client/exam/product-advantages-img3.png`),
         advantagesImg4:  require(`~/static/images/client/exam/product-advantages-img4.png`),
+        youkeFlag:false,// 控制游客系统是否维护中
+        systemMaintainDl:false,// 系统维护弹窗
       };
     },
     head(){
@@ -199,6 +212,22 @@
     },
     computed:   {},
     methods:    {
+      // 考试学员端体验
+      clientKsTy(){
+        if(this.youkeFlag) {
+          window.open("https://youkeksc.mtavip.com/c/youke");
+        }else{
+          this.systemMaintainDl = true;
+        }
+      },
+      // 考试管理端体验
+      adminKsTy(){
+        if(this.youkeFlag) {
+          window.open("https://youkeksa.mtavip.com/a/youke");
+        }else{
+          this.systemMaintainDl = true;
+        }
+      },
 
       //  describe: 查看日志 author: Wgy date:6/8/21
 
@@ -207,7 +236,11 @@
       },
       // 鼠标移入
       enterCode(){
+        if(this.youkeFlag){
         this.$refs.codeBtn.style.bottom ='90px';
+        }else{
+          this.$refs.codeBtn.style.bottom ='0';
+        }
       },
 
       // 鼠标移出
@@ -230,7 +263,14 @@
       },
     },
     created() {
-
+      // 页面初始化
+      this.$axios.$post('/home/youke/stop').then(res=>{
+        if (res.data === '1') {
+          this.youkeFlag = false;
+        }else{
+          this.youkeFlag = true;
+        }
+      });
     },
     mounted() {
     },

pages/trainsystem/index.vue

@@ -11,9 +11,18 @@
       <h4 class="client-title">产品体验</h4>
       <p>无需注册，即可免费体验麦塔在线培训系统</p>
       <ul class="experience-ul-box">
-        <li><div @mouseenter="enterCode" @mouseleave="leaveCode" ><i></i><h5>手机学员端</h5><p>用手机扫描二维码</p><p>随时随地想学就学</p><a style="cursor: default">扫码体验</a><span ref="codeBtn"><em class="px-img-box"></em></span></div></li>
-        <li><div><i></i><h5>电脑学员端</h5><p>学练考评一站式培训平台</p><p>支持市面各种主流浏览器</p><a href="https://youkepxc.mtavip.com/c/youke" target="_blank">立即体验</a></div></li>
-        <li><div><i></i><h5>电脑管理端</h5><p>欢迎体验麦塔系统后台</p><p>三步轻松组织一场考试</p><a href="https://youkepxa.mtavip.com/a/youke" target="_blank">后台体验</a></div></li>
+        <li>
+          <div @mouseenter="enterCode" @mouseleave="leaveCode" >
+            <i></i><h5>手机学员端</h5>
+            <p>用手机扫描二维码</p>
+            <p>随时随地想学就学</p>
+            <a style="cursor: default">扫码体验</a>
+            <span ref="codeBtn" v-if="youkeFlag"><em class="px-img-box"></em></span>
+            <div ref="codeBtn" v-if="!youkeFlag">系统升级中...</div>
+          </div>
+        </li>
+        <li><div><i></i><h5>电脑学员端</h5><p>学练考评一站式培训平台</p><p>支持市面各种主流浏览器</p><a @click="clientPxTy">立即体验</a></div></li>
+        <li><div><i></i><h5>电脑管理端</h5><p>欢迎体验麦塔系统后台</p><p>三步轻松组织一场考试</p><a @click="adminPxTy">后台体验</a></div></li>
         <li><div><i></i><h5>更新日志</h5><p>麦塔想您所想，不止于功能</p><p>我们一直在更新迭代</p><a class="client-default-Btn" @click="goCheckLog">查看日志</a></div></li>
       </ul>
     </div>
@@ -166,6 +175,8 @@
         </ul>
       </div>
     </div>
+    <!-- 系统维护-->
+    <el-dialog :close-on-click-modal="false" :visible.sync="systemMaintainDl" class="system-maintain-dialog"></el-dialog>
   </div>
 </template>
 
@@ -198,6 +209,8 @@
         trainAdvantagesImg2:  require(`~/static/images/client/train/product-advantages-img2.png`),
         trainAdvantagesImg3:  require(`~/static/images/client/train/product-advantages-img3.png`),
         trainAdvantagesImg4:  require(`~/static/images/client/train/product-advantages-img4.png`),
+        youkeFlag:false,// 控制游客系统是否维护中
+        systemMaintainDl:false,// 系统维护弹窗
       };
     },
     head(){
@@ -217,13 +230,33 @@
     },
     computed: {},
     methods:  {
+      // 培训学员端体验
+      clientPxTy(){
+        if(this.youkeFlag) {
+          window.open("https://youkepxc.mtavip.com/c/youke");
+        }else{
+          this.systemMaintainDl = true;
+        }
+      },
+      // 培训管理端体验
+      adminPxTy(){
+        if(this.youkeFlag) {
+          window.open("https://youkepxa.mtavip.com/a/youke");
+        }else{
+          this.systemMaintainDl = true;
+        }
+      },
       //  describe: 查看日志 author: Wgy date:6/8/21
       goCheckLog(){
         this.$router.push({ name: 'checkLogPeixun' });
       },
       // 鼠标移入
       enterCode(){
+        if(this.youkeFlag){
         this.$refs.codeBtn.style.bottom ='90px';
+        }else{
+          this.$refs.codeBtn.style.bottom ='0';
+        }
       },
 
       // 鼠标移出
@@ -243,7 +276,14 @@
       },
     },
     created() {
-
+      // 页面初始化
+      this.$axios.$post('/home/youke/stop').then(res=>{
+        if (res.data === '1') {
+          this.youkeFlag = false;
+        }else{
+          this.youkeFlag = true;
+        }
+      });
     },
     mounted() {
     },