Home Explore Help
Register Sign In
didi
/
thoth-frontend-test
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

图表样式修改

princeLee 4 years ago
parent
418671eeb8
commit
f353a96bca
8 changed files with 61 additions and 5 deletions
Unified View Show Diff Stats
  1. 8 0
      src/icons/svg/env-enter.svg
  2. 8 0
      src/icons/svg/project-enter.svg
  3. 1 0
      src/icons/svg/tool-enter.svg
  4. 1 0
      src/store/getters.js
  5. 7 0
      src/store/modules/global.js
  6. 2 0
      src/utils/request.js
  7. 11 5
      src/views/home/index.vue
  8. 23 0
      src/views/newLayout/layout.vue

File diff suppressed because it is too large
+ 8 - 0
src/icons/svg/env-enter.svg


File diff suppressed because it is too large
+ 8 - 0
src/icons/svg/project-enter.svg


File diff suppressed because it is too large
+ 1 - 0
src/icons/svg/tool-enter.svg


+ 1 - 0
src/store/getters.js
View File 

@@ -12,6 +12,7 @@ const getters = {
 
   RichText: state => state.data.RichText,
 
   RichText: state => state.data.RichText,
 
   routes: state => state.data.routes,
 
   routes: state => state.data.routes,
 
   notice: state => state.data.notice,
 
   notice: state => state.data.notice,
 
+  noNetwork: state => state.global.noNetwork,
 
   activeNavTag: state => state.global.activeNavTag,
 
   activeNavTag: state => state.global.activeNavTag,
 
   showNavTag: state => state.global.showNavTag,
 
   showNavTag: state => state.global.showNavTag,
 
   navTagType: state => state.global.navTagType,
 
   navTagType: state => state.global.navTagType,

+ 7 - 0
src/store/modules/global.js
View File 

@@ -1,5 +1,6 @@
 
 // 通用
 
 // 通用
 
 const state = {
 
 const state = {
 
+  noNetwork: false, // 无网络状态
 
   activeNavTag: '个人工作台', // 当前导航对象
 
   activeNavTag: '个人工作台', // 当前导航对象
 
   showNavTag: true, // 是否显示2级导航栏
 
   showNavTag: true, // 是否显示2级导航栏
 
   navTagType: Number(localStorage.getItem('navTagType')) || 1, // 2级导航类型
 
   navTagType: Number(localStorage.getItem('navTagType')) || 1, // 2级导航类型
 
@@ -8,6 +9,9 @@ const state = {
 
   bizName: '业务线' // 业务线名称
 
   bizName: '业务线' // 业务线名称
 
 }
 
 }
 
 const mutations = {
 
 const mutations = {
 
+  setNoNetwork(state, payload) {
 
+    state.noNetwork = payload
 
+  },
 
   setActiveNavTag(state, payload) {
 
   setActiveNavTag(state, payload) {
 
     state.activeNavTag = payload
 
     state.activeNavTag = payload
 
   },
 
   },
 
@@ -28,6 +32,9 @@ const mutations = {
 
   }
 
   }
 
 }
 
 }
 
 const actions = {
 
 const actions = {
 
+  setNoNetwork(context, payload) {
 
+    context.commit('setNoNetwork', payload)
 
+  },
 
   setActiveNavTag(context, payload) {
 
   setActiveNavTag(context, payload) {
 
     context.commit('setActiveNavTag', payload)
 
     context.commit('setActiveNavTag', payload)
 
   },
 
   },

+ 2 - 0
src/utils/request.js
View File 

@@ -52,6 +52,7 @@ service.interceptors.response.use(
 
    */
 
    */
 
   response => {
 
   response => {
 
     const res = response.data
 
     const res = response.data
 
+    store.dispatch('global/setNoNetwork', false) // 网络状态恢复并成功返回结果
 
     if (typeof res.code !== 'undefined' && res.code !== 200 && res.code !== 0) {
 
     if (typeof res.code !== 'undefined' && res.code !== 200 && res.code !== 0) {
 
       message({
 
       message({
 
         message: res.msg || 'Error',
 
         message: res.msg || 'Error',
 
@@ -108,6 +109,7 @@ service.interceptors.response.use(
 
           error.message = 'http版本不支持该请求'
 
           error.message = 'http版本不支持该请求'
 
           break
 
           break
 
         default:
 
         default:
 
+          store.dispatch('global/setNoNetwork', true)// 无网络状态或者请求出错
 
           error.message = `未知错误${error.response.status}`
 
           error.message = `未知错误${error.response.status}`
 
       }
 
       }
 
       if (error.response.status !== 403) {
 
       if (error.response.status !== 403) {

+ 11 - 5
src/views/home/index.vue
View File 

@@ -41,9 +41,9 @@
 
         >
 
         >
 
         <br>
 
         <br>
 
         <span style="font-size: 17pt;">一站式质量效率平台，普惠你的工作</span><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>
 
       </div>
 
       <a href="#content1">
 
       <a href="#content1">
 
         <img
 
         <img
 
@@ -148,8 +148,9 @@ div.div-login {
 
 div.div-introduction {
 
 div.div-introduction {
 
   position: absolute;
 
   position: absolute;
 
   font-size: 37pt;
 
   font-size: 37pt;
 
-  top: 30%;
 
+  top: 28.5%;
 
   left: 8.3%;
 
   left: 8.3%;
 
+  line-height: 50px;
 
 }
 
 }
 
 img.img-arrow {
 
 img.img-arrow {
 
   position: absolute;
 
   position: absolute;
 
@@ -159,10 +160,15 @@ img.img-arrow {
 
   left: 48.95%;
 
   left: 48.95%;
 
 }
 
 }
 
 .enter-button {
 
 .enter-button {
 
-  margin-top: 16vh;
 
+  margin-top: 6vh;
 
   margin-right: 20px;
 
   margin-right: 20px;
 
+  padding: 14px 10px;
 
   color: rgb(64,158,255);
 
   color: rgb(64,158,255);
 
 }
 
 }
 
+.enter-button svg {
 
+  margin-right: 10px;
 
+  font-size: 18px;
 
+}
 
 .el-menu {
 
 .el-menu {
 
   border: none;
 
   border: none;
 
   height: 68px;
 
   height: 68px;

+ 23 - 0
src/views/newLayout/layout.vue
View File 

@@ -1,11 +1,13 @@
 
 <template>
 
 <template>
 
   <div class="zhihui-contain">
 
   <div class="zhihui-contain">
 
+    <div v-show="!noNetwork" class="no-network" />
 
     <Head />
 
     <Head />
 
     <Aside />
 
     <Aside />
 
     <Main />
 
     <Main />
 
   </div>
 
   </div>
 
 </template>
 
 </template>
 
 <script>
 
 <script>
 
+import { mapGetters } from 'vuex'
 
 import Head from '@/components/newLayout/Head'
 
 import Head from '@/components/newLayout/Head'
 
 import Aside from '@/components/newLayout/Aside'
 
 import Aside from '@/components/newLayout/Aside'
 
 import Main from '@/components/newLayout/Main'
 
 import Main from '@/components/newLayout/Main'
 
@@ -15,6 +17,9 @@ export default {
 
     Aside,
 
     Aside,
 
     Main,
 
     Main,
 
     Head
 
     Head
 
+  },
 
+  computed: {
 
+    ...mapGetters(['noNetwork'])
 
   }
 
   }
 
 }
 
 }
 
 </script>
 
 </script>
 
@@ -24,4 +29,22 @@ export default {
 
   overflow: hidden;
 
   overflow: hidden;
 
   height: 100%;
 
   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>
 
 </style>

Some files were not shown because too many files changed in this diff