前端页面元素隐藏
观远数据精美的仪表板页面经常需要跟客户已有的系统做内嵌集成，但是基于不同的内嵌场景，需要隐藏页面上的特定元素，如Logo、导航条、卡片按钮等。 观远数据提供默认的几类隐藏模式（详见此处说明），同时也提供进一步更精细化的隐藏机制，可以按需选择对应的元素，组装特定的隐藏模式（Private Setting）。
开放能力概述
观远数据支持以下9大类约 50+可配置项。 大类包括：
-
导航区
-
仪表板
-
仪表板卡片
-
卡片详情页
-
卡片编辑页
-
ETL编辑页
-
数据大屏页面
-
仪表板页面（移动端）
支持隐藏的模块与元素列表：
| 功能位置 | 功能选项描述 | 功能选项唯一名称 | 隐藏方式 |
| 全局 | 应用头部 | app_header | js |
| 应用头部-右侧操作区 | app_toolbar | css | |
| 页面左侧列表 | page_nav | js | |
| 页面头部 | page_header | css | |
| 仪表板页面 | 页面头部-标题栏 | page_header_titleBar | js |
| 页面头部-筛选栏（含按钮） | page_header_filterBar | js | |
| 页面头部-页面标题 | page_title | css | |
| 页面头部-桌面端/移动端布局 | page_operation_layout_switch | js | |
| 页面头部-发布 | page_operation_publish | js | |
| 页面头部-快捷查询 | page_header_book | css | |
| 页面头部-筛选栏展开收起按钮 | page_header_filter | js | |
| 页面头部-右侧操作栏-权限管理 | page_operation_auth | js | |
| 页面头部-右侧操作栏-数据集 | page_operation_datasets | js | |
| 页面头部-右侧操作栏-查看资源血缘 | page_operation_lineage | js | |
| 页面头部-右侧操作栏-实时数据 | page_operation_auto_update | js | |
| 页面头部-右侧操作栏-页面订阅 | page_operation_subscription | js | |
| 页面头部-右侧操作栏-批量导出PDF/导出为PDF/导出图片/导出视图 | page_operation_export | js | |
| 页面头部-右侧操作栏-投屏/投屏设置 | page_operation_cast | js | |
| 仪表板卡片 | 页面-卡片头部-联动钻取转跳 | card_header_link_drill_goto | js |
| 页面-卡片头部-被联动条件 | card_header_filter | js | |
| 页面-卡片头部-卡片信息 | card_header_info | js | |
| 页面-卡片头部-编辑（iframe卡片） | card_header_editIframe | js | |
| 页面-卡片头部-编辑（image卡片） | card_header_editImage | js | |
| 页面-卡片头部-编辑（text卡片） | card_header_editText | js | |
| 页面-卡片头部-放大 | card_header_magnify | js | |
| 页面-卡片头部-调整列宽 | card_header_resize | js | |
| 页面-卡片头部-显示数据 | card_header_toGrid | js | |
| 页面-卡片头部-显示图表 | card_header_toGraph | js | |
| 页面-卡片头部-格式刷 | card_header_formatPainter | js | |
| 页面-卡片头部操作栏-前往详情 | card_operation_detail | js | |
| 页面-卡片头部操作栏-跳转 | card_operation_jump | js | |
| 页面-卡片头部操作栏-导出 | card_operation_exportFile | js | |
| 页面-卡片头部操作栏-预警 | card_operation_alert | js | |
| 页面-卡片头部操作栏-创建订阅 | card_operation_subscription | js | |
| 页面-卡片头部操作栏-管理订阅 | card_operation_manageSubscription | js | |
| 页面-卡片头部操作栏-查看查询语句 | card_operation_script | js | |
| 页面-卡片头部操作栏-另存为 | card_operation_save_as | js | |
| 页面-卡片头部操作栏-移动 | card_operation_move | js | |
| 页面-卡片头部操作栏-联动 | card_operation_cardLink | js | |
| 卡片详情页 | 卡片详情-头部 | card_view_header | css |
| 卡片详情-底部 | card_view_footer | css | |
| 卡片详情-操作栏-管理订阅 | card_view_manageSubscription | js | |
| 卡片详情-操作栏-创建订阅 | card_view_subscription | js | |
| 卡片详情-操作栏-另存为 | card_view_save_as | js | |
| 卡片详情-操作栏-预警 | card_view_alert | js | |
| 卡片编辑 | 卡片编辑-数据集预览跳转 | card_edit_datasets | js |
| 卡片编辑-权限管理 | card_edit_auth | css | |
| 卡片编辑-面包屑 | card_edit_breadcrumb | css | |
| 卡片编辑-表格卡片的反馈填报 | card_edit_feedback | js | |
| ETL编辑 | ETL编辑-头部-所在目录及点击事件隐藏 | etl_edit_hidden_catalogs | js |
| ETL编辑-头部-更新设置 | etl_edit_update_settings | css | |
| ETL编辑-头部-保存并退出 | etl_edit_save_and_exit | js | |
| ETL编辑-头部-保存运行并退出 | etl_edit_save_and_run_then_exit | js | |
| ETL编辑-头部-另存为 | etl_edit_save_as | js | |
| ETL编辑-头部-取消 | etl_edit_cancel | js | |
| 数据大屏 | 页面头部-标题 | screen_title | js |
| 页面头部-操作栏（三个点的图标） | screen_operation | js | |
| 页面头部-操作栏-权限管理 | screen_operation_auth | js | |
| 页面头部-操作栏-实时数据 | screen_operation_auto_update | js | |
| 页面头部-操作栏-数据集 | screen_operation_datasets | js | |
| 页面头部-操作栏-查看资源血缘 | screen_operation_lineage | js | |
| 编辑页-未显示的卡片-从仪表板复制卡片 | screen_edit_cardPool_copyFromDashboard | js | |
| 编辑页-卡片-操作栏-编辑 | screen_edit_operation_edit | js | |
| 编辑页-卡片-操作栏-联动 | screen_edit_operation_cardLink | js | |
| 编辑页-卡片-操作栏-钻取 | screen_edit_operation_drill | js | |
| 编辑页-卡片-操作栏-转跳 | screen_edit_operation_jump | js | |
| 编辑页-卡片-操作栏-移动 | screen_edit_operation_move | js | |
| 编辑页-卡片-操作栏-另存为(包括未显示卡片的另存为) | screen_edit_operation_saveAs | js | |
| 编辑页-卡片-操作栏-移除 | screen_edit_operation_remove | js | |
| 移动端页面 | 移动端页面-卡片头部（全部隐藏） | mobile_card_header | js |
| 移动端页面-卡片头部-锁定 | mobile_card_header_lock | js | |
| 移动端页面-卡片头部-卡片提示 | mobile_card_header_hint | js | |
| 移动端页面-卡片头部-被联动条件 | mobile_card_header_filter | js | |
| 移动端页面-卡片头部-放大 | mobile_card_header_magnify | js | |
| 移动端页面-卡片头部-联动钻取转跳 | mobile_card_header_link_drill_goto | js |
- 全局：app_header、page_nav、page_header如下图所示
- 仪表板页面：page_header_titleBar、page_header_filterBar、page_header、page_operation如下图所示
- 仪表板卡片：card_operation如下图所示
使用方式
步骤一：确认需求
确认需要隐藏的元素，梳理这些元素对应的英文标识字符串，多个元素标识之间以英文逗号分割，如app_header,page_operation_auth
步骤二：修改配置，新增隐藏模式
guandata-web-configmap.yaml文件
guandata-web-controller.yaml文件
这两个文件的默认路径是/home/guandata/Development/guandata-web/
cd /home/guandata/Development/guandata-web/
ls
# 就能看到要改的文件了
vim 对应的文件（可编辑上面提到的.yaml文件）
#修改文件内容
编辑 guandata-web-configmap.yaml文件，新增如下内容
ps_xxx.js: |
/* eslint-disable no-var */
var privateSetting = {
customHiddenKeys: "app_header,page_operation_auth"
};
/* eslint-enable no-var */
module.exports = privateSetting;
其中 ps_xxx 支持自定义，标识特定的一种隐藏策略；customHiddenKeys 对应的值即为步骤一梳理的字符串。
步骤三：修改文件，挂载隐藏模式对应的js
编辑 guandata-web-controller.yaml文件，新增如下内容
- key: ps_xxx.js
path: private-settings/ps_xxx.js
注意此处的ps_xxx 需要与步骤二中定义的完全一样。
全部配置完成后，重新启动Web Server。
#生效配置
cd /home/guandata/Development/guandata-web/
kubectl apply -f guandata-nginx-configmap.yaml
kubectl apply -f guandata-web-configmap.yaml
kubectl apply -f guandata-web-controller.yaml
## 重启服务（上面2个文件是前端web文件，需要重启前端web服务，重启会影响几分钟前端页面的访问）
kubectl delete pod -l app=guandata-web
步骤四：测试验证
在观远BI访问地址中添加 ?ps=ps_xxx 参数，如果已经包含了 ? 字符，则添加 &ps=ps_xxx 字符串。
如需帮助，请联系观远数据支持团队。