Merge remote-tracking branch 'origin/麦塔' into 麦塔

src/components/client/common/MtaBreadcrumb.vue

@@ -163,7 +163,12 @@
                                   });
             } else if (tenantFlag_key === '2') {
                 nodesReverse.push({
-                                      path:    '/c/IndexPeixun',
+                                      path:    '/c/IndexPeixun123',
+                                      display: '首页',
+                                  });
+            }else {
+                nodesReverse.push({
+                                      path:    '/index',
                                       display: '首页',
                                   });
             }
@@ -201,7 +206,8 @@
         .breadcrumb-icon-box{
             width: 14px;
             height: 14px;
-            background-image: url("../../../assets/images/icons/breadcrumb-icon-home.svg");
+            background: blue;
+          /*  background-image: url("../../../assets/images/icons/breadcrumb-icon-home.svg");*/
             margin-right: 8px;
         }
         .st-breadcrumb-item {
@@ -218,7 +224,8 @@
             width: 7px;
             height: 16px;
             display: inline-block;
-            background-image: url("../../../assets/images/icons/breadcrumb-icon.svg");
+            background: red;
+         /*   background-image: url("../../../assets/images/icons/breadcrumb-icon.svg");*/
             padding: 0 8px;
             background-repeat: no-repeat;
             background-position: center;

src/router.js

@@ -10,19 +10,6 @@ import {
 
 Vue.use(Router);
 
-const aRootDisplay = {
-    RYGL: '人员管理',
-    PXGL: '培训管理',
-    KWGL: '考务管理',
-    ZSGL: '证书管理',
-    LXGL: '练习管理',
-    ZYGL: '资源管理',
-    SJTJ: '数据统计',
-    GGGL: '公告管理',
-    XTSZ: '系统设置',
-    FWGL: '服务管理',
-};
-
 const router = new Router({
                               mode:   'history',
                               base:   process.env.BASE_URL,
@@ -41,25 +28,30 @@ const router = new Router({
                                   {
                                       name:      '课程开发',
                                       path:      '/courseDev',
+                                      meta:      {
+                                          parentPath: 'croot',
+                                          breadcrumb: {
+                                              display: '课程列表',
+                                          },
+                                      },
                                       component: () => {
                                           return import(/* webpackChunkName: "index" */ './views/client/CourseDev.vue');
                                       },
                                   },
                                   {
-                                      name:      '首页',
-                                      path:      '/Index',
+                                      name:      'Login',
+                                      path:      '/login',
                                       component: () => {
-                                          return import(/* webpackChunkName: "index" */ './views/client/Index.vue');
+                                          return import(/* webpackChunkName: "Login" */ './views/management/Login/index.vue');
                                       },
                                   },
                                   {
-                                      name:      '首页',
-                                      path:      '/Index',
+                                      name:      'admin',
+                                      path:      '/admin',
                                       component: () => {
-                                          return import(/* webpackChunkName: "index" */ './views/client/Index.vue');
+                                          return import(/* webpackChunkName: "Home" */ './views/management/Home/index.vue');
                                       },
                                   },
-
                               ],
                           });
 

src/views/client/CourseDev.vue

@@ -9,11 +9,12 @@
             <el-menu-item index="帮助中心">帮助中心</el-menu-item>
             <el-menu-item index="关于我们">关于我们</el-menu-item>
         </el-menu>
-        课程开发
+        <MtaBreadcrumb style="margin-left: 0"></MtaBreadcrumb>
     </div>
 </template>
 
 <script>
+    import MtaBreadcrumb    from '@/components/client/common/MtaBreadcrumb.vue';
     export default {
         name:       'courseDev',
         props:      {
@@ -23,7 +24,9 @@
                 activeIndex:  '课程开发',
             };
         },
-        components: {},
+        components: {
+            MtaBreadcrumb
+        },
         computed:   {},
         methods:    {
             handleSelect(key, keyPath) {

src/views/management/Home/index.vue

@@ -0,0 +1,13 @@
+<template>
+    
+</template>
+
+<script>
+    export default {
+        name: 'index.vue',
+    };
+</script>
+
+<style scoped>
+
+</style>

src/views/management/Login/components/Login.vue

@@ -0,0 +1,83 @@
+<template>
+    <div class="admin-login__loginForm">
+        <el-form :model="loginForm" status-icon :rules="loginRules" ref="LoginForm" label-width="100px">
+            <el-form-item label="用户名:" prop="username">
+                <el-input type="text" v-model="loginForm.username"></el-input>
+            </el-form-item>
+            <el-form-item label="密码:" prop="password">
+                <el-input type="password" v-model="loginForm.password" autocomplete="off"></el-input>
+            </el-form-item>
+            <el-form-item>
+                <div class="admin-login-btns">
+                    <el-button class="login-btn__login" type="primary" @click="handleLogin('LoginForm')">登录</el-button>
+                </div>
+            </el-form-item>
+        </el-form>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'Login',
+        data() {
+            return {
+                loginForm:  {
+                    username: '',
+                    password: '',
+                },
+                loginRules: {
+                    username: [
+                        { required: true, message: '请输入用户名', trigger: 'blur' },
+                    ],
+                    password: [
+                        { required: true, message: '请输入密码', trigger: 'blur' },
+                    ],
+                },
+            }
+        },
+        methods: {
+            handleLogin(formName) {
+                this.$refs[formName].validate((valid) => {
+                    if (valid) {
+                        console.log('submit')
+                        this.doLogin()
+                    } else {
+                        console.log('err')
+                        return false
+                    }
+                })
+            },
+            doLogin() {
+                const opt = this.getOption();
+                console.log('Options: ', opt)
+            },
+            getOption() {
+                const opt = {
+                    username: '',
+                    password: ''
+                }
+
+                return opt;
+            }
+        }
+    };
+</script>
+
+<style lang="scss" scoped>
+$text_color: #ccc;
+.admin-login {
+    &__loginForm {
+        ::v-deep .el-form-item__label {
+            color: $text_color;
+        }
+    }
+
+    &-btns {
+        .login-btn {
+            &__login {
+                width: 100%;
+            }
+        }
+    }
+}
+</style>

src/views/management/Login/index.vue

@@ -0,0 +1,27 @@
+<template>
+    <div class="admin-Login">
+        <Login />
+    </div>
+</template>
+
+<script>
+    import Login from "./components/Login.vue"
+    export default {
+        name: 'index.vue',
+        components: {
+            Login
+        }
+    };
+</script>
+
+<style lang="scss" scoped>
+.admin-Login {
+    flex: 1;
+    display: flex;
+    min-height: 100vh;
+    width: 100vw;
+    background: #1f2533;
+    justify-content: center;
+    align-items: center;
+}
+</style>