src/layout/components/Sidebar/index.vue

@@ -16,10 +16,10 @@
         <sidebar-item v-for="route in routes" :key="route.path" :item="route" :base-path="route.path" />
         <el-submenu index="100">
           <template slot="title">
-            <i class="el-icon-menu" />
+            <svg-icon icon-class="data" />
             <span slot="title" @mouseover="getGlobalInterface">数据中心</span>
           </template>
-          <el-menu-item index="/data/upload-file">jar包上传</el-menu-item>
+          <el-menu-item index="/data/upload-file">jar包管理</el-menu-item>
           <el-submenu v-for="(myMenu,index) in menu" :key="myMenu.menuName" :index="'100-' + index">
             <template slot="title">{{ myMenu.menuName }}</template>
             <el-menu-item v-for="(subMenu,index2) in myMenu.subMenus" :key="subMenu.path" :index="getIndex(index,index2)" @click="handleClick(subMenu)">{{ subMenu.subMenuName }}</el-menu-item>
@@ -73,7 +73,7 @@ export default {
     handleSelect(key, keypath) {
       switch (key) {
         case '/data/upload-file':
-          this.$router.push({ name: 'jar包上传' })
+          this.$router.push({ name: 'jar包管理' })
           break
       }
     },

src/router/index.js

@@ -82,49 +82,50 @@ export const constantRoutes = [
         path: 'env',
         name: 'env',
         component: () => import('@/views/env/index.vue'),
-        meta: { title: '环境管理', icon: 'env' }
+        meta: { title: '环境管理' }
+
       },
       {
         path: 'businessline',
         name: 'businessline',
         component: () => import('@/views/env/index.vue'),
-        meta: { title: '业务线管理', icon: 'businessline' }
+        meta: { title: '业务线管理' }
       },
       {
         path: 'whitelist',
         name: 'whitelist',
         component: () => import('@/views/env/index.vue'),
-        meta: { title: '白名单管理', icon: 'whitelist' }
+        meta: { title: '白名单管理' }
       },
       {
         path: 'module',
         name: 'module',
         component: () => import('@/views/env/index.vue'),
-        meta: { title: '模块管理', icon: 'module' }
+        meta: { title: '模块管理' }
       },
       {
         path: 'group',
         name: 'group',
         component: () => import('@/views/env/index.vue'),
-        meta: { title: 'Group管理', icon: 'group' }
+        meta: { title: 'Group管理' }
       },
       {
         path: 'topic',
         name: 'topic',
         component: () => import('@/views/env/index.vue'),
-        meta: { title: 'Topic管理', icon: 'topic' }
+        meta: { title: 'Topic管理' }
       },
       {
         path: 'mq',
         name: 'mq',
         component: () => import('@/views/env/index.vue'),
-        meta: { title: 'MQ管理', icon: 'MQ' }
+        meta: { title: 'MQ管理' }
       },
       {
         path: 'data',
         name: 'data',
         component: () => import('@/views/env/index.vue'),
-        meta: { title: '数据统计', icon: 'data' }
+        meta: { title: '数据统计' }
       }
     ]
   },
