优化

src/views/home/index.vue

@@ -9,13 +9,15 @@
       @select="handleSelect"
     >
       <img class="logo" src="@/assets/home_images/homepage_logo@2x.png">
-      <el-menu-item style="margin-left: 18.5%" index="4">流程管控</el-menu-item>
+      <el-menu-item style="margin-left: 18.5%" index="4">项目管理</el-menu-item>
+      <el-menu-item index="10">测试管理</el-menu-item>
       <el-menu-item index="1">环境平台</el-menu-item>
-      <el-menu-item index="2">Mock服务</el-menu-item>
+      <!-- <el-menu-item index="2">Mock服务</el-menu-item>
       <el-menu-item index="3">数据中心</el-menu-item>
       <el-menu-item index="6">虚拟硬件</el-menu-item>
-      <el-menu-item index="7">上线质检</el-menu-item>
-      <el-menu-item index="8">质量度量</el-menu-item>
+      <el-menu-item index="7">上线质检</el-menu-item> -->
+      <el-menu-item index="8">统计分析</el-menu-item>
+      <el-menu-item index="9">工具集合</el-menu-item>
       <el-menu-item index="5" disabled>自动化</el-menu-item>
       <div class="div-login">
         <svg-icon icon-class="yonghu" />
@@ -25,7 +27,7 @@
             <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-item command="a">退出</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
       </div>
@@ -44,13 +46,14 @@
       <a href="#content1">
         <img
           class="img-arrow"
-          style="width: 30px"
+          style="width: 30px;"
           src="@/assets/home_images/banner_icon_arrow@3x.png"
         >
       </a>
       <img style="width: 100%;z-index: -1;" src="@/assets/home_images/banner_pic@3x.png">
     </div>
-    <div id="content1" class="div-main" style="height: 700pt;width 100%;text-align: center;">
+    <div id="content1" />
+    <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 shadow="hover" style="margin-left: 0;margin-top: 42pt" @click.native="handleSelect('4')">
@@ -58,12 +61,17 @@
         <div class="div-title">项目管理</div>
         <div class="div-module-introduction">简单、明了、一站式流程管理</div>
       </el-card>
+      <el-card shadow="hover" @click.native="handleSelect('10')">
+        <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>
       <el-card 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>
-      <el-card shadow="hover" @click.native="handleSelect('2')">
+      <!-- <el-card shadow="hover" @click.native="handleSelect('2')">
         <img class="image-module-logo" src="@/assets/home_images/功能介绍_icon_服务mock@3x.png">
         <div class="div-title">Mock服务</div>
         <div class="div-module-introduction">灵活稳定的Mock服务</div>
@@ -83,22 +91,27 @@
         <img class="image-module-logo" src="@/assets/home_images/功能介绍_icon_上线质检@3x.png">
         <div class="div-title">上线质检</div>
         <div class="div-module-introduction">强管控上线过程，保障上线质量</div>
-      </el-card>
+      </el-card> -->
       <br>
-      <el-card shadow="hover" style=" margin-left: 0;margin-top: 36pt; " @click.native="handleSelect('8')">
+      <el-card shadow="hover" style="margin-left: 0;margin-top: 36pt" @click.native="handleSelect('8')">
         <img class="image-module-logo" src="@/assets/home_images/功能介绍_icon_质量度量@3x.png">
-        <div class="div-title">质量度量</div>
+        <div class="div-title">统计分析</div>
+        <div class="div-module-introduction">通过各维度数据分析质量问题</div>
+      </el-card>
+      <el-card shadow="hover" @click.native="handleSelect('9')">
+        <img class="image-module-logo" src="@/assets/home_images/功能介绍_icon_工具合集@3x.png">
+        <div class="div-title">工具集合</div>
         <div class="div-module-introduction">通过各维度数据分析质量问题</div>
       </el-card>
-      <el-card class="expect" shadow="never" @click.native="handleSelect('5')">
+      <el-card shadow="never" @click.native="handleSelect('5')">
         <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>
       </el-card>
-      <el-card class="expect" shadow="never">
+      <!-- <el-card class="expect" shadow="never">
         <div class="div-title" style="color: #999999" />
         <div class="div-module-introduction" />
-      </el-card>
+      </el-card> -->
     </div>
     <div style="font-size: 12px; color: #FFF; height: 240px;width 100%;background-image: linear-gradient(to bottom right,#3e99fd,#1040db); text-align: center;">
       <div style="font-size: 20px; padding: 30px 0 10px; font-weight: 600;">质惠综合测试平台</div>
@@ -295,6 +308,12 @@ export default {
         case '8':
           this.$router.push({ name: '统计分析' })
           break
+        case '9':
+          this.$router.push({ name: 'Interface' })
+          break
+        case '10':
+          this.$router.push({ name: '测试用例' })
+          break
       }
     },
     handleScroll() {