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 22:26:40 +08:00
parent 3b1fbf611e
commit 1064fce554
8 changed files with 200 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,59 +2,57 @@
* @Author: Kane
* @Date: 2023-01-04 11:30:33
* @LastEditors: Kane
* @LastEditTime: 2023-01-05 11:31:59
* @LastEditTime: 2023-01-05 21:37:17
* @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 id="side-bar" default-active="/console" unique-opened="true" background-color="#344a5f" text-color="#fff"
active-text-color="#ffd04b">
<template v-for="route in this.routers" :key="route.path">
<template v-if="!route.hidden">
<el-menu-item v-if="!route.children" :index="route.path">
<template #title>{{ route.meta && route.meta.title }}</template>
</el-menu-item>
<el-sub-menu v-else :index="route.path">
<template #title>{{ route.meta && route.meta.title }}</template>
<template v-for="child in route.children" :key="child.path">
<el-menu-item v-if="!child.hidden" :index="child.path">
<template #title>{{ child.mate && child.mate.title }}</template>
</el-menu-item>
</template>
</el-sub-menu>
</template>
</template>
</el-menu>
</template>
<script>
import { useRouter } from "vue-router";
export default {
name: "LayoutAside"
name: "LayoutAside",
data()
{
return {
routers: null,
};
},
created()
{
this.routers = useRouter().options.routes;
console.log(this.routers);
}
};
</script>
<style scoped>
.el-menu {
border-right: none;
border-left: 5px solid #1d74b2;
/* border-left: 5px solid #1d74b2; */
overflow: auto;
}
</style>

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

@@ -2,22 +2,63 @@
* @Author: Kane
* @Date: 2023-01-04 11:39:04
* @LastEditors: Kane
* @LastEditTime: 2023-01-04 11:39:05
* @LastEditTime: 2023-01-05 16:17:43
* @FilePath: \admin_system\src\layout\components\Header.vue
* @Description:
*
* Copyright (c) ${2022} by Kane, All Rights Reserved.
-->
<template>
<div>Header</div>
<div class="app_banner">
<span class="company_name">CPIC</span>
<div class="version_div">
<div>测试版</div>
<div>3.6.7 x64 Build202208301257</div>
</div>
<div class="buttons_div"></div>
</div>
</template>
<script>
export default {
name: "LayoutHeader"
name: "AppBanner",
data()
{
return {};
},
// created() {
// console.log("banner请求数据！");
// },
mounted()
{
console.log("banner请求数据！");
},
};
</script>
<style scoped>
.app_banner {
background-color: var(--banner-background-color);
color: #fff;
display: flex;
justify-content: left;
align-items: center;
padding: 0px 15px;
height: 100%;
}
.app_banner>*+* {
margin-left: 10px;
}
.company_name {
font-size: 2rem;
}
.version_div {
font-size: 0.5rem;
}
.buttons_div {
margin-left: auto;
}
</style>