4 年前 · f353a96bca
--- a/src/icons/svg/env-enter.svg
+++ b/src/icons/svg/env-enter.svg
--- a/src/icons/svg/project-enter.svg
+++ b/src/icons/svg/project-enter.svg
--- a/src/icons/svg/tool-enter.svg
+++ b/src/icons/svg/tool-enter.svg
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -12,6 +12,7 @@ const getters = {
 
				   RichText: state => state.data.RichText,
			
 
				   routes: state => state.data.routes,
			
 
				   notice: state => state.data.notice,
			
 
				+  noNetwork: state => state.global.noNetwork,
			
 
				   activeNavTag: state => state.global.activeNavTag,
			
 
				   showNavTag: state => state.global.showNavTag,
			
 
				   navTagType: state => state.global.navTagType,
			
--- a/src/store/modules/global.js
+++ b/src/store/modules/global.js
@@ -1,5 +1,6 @@
 
				 // 通用
			
 
				 const state = {
			
 
				+  noNetwork: false, // 无网络状态
			
 
				   activeNavTag: '个人工作台', // 当前导航对象
			
 
				   showNavTag: true, // 是否显示2级导航栏
			
 
				   navTagType: Number(localStorage.getItem('navTagType')) || 1, // 2级导航类型
			
@@ -8,6 +9,9 @@ const state = {
 
				   bizName: '业务线' // 业务线名称
			
 
				 }
			
 
				 const mutations = {
			
 
				+  setNoNetwork(state, payload) {
			
 
				+    state.noNetwork = payload
			
 
				+  },
			
 
				   setActiveNavTag(state, payload) {
			
 
				     state.activeNavTag = payload
			
 
				   },
			
@@ -28,6 +32,9 @@ const mutations = {
 
				   }
			
 
				 }
			
 
				 const actions = {
			
 
				+  setNoNetwork(context, payload) {
			
 
				+    context.commit('setNoNetwork', payload)
			
 
				+  },
			
 
				   setActiveNavTag(context, payload) {
			
 
				     context.commit('setActiveNavTag', payload)
			
 
				   },
			
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -52,6 +52,7 @@ service.interceptors.response.use(
 
				    */
			
 
				   response => {
			
 
				     const res = response.data
			
 
				+    store.dispatch('global/setNoNetwork', false) // 网络状态恢复并成功返回结果
			
 
				     if (typeof res.code !== 'undefined' && res.code !== 200 && res.code !== 0) {
			
 
				       message({
			
 
				         message: res.msg || 'Error',
			
@@ -108,6 +109,7 @@ service.interceptors.response.use(
 
				           error.message = 'http版本不支持该请求'
			
 
				           break
			
 
				         default:
			
 
				+          store.dispatch('global/setNoNetwork', true)// 无网络状态或者请求出错
			
 
				           error.message = `未知错误${error.response.status}`
			
 
				       }
			
 
				       if (error.response.status !== 403) {
			
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -41,9 +41,9 @@
 
				         >
			
 
				         <br>
			
 
				         <span style="font-size: 17pt;">一站式质量效率平台，普惠你的工作</span><br>
			
 
				-        <el-button plain class="enter-button" @click.native="handleSelect('4')">项目管理 <i style="font-size: 14px;" class="el-icon-right" /></el-button>
			
 
				-        <el-button plain class="enter-button" @click.native="handleSelect('1')">环境管理 <i style="font-size: 14px;" class="el-icon-right" /></el-button>
			
 
				-        <el-button plain class="enter-button" @click.native="handleSelect('9')">工具集合 <i style="font-size: 14px;" class="el-icon-right" /></el-button>
			
 
				+        <el-button plain class="enter-button" @click.native="handleSelect('4')"><svg-icon icon-class="project-enter" />项目管理</el-button>
			
 
				+        <el-button plain class="enter-button" @click.native="handleSelect('1')"><svg-icon icon-class="env-enter" />环境管理</el-button>
			
 
				+        <el-button plain class="enter-button" @click.native="handleSelect('9')"><svg-icon icon-class="tool-enter" />工具集合</el-button>
			
 
				       </div>
			
 
				       <a href="#content1">
			
 
				         <img
			
@@ -148,8 +148,9 @@ div.div-login {
 
				 div.div-introduction {
			
 
				   position: absolute;
			
 
				   font-size: 37pt;
			
 
				-  top: 30%;
			
 
				+  top: 28.5%;
			
 
				   left: 8.3%;
			
 
				+  line-height: 50px;
			
 
				 }
			
 
				 img.img-arrow {
			
 
				   position: absolute;
			
@@ -159,10 +160,15 @@ img.img-arrow {
 
				   left: 48.95%;
			
 
				 }
			
 
				 .enter-button {
			
 
				-  margin-top: 16vh;
			
 
				+  margin-top: 6vh;
			
 
				   margin-right: 20px;
			
 
				+  padding: 14px 10px;
			
 
				   color: rgb(64,158,255);
			
 
				 }
			
 
				+.enter-button svg {
			
 
				+  margin-right: 10px;
			
 
				+  font-size: 18px;
			
 
				+}
			
 
				 .el-menu {
			
 
				   border: none;
			
 
				   height: 68px;
			
--- a/src/views/newLayout/layout.vue
+++ b/src/views/newLayout/layout.vue
@@ -1,11 +1,13 @@
 
				 <template>
			
 
				   <div class="zhihui-contain">
			
 
				+    <div v-show="!noNetwork" class="no-network" />
			
 
				     <Head />
			
 
				     <Aside />
			
 
				     <Main />
			
 
				   </div>
			
 
				 </template>
			
 
				 <script>
			
 
				+import { mapGetters } from 'vuex'
			
 
				 import Head from '@/components/newLayout/Head'
			
 
				 import Aside from '@/components/newLayout/Aside'
			
 
				 import Main from '@/components/newLayout/Main'
			
@@ -15,6 +17,9 @@ export default {
 
				     Aside,
			
 
				     Main,
			
 
				     Head
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapGetters(['noNetwork'])
			
 
				   }
			
 
				 }
			
 
				 </script>
			
@@ -24,4 +29,22 @@ export default {
 
				   overflow: hidden;
			
 
				   height: 100%;
			
 
				 }
			
 
				+.no-network {
			
 
				+  position: fixed;
			
 
				+  z-index: 999;
			
 
				+  top:0;
			
 
				+  left: 0;
			
 
				+  height: 3px;
			
 
				+  width: 100vw;
			
 
				+  animation: loading linear 5s infinite;
			
 
				+  background: linear-gradient(0.25turn, #3f87a6, #ebf8e1, #f69d3c);
			
 
				+}
			
 
				+@keyframes loading{
			
 
				+  from{
			
 
				+    width: 0
			
 
				+  }
			
 
				+  to{
			
 
				+    width: 100%
			
 
				+  }
			
 
				+}
			
 
				 </style>