分享
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
</span>
<el-dropdown>
<!-- <div class="school"></div> -->
<i class="el-icon-setting" style="margin-right: 15px;"></i>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item><el-button type="text" @click="open"
icon=“el-icon-s-custom”>管理员信息
<el-button type=“text” @click=“open”
icon=“el-icon-s-grid”>楼层信息汇总
<el-button type=“text” @click=“open”
icon=“el-icon-switch-button”>安全退出
{{account}}
<!-- 🪂侧边栏-->
<!--左边栏-->
<el-container>
<el-aside width="240px" style="background-color: white">
<el-menu :default-openeds="['1', '5']" router>
<el-submenu index="1">
<template slot="title"> <el-button type="success" icon="el-icon-user"
style=“width: 132px;”>学生管理
学生信息
<el-submenu index="2">
<template slot="title" class="title\_left"><el-button type="success"
icon=“el-icon-office-building”>楼栋管理
<el-menu-item-group>
<template slot="title">女生公寓</template>
<el-menu-item index="1-1"><el-button type="danger" plain
style=“width: 98px;”>9号楼
10号楼
<el-menu-item-group title="男生公寓">
<el-menu-item index="1-3"><el-button type="danger" plain
style=“width: 98px;”>13号A栋
13号B栋
</el-submenu>
<el-submenu index="3">
<template slot="title"> <el-button type="success" icon="el-icon-s-home"
style=“width: 132px;”>宿舍管理
晚签情况
卫生评估
考勤管理
学生管理
</el-submenu>
<el-submenu index="4">
<template slot="title"> <el-button type="success" icon="el-icon-s-custom"
style=“width: 132px;”>管理员管理
晚签情况
卫生评估
考勤管理
学生管理
</el-submenu>
<el-submenu index="5">
<template slot="title"> <el-button type="success" icon="el-icon-setting"
style=“width: 132px;”>设置
问题上报反馈
学生问题
楼管问题
<el-menu-item-group>
<template slot="title"></template>
<el-menu-item ><el-button type="text" @click="open"
icon=“el-icon-switch-button”>安全退出
</el-submenu>
</el-menu>
</el-aside>
<img src="https://pic.baike.soso.com/ugc/baikepic2/16827/20171227225852-88762951\_jpg\_300\_300\_19329.jpg/300"
alt=“Your Image”>
<!--中间部分-->
<el-main >
展示信息
</el-main>
</el-container>
</el-container>
</div>