From e084b00d89cc8fe8ac4f4ff0f79b1c539e43dfe8 Mon Sep 17 00:00:00 2001
From: haifeng414 <haifeng@fit2cloud.com>
Date: Wed, 12 Feb 2020 11:33:08 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=88=9B=E5=BB=BA=E6=B5=8B?=
 =?UTF-8?q?=E8=AF=95=E7=9A=84tab?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                    |  2 +-
 frontend/src/performance/App.vue              |  9 +++-
 .../performance/components/router/router.js   |  8 +++-
 .../components/testPlan/CreateTestPlan.vue    | 46 +++++++++++++++++++
 .../testPlan/components/AdvancedConfig.vue    | 16 +++++++
 .../testPlan/components/BasicConfig.vue       | 16 +++++++
 .../testPlan/components/PressureConfig.vue    | 16 +++++++
 7 files changed, 109 insertions(+), 4 deletions(-)
 create mode 100644 frontend/src/performance/components/testPlan/CreateTestPlan.vue
 create mode 100644 frontend/src/performance/components/testPlan/components/AdvancedConfig.vue
 create mode 100644 frontend/src/performance/components/testPlan/components/BasicConfig.vue
 create mode 100644 frontend/src/performance/components/testPlan/components/PressureConfig.vue

diff --git a/.gitignore b/.gitignore
index 66cbb337c7..daf6f90519 100644
--- a/.gitignore
+++ b/.gitignore
@@ -15,7 +15,7 @@ yarn-error.log*
 
 # Editor directories and files
 .idea
-frontend.iml
+**/*.iml
 .vscode
 *.suo
 *.ntvs*
diff --git a/frontend/src/performance/App.vue b/frontend/src/performance/App.vue
index 5a0a6aebd8..f881093aee 100644
--- a/frontend/src/performance/App.vue
+++ b/frontend/src/performance/App.vue
@@ -10,7 +10,7 @@
       </el-col>
       <el-col :span="4">
         <el-row type="flex" justify="center" align="middle">
-          <el-button type="primary" size="small">创建测试</el-button>
+          <el-button type="primary" size="small" @click="createTest">创建测试</el-button>
         </el-row>
       </el-col>
       <el-col :span="10">
@@ -47,7 +47,12 @@
         window.location.href = "/login"
       });
     },
-    components: {MsWebSocket, MsUser, MsMenus, MsSetting, MsView}
+    components: {MsWebSocket, MsUser, MsMenus, MsSetting, MsView},
+    methods: {
+      createTest() {
+        this.$router.push({path: '/createTest'})
+      }
+    }
   }
 </script>
 
diff --git a/frontend/src/performance/components/router/router.js b/frontend/src/performance/components/router/router.js
index 3fcd964a5a..e9e3512453 100644
--- a/frontend/src/performance/components/router/router.js
+++ b/frontend/src/performance/components/router/router.js
@@ -3,6 +3,7 @@ import VueRouter from 'vue-router'
 import RouterSidebar from "./RouterSidebar";
 import Setting from "../settings/Setting";
 import Workspace from "../settings/Workspace";
+import CreateTestPlan from "../testPlan/CreateTestPlan";
 
 Vue.use(VueRouter);
 
@@ -22,7 +23,12 @@ const router = new VueRouter({
           component: Workspace
         }
       ]
-    }]
+    },
+    {
+      path: "/createTest", components: {
+        content: CreateTestPlan
+      }
+    },]
 });
 
 export default router
diff --git a/frontend/src/performance/components/testPlan/CreateTestPlan.vue b/frontend/src/performance/components/testPlan/CreateTestPlan.vue
new file mode 100644
index 0000000000..6b78f60479
--- /dev/null
+++ b/frontend/src/performance/components/testPlan/CreateTestPlan.vue
@@ -0,0 +1,46 @@
+<template>
+  <div class="container">
+    <el-tabs v-model="active">
+      <el-tab-pane
+        v-for="item in tabs"
+        :key="item.id"
+        :label="item.title"
+        >
+        <component :is="active === item.id ? item.component : false"/>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+  import BasicConfig from './components/BasicConfig';
+  import PressureConfig from './components/PressureConfig';
+  import AdvancedConfig from './components/AdvancedConfig';
+
+  export default {
+    name: "CreateTestPlan",
+    components: {
+      BasicConfig,
+      PressureConfig,
+      AdvancedConfig
+    },
+    data () {
+      return {
+        active: '0',
+        tabs: [{
+          title: '场景配置',
+          id: '0',
+          component: 'BasicConfig'
+        }, {
+          title: '压力配置',
+          id: '1',
+          component: 'PressureConfig'
+        }, {
+          title: '高级配置',
+          id: '2',
+          component: 'AdvancedConfig'
+        }]
+      }
+    }
+  }
+</script>
diff --git a/frontend/src/performance/components/testPlan/components/AdvancedConfig.vue b/frontend/src/performance/components/testPlan/components/AdvancedConfig.vue
new file mode 100644
index 0000000000..1aec9b6309
--- /dev/null
+++ b/frontend/src/performance/components/testPlan/components/AdvancedConfig.vue
@@ -0,0 +1,16 @@
+<style>
+
+</style>
+
+<template>
+  <div>我是第三个子组件</div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+      }
+    }
+  }
+</script>
diff --git a/frontend/src/performance/components/testPlan/components/BasicConfig.vue b/frontend/src/performance/components/testPlan/components/BasicConfig.vue
new file mode 100644
index 0000000000..b290b2bb02
--- /dev/null
+++ b/frontend/src/performance/components/testPlan/components/BasicConfig.vue
@@ -0,0 +1,16 @@
+<style>
+
+</style>
+
+<template>
+  <div>我是第一个子组件</div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+      }
+    }
+  }
+</script>
diff --git a/frontend/src/performance/components/testPlan/components/PressureConfig.vue b/frontend/src/performance/components/testPlan/components/PressureConfig.vue
new file mode 100644
index 0000000000..2fcc233374
--- /dev/null
+++ b/frontend/src/performance/components/testPlan/components/PressureConfig.vue
@@ -0,0 +1,16 @@
+<style>
+
+</style>
+
+<template>
+  <div>我是第二个子组件</div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+      }
+    }
+  }
+</script>