[{"id":"bcb0874d-299b-448e-9552-9e9b25ef80dd","tags":[{"product":null,"links":null,"id":"ba7e818e-4f6b-4211-b1ac-58e3bafcf439","name":"\u66F4\u65B0","color":"orange","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"8ce3627e-9e58-471b-9133-4f135d191e7b","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"ae60ae59-34f5-4f32-a8eb-243ed1457543","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3d4848c3-910f-4ffa-9153-60bb507334a9","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"133f4ca6-d951-4d65-a618-3dc6301266f7","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"de62ec1c-813e-40b1-8160-a4cd109afe64","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2426c71d-8332-4cbd-a436-1ec4f8666464","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2ce7b6b0-78aa-4e4b-bf8a-e4ba2f988298","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"4706db46-0811-4652-8f59-1e0a1da84758","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"8f1271bb-2cd9-4f39-9897-c15b239ee7ab","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"677e13a7-6f3e-449f-986c-2c3a26f8d54f","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"5e40f6dc-caec-49d7-a1d0-be65f06815ba","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2457f0e0-9e71-4860-a87d-065e0fb84f84","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5c67fd0-1145-482c-9113-97b492c44c18","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"a609a8fa-ab91-4c1d-a1c3-d209d0463303","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"b4a9eb15-94e5-48df-b218-a24138f0cf9c","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
        
(Showing Draft Content)

移动端仪表板

功能概述

系统在移动端具备完全自适应的能力,自动以磁贴样式显示门户目录,符合手机触摸式操作模式。

image image

仪表板默认进行自适应流式布局显示,一般情况下无需专门设计移动端使用的仪表板,如果有自定义需求,请继续查看本页内容。

image2020-1-9_16-15-21.png

自定义移动端布局

如果未对移动端的仪表板内容做自定义布局,在移动端将以自动布局的方式来展示仪表板的内容。

如果您对移动端展示的内容有自定义的需求,单击设计器右下角的image2018-6-27_11-29-57.png,即可进入移动端展示编辑页面,在手机模拟器中修改布局及展示内容。

image

默认情况下,组件为流式布局。

image

想要保持原来的布局,可在属性设置中修改显示适配页面宽度适配

image

type=info

提示

组和容器在流式布局时也会保持原有布局,不会被拆分开。

默认适配时,通过拖拽可以调整各组件之间的顺序以及调整各组件的大小。在右侧的属性设置中可以修改组件的名称,直接输入组件的位置、宽度和高度。同时支持使用键盘上下箭头调整组件位置。

image

单击组件的隐藏按钮可将组件隐藏,被隐藏的组件会出现在右侧的页面隐藏图表中。您也可以将被隐藏的组件重新拖拽至手机模拟器中。

组或容器同样支持隐藏操作,可将整个组或容器直接隐藏或拖拽回来。

image

单击选中组后,再次单击可选中组中的单个组件。此时可将组中的单个组件隐藏。被隐藏的组件显示在组隐藏图表中,只有在选中这个组的时候才可以查看到。

image

容器中的组件,可以直接选中进行隐藏。被隐藏的组件显示在容器隐藏图表中,只有在选中这个容器时才可以查看到。

image

单击右下角的各功能按钮可以开启或关闭网格/重叠功能/对齐功能/返回大屏。

image

单击左上角的重置按钮进行重置,回到最初的状态。

image

设计完成后单击上方的保存按钮保存更改,或单击右下角的image2018-6-27_11-43-51.png,返回大屏继续编辑页面。

image

控制文档是否在移动端显示

实际应用中有一些仪表板或报表布局过于复杂或者不适合在移动端展示,这个时候我们可以单独将其设置为在移动端隐藏。

在门户网站找到需要设置的文档进行预览。然后单击基本信息按钮。

image

在基本信息中找到移动端显示选项,单击开关按钮来控制该文档是否在移动端显示。

image2021-6-5_15-38-43.png