From 40f2763fa61c84076d66b23ba6969d350f7d86da Mon Sep 17 00:00:00 2001
From: haifeng414 <haifeng@fit2cloud.com>
Date: Thu, 13 Feb 2020 15:38:03 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B5=8B=E8=AF=95=E8=8F=9C=E5=8D=95=E6=A0=8F?=
 =?UTF-8?q?=E7=AE=80=E5=8D=95=E5=AE=9E=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/performance/App.vue              |  7 ++--
 .../performance/components/HeaderMenus.vue    | 13 +++---
 .../components/testPlan/RecentTestPlan.vue    | 41 +++++++++++++++++++
 3 files changed, 51 insertions(+), 10 deletions(-)
 create mode 100644 frontend/src/performance/components/testPlan/RecentTestPlan.vue

diff --git a/frontend/src/performance/App.vue b/frontend/src/performance/App.vue
index f881093aee..15d39aaa49 100644
--- a/frontend/src/performance/App.vue
+++ b/frontend/src/performance/App.vue
@@ -10,7 +10,9 @@
       </el-col>
       <el-col :span="4">
         <el-row type="flex" justify="center" align="middle">
-          <el-button type="primary" size="small" @click="createTest">创建测试</el-button>
+          <router-link to="/createTest">
+            <el-button type="primary" size="small">创建测试</el-button>
+          </router-link>
         </el-row>
       </el-col>
       <el-col :span="10">
@@ -49,9 +51,6 @@
     },
     components: {MsWebSocket, MsUser, MsMenus, MsSetting, MsView},
     methods: {
-      createTest() {
-        this.$router.push({path: '/createTest'})
-      }
     }
   }
 </script>
diff --git a/frontend/src/performance/components/HeaderMenus.vue b/frontend/src/performance/components/HeaderMenus.vue
index 33775017fc..e3bed233da 100644
--- a/frontend/src/performance/components/HeaderMenus.vue
+++ b/frontend/src/performance/components/HeaderMenus.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-menu class="header-menu" :unique-opened="true" mode="horizontal"
+  <el-menu class="header-menu" :unique-opened="true" mode="horizontal" router
            menu-trigger="click">
     <el-menu-item index="1"><a href="/" style="text-decoration: none;">{{ $t("i18n.home") }}</a></el-menu-item>
     <el-submenu index="2" popper-class="submenu">
@@ -19,10 +19,8 @@
     </el-submenu>
     <el-submenu index="4" popper-class="submenu">
       <template slot="title">测试</template>
-      <el-menu-item index="4-1">测试1</el-menu-item>
-      <el-menu-item index="4-2">测试2</el-menu-item>
-      <el-menu-item index="4-3">显示全部</el-menu-item>
-      <el-menu-item index="create-test" route="{path:'test'}">
+      <recent-test-plan/>
+      <el-menu-item index="/createTest">
         <el-button type="text">创建测试</el-button>
       </el-menu-item>
     </el-submenu>
@@ -36,8 +34,11 @@
 </template>
 
 <script>
+  import RecentTestPlan from "./testPlan/RecentTestPlan";
+
   export default {
-    name: "MsMenus"
+    name: "MsMenus",
+    components: {RecentTestPlan}
   }
 </script>
 
diff --git a/frontend/src/performance/components/testPlan/RecentTestPlan.vue b/frontend/src/performance/components/testPlan/RecentTestPlan.vue
new file mode 100644
index 0000000000..b698062687
--- /dev/null
+++ b/frontend/src/performance/components/testPlan/RecentTestPlan.vue
@@ -0,0 +1,41 @@
+<template>
+  <div>
+    <div class="recent-text">
+      <i class="el-icon-time"/>
+      最近的测试
+    </div>
+    <el-menu-item v-bind:key="recentTestPlan.id" v-for="recentTestPlan in recentTestPlans">
+      {{ recentTestPlan.name }}
+    </el-menu-item>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "RecentTestPlan",
+    data() {
+      return {
+        recentTestPlans: [{
+          id: 1,
+          name: "测试1"
+        }, {
+          id: 2,
+          name: "测试2"
+        }, {
+          id: 3,
+          name: "测试3"
+        }, {
+          id: 4,
+          name: "测试4"
+        }]
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .recent-text {
+    padding-left: 10%;
+    color: #777777;
+  }
+</style>