1

src/router/index.js

@@ -58,18 +58,18 @@ const web = [
     component: () => import('../views/login.vue'),
   },
   {
-    path: '/adminCnter',
+    path: '/adminCnter/homeIndex',
     name: 'adminCnter',
     component: () => import('../views/adminCnter/index.vue'),
     children: [
       {
-        path: '/admin/homeIndex',
+        path: '/adminCnter/homeIndex',
         name: 'admin_homeIndex',
         meta: { title: '首页' },
         component: () => import('../views/adminCnter/homeIndex/index.vue'),
       },
       {
-        path: '/admin/test',
+        path: '/adminCnter/test',
         name: 'admin_test',
         meta: { title: '测试页面' },
         component: () => import('../views/adminCnter/test/index.vue'),

src/views/login.vue

@@ -2,7 +2,18 @@
   <div id="login">
     <el-row>
       <el-col :span="24" class="main">
-        <el-button>登录</el-button>
+        <el-form ref="form" :model="form" label-width="80px">
+          <el-form-item label="用户账号">
+            <el-input v-model="form.phone" maxlength="11" placeholder="请输入账号"></el-input>
+          </el-form-item>
+          <el-form-item label="用户密码">
+            <el-input v-model="form.password" placeholder="请输入账号" show-password></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="danger" size="mini">取消登录</el-button>
+            <el-button type="primary" size="mini" @click="onSubmit">提交登录</el-button>
+          </el-form-item>
+        </el-form>
       </el-col>
     </el-row>
   </div>
@@ -15,10 +26,18 @@ export default {
   props: {},
   components: {},
   data: function () {
-    return {};
+    return {
+      form: {},
+    };
   },
   created() {},
-  methods: {},
+  methods: {
+    onSubmit() {
+      let data = this.form;
+      console.log(data);
+      this.$router.push({ path: '/adminCnter/homeIndex' });
+    },
+  },
   computed: {
     ...mapState(['user']),
   },