@@ -134,13 +135,13 @@ export const constantRoutes = [
     component: Layout,
     redirect: '/mock/interface',
     name: 'Mock',
-    meta: { title: 'Mock服务', icon: 'example' },
+    meta: { title: 'Mock服务', icon: 'MQ' },
     children: [
       {
         path: 'interface',
         name: 'Interface',
         component: () => import('@/views/mock/interface'),
-        meta: { title: 'dubbo mock', icon: 'interface' }
+        meta: { title: 'dubbo mock' }
       },
       {
         path: 'interface/:rule',
@@ -153,7 +154,7 @@ export const constantRoutes = [
         path: 'httpmock',
         name: 'httpmock',
         component: () => import('@/views/mock/httpmock'),
-        meta: { title: 'http mock', icon: 'rule' }
+        meta: { title: 'http mock' }
       },
       {
         path: 'httpmock/:httprule',
@@ -174,15 +175,15 @@ export const constantRoutes = [
     children: [
       {
         path: 'upload-file',
-        name: 'jar包上传',
+        name: 'jar包管理',
         component: () => import('@/views/data/upload.vue'),
-        meta: { title: 'jar包上传', icon: 'examlpe' }
+        meta: { title: 'jar包管理' }
       },
       {
         path: 'item',
         name: '动态数据',
         component: () => import('@/views/data/index.vue'),
-        meta: { title: '动态数据', icon: 'examlpe' }
+        meta: { title: '动态数据' }
       }
     ]
   },

src/views/home/index.vue

@@ -19,7 +19,8 @@
         <svg-icon icon-class="yonghu" />
         <el-dropdown style="color: #ffffff" @command="handleCommand">
           <span class="el-dropdown-link">
-            {{ username }}<i class="el-icon-arrow-down el-icon--right" />
+            {{ username }}
+            <i class="el-icon-arrow-down el-icon--right" />
           </span>
           <el-dropdown-menu slot="dropdown">
             <el-dropdown-item command="a">Log Out</el-dropdown-item>
@@ -28,14 +29,35 @@
       </div>
     </el-menu>
     <div style="color: #FFFF">
-      <div class="div-introduction"><img class="image-title" style="width: 470px" src="@/assets/home_images/banner_title@2x.png"><br><span style="font-size: 17pt">打造让每个研发测试都离不开的一站式综合工具平台</span></div>
-      <img class="img-arrow" style="width: 30px" src="@/assets/home_images/banner_icon_arrow@3x.png">
+      <div class="div-introduction">
+        <img
+          class="image-title"
+          style="width: 470px"
+          src="@/assets/home_images/banner_title@2x.png"
+        >
+        <br>
+        <span style="font-size: 17pt">一站式质量效率平台，普惠你的工作</span>
+      </div>
+      <img
+        class="img-arrow"
+        style="width: 30px"
+        src="@/assets/home_images/banner_icon_arrow@3x.png"
+      >
       <img style="width: 100%;z-index: -1;" src="@/assets/home_images/banner_pic@3x.png">
     </div>
     <div class="div-main" style="height: 600pt;width 100%;text-align: center;">
       <div style="font-size: 21pt;margin-top: 54pt;color: #333333;">功能介绍</div>
-      <el-card disabled style="margin-left: 0;margin-top: 42pt" shadow="hover" @click.native="handleSelect('1')">
-        <img class="image-module-logo" src="@/assets/home_images/功能介绍_icon_环境平台@3x.png" fit="contain">
+      <el-card
+        disabled
+        style="margin-left: 0;margin-top: 42pt"
+        shadow="hover"
+        @click.native="handleSelect('1')"
+      >
+        <img
+          class="image-module-logo"
+          src="@/assets/home_images/功能介绍_icon_环境平台@3x.png"
+          fit="contain"
+        >
         <div class="div-title">环境平台</div>
         <div class="div-module-introduction">全面综合的个性化环境服务</div>
       </el-card>
@@ -50,7 +72,12 @@
         <div class="div-module-introduction">数据构造、统计、备份、分析</div>
       </el-card>
       <br>
-      <el-card class="expect" style="margin-left: 0;margin-top: 36pt;" shadow="never" @click.native="handleSelect('4')">
+      <el-card
+        class="expect"
+        style="margin-left: 0;margin-top: 36pt;"
+        shadow="never"
+        @click.native="handleSelect('4')"
+      >
         <img class="image-module-logo" src="@/assets/home_images/功能介绍_icon_流程管控未上线@3x.png">
         <div class="div-title" style="color: #999999">流程管控-敬请期待</div>
         <div class="div-module-introduction">简单、明了、一站式流程管理</div>
@@ -111,7 +138,7 @@ div.div-login {
   top: 22%;
   right: 8.3%;
 }
-div.div-introduction{
+div.div-introduction {
   position: absolute;
   font-size: 37pt;
   top: 35%;
@@ -127,7 +154,7 @@ div.div-footer1,
 div.div-footer2 {
   position: absolute;
   font-weight: bold;
-  color: #FFFFFF;
+  color: #ffffff;
   font-size: 13.5pt;
 }
 div.div-footer1 > span {
@@ -135,7 +162,7 @@ div.div-footer1 > span {
   display: inline-block;
   font-size: 10.5pt;
   font-weight: normal;
-  color: #FFFFFF;
+  color: #ffffff;
 }
 div.div-footer2 > span {
   margin-bottom: 10px;
@@ -143,7 +170,7 @@ div.div-footer2 > span {
   width: 30%;
   font-size: 10.5pt;
   font-weight: normal;
-  color: #FFFFFF;
+  color: #ffffff;
 }
 .el-menu {
   border: none;
@@ -156,11 +183,11 @@ div.div-footer2 > span {
   height: 100%;
 }
 .is-active {
-  color: #0FE3FF!important;
-  border-color: #0FE3FF!important;
+  color: #0fe3ff !important;
+  border-color: #0fe3ff !important;
 }
 .el-menu-item:hover {
-  color: #0FE3FF!important;
+  color: #0fe3ff !important;
   background-color: transparent !important;
 }
 .float-menu-home {
@@ -196,7 +223,7 @@ div.div-module-introduction {
   color: #999999;
   margin-top: 7.5pt;
 }
-.el-card:hover{
+.el-card:hover {
   cursor: pointer;
 }
 .el-card.expect:hover {
@@ -206,35 +233,35 @@ div.div-module-introduction {
 
 <style scoped>
 img.img-arrow {
-    animation: arrow 1.5s infinite ease-in-out;
-    -webkit-animation: arrow 1.5s infinite ease-in-out;
+  animation: arrow 1.5s infinite ease-in-out;
+  -webkit-animation: arrow 1.5s infinite ease-in-out;
 }
 @keyframes arrow {
   0% {
-  opacity:0;
-  -webkit-transform:translate(0, 0px)
+    opacity: 0;
+    -webkit-transform: translate(0, 0px);
   }
   50% {
-  opacity:1;
-  -webkit-transform:translate(0, -5px)
+    opacity: 1;
+    -webkit-transform: translate(0, -5px);
   }
   100% {
-  opacity:0;
-  -webkit-transform:translate(0, -10px)
+    opacity: 0;
+    -webkit-transform: translate(0, -10px);
   }
 }
 @-webkit-keyframes arrow {
   0% {
-  opacity:0;
-  -webkit-transform:translate(0, 0px)
+    opacity: 0;
+    -webkit-transform: translate(0, 0px);
   }
   50% {
-  opacity:1;
-  -webkit-transform:translate(0, -5px)
+    opacity: 1;
+    -webkit-transform: translate(0, -5px);
   }
   100% {
-  opacity:0;
-  -webkit-transform:translate(0, -10px)
+    opacity: 0;
+    -webkit-transform: translate(0, -10px);
   }
 }
 </style>
@@ -272,23 +299,22 @@ export default {
         }
       })()
     }
-    getGlobalInterface()
-      .then(res => {
-        this.$store.dispatch('data/setMenu', res.data)
-        this.$store.dispatch('data/setSubMenu', res.data[0].subMenus[0])
-      })
+    getGlobalInterface().then(res => {
+      this.$store.dispatch('data/setMenu', res.data)
+      this.$store.dispatch('data/setSubMenu', res.data[0].subMenus[0])
+    })
   },
   methods: {
     handleSelect(key, keyPath) {
       switch (key) {
-        case '1' :
+        case '1':
           this.$router.push({ name: '环境' })
           break
-        case '2' :
+        case '2':
           this.$router.push({ name: 'Mock' })
           break
-        case '3' :
-          this.$router.push({ name: '动态数据' })
+        case '3':
+          this.$router.push({ name: 'jar包管理' })
       }
     },
     handleScroll() {