给系统换网址增加过渡跳转链接

jshERP-web/src/components/page/GlobalHeader.vue

@@ -15,7 +15,7 @@
       <span v-if="device === 'desktop'" class="company-name">{{ companyName }}</span>
       <span v-else>{{ systemTitle }}</span>
       <span class="change-title" v-if="isShowChange">华夏ERP正式更名为管伊佳ERP，请尽快使用新网址：<a href="https://cloud.gyjerp.com" target="_blank">https://cloud.gyjerp.com</a></span>
-
+      <jump-info ref="jumpModal"></jump-info>
       <user-menu :theme="theme" @searchGlobalHeader="searchGlobalHeader" />
     </div>
     <!-- 顶部导航栏模式 -->
@@ -43,6 +43,7 @@
 </template>
 
 <script>
+  import JumpInfo from './JumpInfo'
   import UserMenu from '../tools/UserMenu'
   import SMenu from '../menu/'
   import Logo from '../tools/Logo'
@@ -52,6 +53,7 @@
   export default {
     name: 'GlobalHeader',
     components: {
+      JumpInfo,
       UserMenu,
       SMenu,
       Logo
@@ -119,6 +121,9 @@
       if (this.mode === 'topmenu') {
         this.buildTopMenuStyle()
       }
+      if(window.location.host === 'cloud.huaxiaerp.vip' || window.location.host === 'cloud.huaxiaerp.com') {
+        this.showJump()
+      }
       //update-end--author:sunjianlei---date:20190508------for: 顶部导航栏过长时显示更多按钮-----
     },
     created () {
@@ -130,6 +135,9 @@
       }
     },
     methods: {
+      showJump() {
+        this.$refs.jumpModal.handleShow()
+      },
       handleScroll() {
         if (this.autoHideHeader) {
           let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop

jshERP-web/src/components/page/JumpInfo.vue

@@ -0,0 +1,49 @@
+<template>
+  <a-modal
+    :title="title"
+    :width="modalWidth"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    :maskClosable="false"
+    :footer="null"
+    :closable="false"
+    cancelText=""
+    style="top:15%;height: 70%;overflow-y: hidden">
+    <div>
+      <a-form layout="inline">
+        <a-row :gutter="24">
+          <a-col :span="24" style="height: 150px; padding: 50px">
+            请使用新网址：<a href="https://cloud.gyjerp.com" target="_blank" style="text-decoration:underline">https://cloud.gyjerp.com</a>
+            <a href="https://cloud.gyjerp.com" target="_blank" style="padding-left: 10px; font-weight: bold">点击立即跳转</a>
+            <br/>
+            <br/>
+            如有疑问请加微信：shenhua861584
+          </a-col>
+        </a-row>
+      </a-form>
+    </div>
+  </a-modal>
+</template>
+
+<script>
+import { postAction } from '@/api/manage'
+
+export default {
+  name: "JumpInfo",
+  data () {
+    return {
+      title: "跳转提示",
+      modalWidth: 500,
+      visible: false,
+      confirmLoading: false,
+    }
+  },
+  methods: {
+    handleShow: function () {
+      this.visible = true
+    }
+  }
+}
+</script>
+<style scoped>
+</style>