Kane/vue-learning
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

保存进度！

Browse Source
This commit is contained in:
Kane
2023-01-05 13:18:28 +08:00
parent 1c25e18d0f
commit 3b1fbf611e
5 changed files with 175 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
企业级管理系统/web/admin_system/src/layout/Index.vue Normal file
View File

@@ -0,0 +1,58 @@
<!--
* @Author: Kane
* @Date: 2023-01-04 11:05:44
* @LastEditors: Kane
* @LastEditTime: 2023-01-05 11:22:34
* @FilePath: \admin_system\src\layout\index.vue
* @Description:
*
* Copyright (c) ${2022} by Kane, All Rights Reserved.
-->
<template>
<el-container id="layout-container">
<el-aside id="layout-aside">
<LayoutAside />
</el-aside>
<el-container>
<el-header id="layout-header">
<LayoutHeader />
</el-header>
<el-main id="layout-main">
<LayoutMain />
</el-main>
</el-container>
</el-container>
</template>
<script>
import LayoutAside from "./components/Aside.vue";
import LayoutHeader from "./components/Header.vue";
import LayoutMain from "./components/Main.vue";
export default {
name: "layoutPage",
components: {
LayoutAside, LayoutHeader, LayoutMain,
}
};
</script>
<style scoped>
#layout-container {
height: 100vh;
}
#layout-aside {
width: 200px;
background-color: #344a5f;
}
#layout-header {
height: 75px;
background-color: #77bc99;
}
#layout-main {
background-color: #bc77a1;
}
</style>

60
企业级管理系统/web/admin_system/src/layout/components/Aside.vue Normal file
View File

@@ -0,0 +1,60 @@
<!--
* @Author: Kane
* @Date: 2023-01-04 11:30:33
* @LastEditors: Kane
* @LastEditTime: 2023-01-05 11:31:59
* @FilePath: \admin_system\src\layout\components\Aside.vue
* @Description:
*
* Copyright (c) ${2022} by Kane, All Rights Reserved.
-->
<template>
<el-menu id="side-bar" default-active="4" background-color="#344a5f" text-color="#fff" active-text-color="#ffd04b">
<el-menu-item index="4">
<template #title>控制台</template>
</el-menu-item>
<el-sub-menu index="1">
<template #title>信息管理</template>
<el-menu-item index="1-4-1">
<template #title>信息列表</template>
</el-menu-item>
</el-sub-menu>
<el-sub-menu index="1">
<template #title>信息管理</template>
<el-menu-item index="1-4-1">
<template #title>信息列表</template>
</el-menu-item>
</el-sub-menu>
<el-sub-menu index="2">
<template #title>信息管理</template>
<el-menu-item index="1-4-1">
<template #title>信息列表</template>
</el-menu-item>
</el-sub-menu>
<el-sub-menu index="3">
<template #title>信息管理</template>
<el-menu-item index="1-4-1">
<template #title>信息列表</template>
</el-menu-item>
</el-sub-menu>
<el-sub-menu index="4">
<template #title>信息管理</template>
<el-menu-item index="1-4-1">
<template #title>信息列表</template>
</el-menu-item>
</el-sub-menu>
</el-menu>
</template>
<script>
export default {
name: "LayoutAside"
};
</script>
<style scoped>
.el-menu {
border-right: none;
border-left: 5px solid #1d74b2;
}
</style>

23
企业级管理系统/web/admin_system/src/layout/components/Header.vue Normal file
View File

@@ -0,0 +1,23 @@
<!--
* @Author: Kane
* @Date: 2023-01-04 11:39:04
* @LastEditors: Kane
* @LastEditTime: 2023-01-04 11:39:05
* @FilePath: \admin_system\src\layout\components\Header.vue
* @Description:
*
* Copyright (c) ${2022} by Kane, All Rights Reserved.
-->
<template>
<div>Header</div>
</template>
<script>
export default {
name: "LayoutHeader"
};
</script>
<style scoped>
</style>

23
企业级管理系统/web/admin_system/src/layout/components/Main.vue Normal file
View File

@@ -0,0 +1,23 @@
<!--
* @Author: Kane
* @Date: 2023-01-04 11:40:03
* @LastEditors: Kane
* @LastEditTime: 2023-01-04 11:40:04
* @FilePath: \admin_system\src\layout\components\Main.vue
* @Description:
*
* Copyright (c) ${2022} by Kane, All Rights Reserved.
-->
<template>
Main
</template>
<script>
export default {
name: "LayoutMain"
};
</script>
<style scoped>
</style>

17
企业级管理系统/web/admin_system/src/router/index.js
View File

@@ -2,30 +2,35 @@
* @Author: Kane
* @Date: 2022-12-14 15:12:46
* @LastEditors: Kane
* @LastEditTime: 2022-12-14 16:19:17
* @LastEditTime: 2023-01-04 11:26:12
* @FilePath: \admin_system\src\router\index.js
* @Description:
*
* Copyright (c) ${2022} by Kane, All Rights Reserved.
*/
import { createRouter, createWebHashHistory } from 'vue-router'
import { createRouter, createWebHashHistory } from 'vue-router';
const routes = [
{
path: "/",
name: "Home",
redirect: "Login",
name: "Root",
redirect: "Home",
},
{
path: "/login",
name: "Login",
component: () => import("../views/account/Login.vue"),
},
{
path: "/home",
name: "Home",
component: () => import("../layout/Index.vue"),
}
];
const router = createRouter({
history: createWebHashHistory(),
routes
})
});
export default router
export default router;