1

src/router/index.js

@@ -50,6 +50,32 @@ const web = [
       },
     ],
   },
+  // 管理登录
+  {
+    path: '/login',
+    name: 'login',
+    meta: { title: '管理登录' },
+    component: () => import('../views/login.vue'),
+  },
+  {
+    path: '/adminCnter',
+    name: 'adminCnter',
+    component: () => import('../views/adminCnter/index.vue'),
+    children: [
+      {
+        path: '/admin/homeIndex',
+        name: 'admin_homeIndex',
+        meta: { title: '首页' },
+        component: () => import('../views/adminCnter/homeIndex/index.vue'),
+      },
+      {
+        path: '/admin/test',
+        name: 'admin_test',
+        meta: { title: '测试页面' },
+        component: () => import('../views/adminCnter/test/index.vue'),
+      },
+    ],
+  },
 ];
 const routes = [...web];
 const router = new VueRouter({

src/views/adminCnter/homeIndex/index.vue

@@ -0,0 +1,36 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="main"> 首页 </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: function () {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/adminCnter/index.vue

@@ -0,0 +1,37 @@
+<template>
+  <div id="index">
+    <admin-frame></admin-frame>
+  </div>
+</template>
+
+<script>
+import adminFrame from '@common/src/components/adminCommon/frame.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'index',
+  props: {},
+  components: {
+    adminFrame,
+  },
+  data: function () {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/adminCnter/test/index.vue

@@ -0,0 +1,36 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="main"> 测试页面 </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: function () {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/index.vue

@@ -10,6 +10,9 @@
           <el-button type="primary" size="mini" @click="$router.push({ path: '/train/index' })">宣传培训</el-button>
           <el-button type="primary" size="mini" @click="$router.push({ path: '/dynamic/index' })">数据动态</el-button>
         </el-col>
+        <el-col :span="24">
+          <el-button type="primary" size="mini" @click="$router.push({ path: '/login' })">管理登录</el-button>
+        </el-col>
       </el-col>
     </el-row>
   </div>

src/views/login.vue

@@ -0,0 +1,38 @@
+<template>
+  <div id="login">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-button>登录</el-button>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'login',
+  props: {},
+  components: {},
+  data: function () {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>