增加造数的页面

src/components/Home.vue

@@ -0,0 +1,86 @@
+<template>
+  <div class="auto-test-main" style="height: 100%">
+    <el-container style="height: 100%">
+      <div class="aside" style="height: 100%">
+        <el-menu
+          :default-active="$route.path"
+          class="el-menu-vertical-demo"
+          :collapse="isCollapse"
+          background-color="#545c64"
+          text-color="#fff"
+          active-text-color="#ffd04b"
+          :router="true">
+          <el-menu-item index="/effekt">
+            <i class="el-icon-house"></i>
+            <span slot="title">首页</span>
+          </el-menu-item>
+          <el-submenu index="create-tool">
+            <template slot="title">
+              <i class="el-icon-setting"></i>
+              <span slot="title">造数工具</span>
+            </template>
+            <el-menu-item index="/create/data">数据库造数</el-menu-item>
+            <el-menu-item index="/create/interface">接口造数</el-menu-item>
+          </el-submenu>
+        </el-menu>
+      </div>
+      <el-container>
+        <el-header class="header" style="background-color: rgba(230, 226, 215, 0.9)">
+          <div class="header-icon" style="float: left;padding-left: 15px;padding-right: 15px">
+            <i v-if="isCollapse" class="el-icon-s-unfold" style="font-size: 20px" @click="setCollapse"></i>
+            <i v-else class="el-icon-s-fold" style="font-size: 20px" @click="setCollapse"></i>
+          </div>
+          <div class="system-name" style="float: left">
+            <span>{{ systemName }}</span>
+          </div>
+        </el-header>
+        <el-main>
+          <router-view class="main-form" name="Manage"></router-view>
+        </el-main>
+      </el-container>
+    </el-container>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Home',
+  data() {
+    return {
+      isCollapse: false,
+      systemName: '效能平台'
+    }
+  },
+  methods: {
+    setCollapse() {
+      this.isCollapse = !this.isCollapse
+    }
+  }
+}
+</script>
+
+<style scoped>
+.auto-test-main {
+  height: 100%;
+  padding: 0;
+  margin: 0;
+}
+
+.el-menu-vertical-demo:not(.el-menu--collapse) {
+  width: 200px;
+  /*min-height: 400px;*/
+}
+
+.header {
+  height: 60px;
+  line-height: 60px
+}
+
+.el-header {
+  padding-left: 0;
+}
+
+.el-menu-vertical-demo {
+  height: 100%;
+}
+</style>