src/components/Breadcrumb/index.vue

@@ -33,7 +33,7 @@ export default {
       const first = matched[0]
 
       if (!this.isDashboard(first)) {
-        matched = [{ path: '/home/dashboard', meta: { title: 'Dashboard' }}].concat(matched)
+        matched = [{ path: '/home', meta: { title: '首页' }}].concat(matched)
       }
 
       this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
@@ -43,7 +43,7 @@ export default {
       if (!name) {
         return false
       }
-      return name.trim().toLocaleLowerCase() === 'Dashboard'.toLocaleLowerCase()
+      return name.trim().toLocaleLowerCase() === '首页'.toLocaleLowerCase()
     },
     pathCompile(path) {
       // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561

src/router/index.js

@@ -54,16 +54,23 @@ export const constantRoutes = [
 
   {
     path: '/home',
-    component: Layout,
-    redirect: '/dashboard',
-    children: [{
-      path: 'dashboard',
-      name: 'Dashboard',
-      component: () => import('@/views/dashboard/index'),
-      meta: { title: 'Dashboard', icon: 'dashboard' }
-    }]
+    component: Home,
+    name: '首页',
+    hidden: true
   },
 
+  // {
+  //   path: '/home',
+  //   component: Layout,
+  //   redirect: '/dashboard',
+  //   children: [{
+  //     path: 'dashboard',
+  //     name: 'Dashboard',
+  //     component: () => import('@/views/dashboard/index'),
+  //     meta: { title: 'Dashboard', icon: 'dashboard' }
+  //   }]
+  // },
+
   {
     path: '/mock',
     component: Layout,

src/views/home/floatMenu.vue

@@ -5,7 +5,7 @@
       <div class="QRCode-title">钉钉客服群</div>
       <el-image :src="imgUrl" style="margin: 0" />
     </el-card>
-    <div class="div-button-feedback" @click="feedBackClick" @mouseover="feedbackClassName = 'Float_icon_反馈_蓝色'" @mouseout="display === 'display: none;'?feedbackClassName = 'Float_icon_反馈':feedbackClassName = 'Float_icon_反馈_蓝色'"><svg-icon :icon-class="feedbackClassName" /></div>
+    <div class="div-button-feedback" @click="feedBackClick" @mouseover="display = 'display: block;';feedbackClassName = 'Float_icon_反馈_蓝色'"><svg-icon :icon-class="feedbackClassName" /></div>
     <el-card class="feedback" :style="display">
       <div style="font-size: 12pt;color: #666666;display: inline-block">意见反馈</div>
       <div style="float: right;display: inline-block;" @click="feedBackClose"><svg-icon icon-class="float_反馈_icon_close" /></div><br>

src/views/home/index.vue

@@ -14,7 +14,17 @@
       <el-menu-item index="4" disabled>流程管控</el-menu-item>
       <el-menu-item index="5" disabled>自动化</el-menu-item>
       <el-menu-item index="6" disabled>虚拟硬件</el-menu-item>
-      <div class="div-login"><svg-icon icon-class="yonghu" /> {{ realname }}</div>
+      <div class="div-login">
+        <svg-icon icon-class="yonghu" />
+        <el-dropdown style="color: #ffffff" @command="handleCommand">
+          <span class="el-dropdown-link">
+            {{ realname }}<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>
+          </el-dropdown-menu>
+        </el-dropdown>
+      </div>
     </el-menu>
     <div style="color: #FFFF">
       <div class="div-introduction"><img class="image-title" style="width:36%" src="@/assets/home_images/banner_title@3x.png"><br><span style="font-size: 17pt">打造让每个研发测试都离不开的一站式综合工具平台</span></div>
@@ -56,29 +66,26 @@
       </el-card>
     </div>
     <div style="height: 180pt;width 100%;background-color: #1B2341;">
-      <el-row style="top: 25%;left: 15.3%;">
-        <el-col :span="10">
-          <div class="div-footer1">
-            <div>Thoth综合测试平台</div>
-            <span style="margin-top: 18pt">普惠质量技术部 效率工具FT</span>
-            <br>
-            <span>© 2019. All Rights Reserved</span>
-          </div>
-        </el-col>
-        <el-col :span="10">
-          <div class="div-footer2">
-            <div style="visibility: hidden;">1</div>
-            <span style="margin-top: 18pt">服务mock-赵福贵</span>
-            <span>数据中心-王丽莎</span>
-            <span>FT负责人-叶宏刚</span>
-            <br>
-            <span>虚拟硬件-魏洁文</span>
-            <span>环境平台-李嘉嘉</span>
-            <span>产品设计-郑莉</span>
-            <br>
-          </div>
-        </el-col>
-      </el-row>
+      <div class="div-footer1" style="margin-top: 45pt;margin-left: 15.3%;">
+        <div>Thoth综合测试平台</div>
+        <span style="margin-top: 18pt">普惠质量技术部 效率工具FT</span>
+        <br>
+        <span>© 2019. All Rights Reserved</span>
+      </div>
+      <div class="div-footer2" style="margin-top: 45pt;margin-left: 55%;">
+        <div style="visibility: hidden;">1</div>
+        <span style="margin-top: 18pt">服务mock-赵福贵</span>
+        <span>数据中心-王丽莎</span>
+        <span>FT负责人-叶宏刚</span>
+        <br>
+        <span>虚拟硬件-魏洁文</span>
+        <span>环境平台-李嘉嘉/刘青</span>
+        <span>产品设计-郑莉</span>
+        <br>
+        <span>自动化-陈雅琪</span>
+        <span style="width: 200px">流程管控-郑美双/罗舒宁</span>
+        <br>
+      </div>
     </div>
     <float-menu class="float-menu-home" />
   </div>
@@ -114,6 +121,7 @@ img.img-arrow {
 }
 div.div-footer1,
 div.div-footer2 {
+  position: absolute;
   font-weight: bold;
   color: #FFFFFF;
   font-size: 13.5pt;
@@ -128,7 +136,7 @@ div.div-footer1 > span {
 div.div-footer2 > span {
   margin-bottom: 10px;
   display: inline-block;
-  width: 150px;
+  width: 180px;
   font-size: 10.5pt;
   font-weight: normal;
   color: #FFFFFF;
@@ -275,6 +283,13 @@ export default {
       } else {
         this.menuColor = 'transparent'
       }
+    },
+    handleCommand(command) {
+      switch (command) {
+        case 'a':
+          location.href = 'http://10.179.209.19:8899/logout'
+          break
+      }
     }
   }
 }