主页

src/views/home/index.vue

@@ -9,12 +9,14 @@
       @select="handleSelect"
     >
       <img class="logo" src="@/assets/home_images/homepage_logo@2x.png">
-      <el-menu-item style="margin-left: 18.5%" index="1">环境平台</el-menu-item>
+      <el-menu-item style="margin-left: 18.5%" index="4">流程管控</el-menu-item>
+      <el-menu-item index="1">环境平台</el-menu-item>
       <el-menu-item index="2">Mock服务</el-menu-item>
       <el-menu-item index="3">数据中心</el-menu-item>
-      <el-menu-item index="4">流程管控</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="5" disabled>自动化</el-menu-item>
-      <el-menu-item index="6" disabled>虚拟硬件</el-menu-item>
       <div class="div-login">
         <svg-icon icon-class="yonghu" />
         <el-dropdown style="color: #ffffff" @command="handleCommand">
@@ -45,19 +47,16 @@
       >
       <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 class="div-main" style="height: 700pt;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 shadow="hover" style="margin-left: 0;margin-top: 42pt" @click.native="handleSelect('4')">
+        <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 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>
@@ -66,26 +65,36 @@
         <div class="div-title">Mock服务</div>
         <div class="div-module-introduction">灵活稳定的Mock服务</div>
       </el-card>
-      <el-card shadow="hover" @click.native="handleSelect('3')">
+      <br>
+      <el-card shadow="hover" style="margin-left: 0;margin-top: 36pt;" @click.native="handleSelect('3')">
         <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 shadow="hover" @click.native="handleSelect('6')">
+        <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 shadow="hover" @click.native="handleSelect('7')">
+        <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>
       <br>
-      <el-card style="margin-left: 0;margin-top: 36pt;" @click.native="handleSelect('4')">
-        <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 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-module-introduction">设备一键生成，自由管控</div>
       </el-card>
       <el-card class="expect" 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" @click.native="handleSelect('6')">
-        <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 class="expect" shadow="never">
+        <div class="div-title" style="color: #999999" />
+        <div class="div-module-introduction" />
       </el-card>
     </div>
     <div style="height: 180pt;width 100%;background-color: #1B2341;">
@@ -313,6 +322,16 @@ export default {
           break
         case '4' :
           this.$router.push({ name: 'workbench' })
+          break
+        case '6':
+          this.$router.push({ name: '单车' })
+          break
+        case '7':
+          this.$router.push({ name: '上线质检' })
+          break
+        case '8':
+          this.$router.push({ name: '质量度量' })
+          break
       }
     },
     handleScroll() {