first commit

历届学生/fontendsix/项目练习/上课项目/管理后台/src/components/aside.vue

@@ -0,0 +1,48 @@
+<template>
+  <el-menu
+      unique-opened
+      :default-openeds="[ $route.meta.openeds ]"
+      :default-active="$route.path"
+      router
+      class="el-menu-vertical-demo">
+    <el-submenu :index="item.path" v-for="(item,index) in menu" :key="index">
+      <template slot="title">
+        <i class="el-icon-location"></i>
+        <span>{{ item.title }}</span>
+      </template>
+      <el-menu-item-group>
+        <el-menu-item v-for="(v,i) in item.children"
+                      :index="item.path + v.path"
+                      :key="i">
+          {{ v.title }}
+        </el-menu-item>
+      </el-menu-item-group>
+    </el-submenu>
+
+  </el-menu>
+</template>
+
+<script>
+
+export default {
+  name: 'v-aside',
+  data() {
+    return {
+      menu: JSON.parse(localStorage.getItem("jurisdiction"))
+    }
+  },
+  created() {
+    console.log(this.$route)
+    console.log("this.menu: ", this.menu);
+    this.$router.addRoutes(this.$utils.createdRouter());
+  },
+  methods: {
+
+  },
+  components: {}
+}
+</script>
+
+
+<style lang="less" scoped>
+</style>

历届学生/fontendsix/项目练习/上课项目/管理后台/src/components/header.vue

@@ -0,0 +1,45 @@
+<template>
+  <el-menu
+      class="el-menu-demo"
+      mode="horizontal"
+      background-color="#545c64"
+      text-color="#fff"
+      active-text-color="#ffd04b">
+    <el-menu-item index="1">处理中心</el-menu-item>
+    <el-submenu index="2">
+      <template slot="title">我的工作台</template>
+      <el-menu-item index="2-1">选项1</el-menu-item>
+      <el-menu-item index="2-2">选项2</el-menu-item>
+      <el-menu-item index="2-3">选项3</el-menu-item>
+      <el-submenu index="2-4">
+        <template slot="title">选项4</template>
+        <el-menu-item index="2-4-1">选项1</el-menu-item>
+        <el-menu-item index="2-4-2">选项2</el-menu-item>
+        <el-menu-item index="2-4-3">选项3</el-menu-item>
+      </el-submenu>
+    </el-submenu>
+    <el-menu-item index="3" disabled>消息中心</el-menu-item>
+    <el-menu-item index="4"><a href="https://www.ele.me" target="_blank">订单管理</a></el-menu-item>
+  </el-menu>
+</template>
+
+<script>
+export default {
+  name: 'v-header',
+  data() {
+    return {}
+  },
+  created() {
+
+  },
+  methods: {
+    async getIndex() {
+    }
+  },
+  components: {}
+}
+</script>
+
+
+<style lang="less" scoped>
+</style>