| | |
|---|
| | | <template> |
|---|
| | | <el-container style="flex: 1;"> |
|---|
| | | <el-container style="flex: 1;height:100%;"> |
|---|
| | | <div style="width: 200px;background-color: #222f3e" :style="{width: isCollapse?'70px':'250px'}"> |
|---|
| | | <el-aside :width="isCollapse?'70px':'250px'"> |
|---|
| | | <el-col :gutter="20"> |
|---|
| | |
|---|
| | | background-color="#222f3e" text-color="#fff" active-text-color="#ffd04b" |
|---|
| | | :collapse="isCollapse" :unique-opened="true" |
|---|
| | | :collapse-transition="false" :router="true"> |
|---|
| | | <el-menu-item index="/" @click="goToHome"> |
|---|
| | | <!-- <el-menu-item index="/" @click="goToHome"> |
|---|
| | | <template slot="title"> |
|---|
| | | <!--图标--> |
|---|
| | | |
|---|
| | | <i class="el-icon-menu"></i> |
|---|
| | | <!--文本--> |
|---|
| | | |
|---|
| | | <span>{{ $t('home') }}</span> |
|---|
| | | </template> |
|---|
| | | </el-menu-item> |
|---|
| | | </el-menu-item> --> |
|---|
| | | <!--一级菜单--> |
|---|
| | | <el-submenu :index="item.id.toString()" v-for="item in menuList" :key="item.id"> |
|---|
| | | <!--一级菜单模板区域--> |
|---|
| | |
|---|
| | | '权限列表': 'PermissionList', |
|---|
| | | '角色管理': 'RoleManagement', |
|---|
| | | '角色列表': 'RoleList', |
|---|
| | | '电气管理': 'Electrical management' |
|---|
| | | '电气管理': 'Electrical management', |
|---|
| | | '主页': 'Home' |
|---|
| | | // 根据实际需求继续添加对照关系 |
|---|
| | | }; |
|---|
| | | |
|---|
