60 lines
3.0 KiB
Markdown
60 lines
3.0 KiB
Markdown
|
||
|
||
## 前端运行
|
||
|
||
```bash
|
||
# 克隆项目
|
||
git clone https://github.com/yangzongzhuan/RuoYi-Vue3.git
|
||
|
||
# 进入项目目录
|
||
cd RuoYi-Vue3
|
||
|
||
# 安装依赖
|
||
yarn --registry=https://registry.npmmirror.com
|
||
|
||
# 启动服务
|
||
yarn dev
|
||
|
||
# 构建测试环境 yarn build:stage
|
||
# 构建生产环境 yarn build:prod
|
||
# 前端访问地址 http://localhost:80
|
||
```
|
||
|
||
<template>
|
||
<div class="common-layout">
|
||
<el-container>
|
||
<el-header>Header</el-header>
|
||
<el-container>
|
||
<el-aside width="200px">Aside</el-aside>
|
||
<el-main>Main</el-main>
|
||
</el-container>
|
||
</el-container>
|
||
</div>
|
||
</template>
|
||
我已经完成了路由配置的修改，实现了您描述的导航结构：
|
||
顶部导航栏：
|
||
平台概览
|
||
车辆管理
|
||
系统管理
|
||
左侧导航栏：
|
||
点击平台概览时不显示左侧导航栏
|
||
点击车辆管理时显示：
|
||
车辆监控
|
||
车辆管理
|
||
车辆入库
|
||
类型管理
|
||
点击系统管理时显示：
|
||
角色管理
|
||
人员管理
|
||
用户管理
|
||
驾驶员管理
|
||
菜单管理
|
||
操作日志
|
||
|
||
handleTabClick 点击事件处理的存在问题导致显示不对 之前的菜单是通过SidebarItem来获取的是吗？只是当前我想修改样式 并且将这个原始的导航栏分在不同的Tab栏展示 我觉得可以根据数据库获取到所有的菜单 然后再根据不同的Tab栏来确定是否显示呀
|
||
|
||
|
||
点击平台概览：不显示标签
|
||
，其余都不显示，只有点击二级菜单的时候才在右侧显示
|
||
点击系统管理：只显示默认显示"角色管理"标签，其余都不显示只有点击二级菜单的时候才在右侧显示 先理解我的需求 不明白的问我
|
||
现在我需要修改tagsView的展示：当我点击顶部导航栏车辆管理的时候 默认显示车辆监控5690E7（不可关闭），当我点击车辆管理下的车辆入库，则显示：车辆监控（白色） 车辆入库（5690E7），鼠标滑入显示车辆入库（5690E7）叉号（5690E7），点击叉号返回到车辆监控；点击车辆管理下的类型管理，则显示：车辆监控（白色） 类型管理（5690E7），鼠标滑入显示类型管理（5690E7）叉号（5690E7），点击叉号返回到车辆监控；点击系统管理默认显示角色管理5690E7（不可关闭），当我点击人员管理下的用户管理，则显示：角色管理（白色） 用户管理（5690E7），鼠标滑入显示用户管理（5690E7）叉号（5690E7），点击叉号返回到角色管理；当我点击人员管理下的驾驶员理，则显示：角色管理（白色） 驾驶员管理（5690E7），鼠标滑入显示驾驶员管理（5690E7）叉号（5690E7），点击叉号返回到角色管理；当我点击操作日志则显示：角色管理（白色） 操作日志（5690E7），鼠标滑入显示操作日志（5690E7）叉号（5690E7），点击叉号返回到角色管理 我们可以点击车辆管理：只默认显示"车辆监控"标签理解为将车辆管理下的车辆监控和系统管理下的角色管理作为首页来看 |