# 页面组件：导航面板-页面跳转

来源快照：`result_data_new_260518.json`

- 来源 ID：`1967625348594770941`
- 模块：低代码平台e-builder
- 目录：专题学习 - 功能点专题 - 页面图表
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

# 1\. 场景说明

  


服务大厅页面中，可在办事服务区域选择不同服务类型，如：IT服务、学生处、保卫处、财务处等；在相关区域页面，通过点击菜单项进入审批流程表单。

展示效果如下：![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709371128176657&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

#   


# 2\. 功能简介

  


通过导航面板配置连接多个页面，达到按照大类别与子类别跳转相关表单流程审批页。  


#   


# 3\. 操作说明

  


1.设置服务大厅页面，左侧区域拖入导航面板添加一个全部办事服务菜单项，右侧区域拖入导航面板添加所有办事服务的菜单项，并配置链接到各表单的新建布局。![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709375325306883&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709375325306904&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

  


2.设置IT服务页面。

（1）复制设置好的服务大厅页面，复制页面名称为输入IT服务。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709379743277074&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709379644555313&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)（2）左侧区域导航面板添加IT服务菜单项，全部办事服务菜单项链接到刚刚设计好的服务大厅页面；右侧区域添加IT服务的菜单项，并配置链接到各表单的新建布局。![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709379566379061&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709383872413703&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

  


3.设置学生处页面。

（1）复制设置好的IT服务页面，复制页面名称为输入学生处。![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709383932018709&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709383932018719&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)（2）左侧区域导航面板添加学生处菜单项，全部办事服务菜单项链接到刚刚设计好的服务大厅页面，IT服务菜单项链接到刚刚设计好的IT服务页面；右侧区域添加学生处的菜单项，并配置链接到各表单的新建布局。![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709388123496456&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709388369592365&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

  


4.设置完成服务大厅、IT服务、学生处页面后，回到这些已设计好的页面，如：服务大厅页面，为左侧区域导航面板添加IT服务与学生处菜单项，并链接到相应的页面；其他页面同样配置好新增的菜单项与链接。![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709392660996116&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709396740538371&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

  


5.按照上述步骤重复搭建完成剩余页面。![](https://weapp.eteams.cn/papi/file/preview?fileId=1157709396897243150&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)
