# 页面设置：自定义页面

来源快照：`result_data_new_260518.json`

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

## 正文

********1.  场景说明********

对于一些页面，前端普通用户可以进行一些自定义的设置，比如增加一些组件，调整某些已有组件的位置或者隐藏一些组件等，从而满足不同用户对于看板的需求，实现千人千面的效果。

效果如下图所示：  


![](https://weapp.eteams.cn/papi/file/preview?fileId=1157708494857011238&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.  ******功****** 能简介********

上述场景可以使用页面自定义来实现。当后台关闭了页面锁定功能后，此时前端用户可以使用页面自定义功能，页面自定义功能支持普通用户对于后台未锁定的组件进行位置的调整，以及新增非图表等数据组件等操作。也可以进行页面重置，恢复至未自定义前的页面。

注意：

1\. 被后台锁定的组件，普通用户不可以进行任何调整；

2\. 未被后台锁定的组件，普通用户仅可以调整位置大小以及隐藏组件的操作；

3\. 而对于普通用户自己新增的非图表等数据组件，支持属性，样式设置，以及当前新增组件的复制和删除功能；  


4\. 当管理员在后台对页面的组件进行了增删调整后，未避免布局错乱，前端会自动展示最新布局，并给出相关恢复提示。

********  
********

********3\. 操作说明********      

1\. 当后台关闭了页面锁定功能后，前端普通用户即可使用页面自定义功能。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157708499249815560&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\. 页面解锁后，页面设计器的组件下标出现“是否锁定”按钮：

锁定后该组件右上角出现锁定标识

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157708499249815583&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=1157708503368622089&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\. 点击自定义当前页面按钮，打开自定义页面设计面板。左侧可以进行组件大纲和元素大纲的切换。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157708503547609123&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\. 组件大纲用于新增非图表等数据组件，并进行组件属性，样式的设计等操作。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157708516423237661&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=1157708524913393679&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)

  


6\. 在页面上直接选中未锁定的系统组件可直接进行大小、位置的调整以及组件的隐藏。  


![](https://weapp.eteams.cn/papi/file/preview?fileId=1157708529225138219&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)

  


7\. 在页面上选中普通用户自己新增的自定义组件，可以对该组件进行复制和删除操作。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157708533661827088&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)

  


8\. 当普通用户自定义过页面时，若后台新增或者删除了原有的系统组件后，前端会自动展示最新布局。此时点击自定义页面，系统给出提示，可通过点击按钮恢复自定义布局。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157708533500502044&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)

  


9\. 重置页面后，页面恢复至最初的系统页面，如下。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157708537862578201&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)
