微程式用戶手冊
主頁
主頁
  • 入口設計

入口設計

功能簡介

入口是基於整合帶來集中統一的工作環境與入口,促進效率的提升,提供應用管理、待辦審批、資料分析、知識中心、外部連結等功能,聚合業務相關的訊息、功能、資料,形成業務處理資源池,實現連接人、應用、業務。

入口設計器支撐客戶不同場景(工作臺、應用首頁)的入口自定義需求,提供自定義組件樣式,通過所見即所得的方式設定入口,實現辦公入口的簡潔化,打造企業用戶全新的工作體驗。

設定路徑

【後臺管理】-【入口管理】

1719980850044-0485ce36-fc33-4281-ad8d-ddeb01793d1f.png

入口設定

使用場景

不同業務線有不同的入口,雲運平臺、雲造平臺分別給物流管理部、監造管理部使用查看

1706773571469-59e76e90-af6f-4384-940f-cfbe057477fd.png

1706773484855-5c0f85c9-1bf4-4375-a19e-2f3b7e9fbd5f.png

入口支持web端設計、行動端設計

web端入口設計

1、新增入口

新增雲造入口

1719980967417-a346b269-8e55-4b70-a620-8ff67522090f.png

新增完成後,在右側屬性中可修改主導引模式、設定瀏覽權限,按部門、角色、用戶做權限管控;運行時前臺僅顯示用戶有權限的入口

1719981047795-c7225f47-0828-482b-af87-a0757569b1b6.png入口支持複製新增

1720005354568-ef20b3f4-36d6-4f17-a5c1-98089c1d63dc.png

2、頁面設計

1、主導引模式:系統內有橫向主導引、縱向主導引、無主導引三種

  • 主導引可設計多級導引,新增可選擇同級導引、子級導引
  • 多級導引展示方式:支持內嵌、浮層展示

1719981186191-f64cda5b-d8c6-4421-bf49-deffee851b9c.png

  • 主導引支持設定權限,針對所選的人員、部門、角色展示導引項,爲空時都展示

1719981199951-becec26d-aad8-4a1b-95ce-cc7ba96c397b.png

  • 導引設定支持入口logo、及右側功能入口
    • 開啓入口logo,可上傳logo圖片
    • 右側功能入口,內置功能可勾選展示,也可新增自定義功能入口

1720003421132-edfd2d70-3cd9-43ec-90e6-7b67e9535c0a.png

1720003561056-2b006553-aac4-44b7-8743-7e15e3477711.png

2、入口設計支持組件

組件類型組件名稱使用場景示範圖
佈局組件容器適用於對頁面佈局進行管理的場景1680460068498-31b364df-c61f-4f33-82bb-71e483e283da.png
頁籤佈局適用於多個頁籤切換的佈局場景1680460083067-15530f02-4bf3-4659-8964-0ba6112050e9.png
網頁嵌入適用於在入口內嵌入展示指定連結頁面的場景。1706686562775-d6974240-9d92-497e-8e00-5591f1b97a86.png
導引組件橫向導引適用於放在頁面頂部,設定重要的導引菜單1680460099598-ced972e7-18f9-4c52-bd85-204d3459113c.png
縱向導引適用於放在頁面左側,設定重要的導引菜單1683513314882-17994894-c5c5-4e41-81a6-be2b070bc0ff.png
宮格導引適用於搭建應用、模型的快捷入口1680460110795-6098376b-6a43-407f-be94-913670cc7826.png
常用組件輪播圖適用於製作入口banner、以圖片形式傳達重要通知等1680459768996-aa90e8ab-568b-4221-8dfb-8eef152e6465.png
文本列表適用於展示通知、新聞、公告等內容1680459783762-b67bb8cc-f84e-4e28-9c6d-5157c8008d3c.png
多頁籤文本列表適用於展示通知、新聞、公告等,可分多個頁籤展示1680459898339-0b9261c9-05c1-49c8-b4ec-93d62a564cc5.png
圖表適用於在工作臺、首頁展示重要的統計圖表1680459917525-1a450d2d-0b6a-45b3-adbc-8e3fcb203010.png
業務組件我的待辦展示待辦、已辦等統計及待辦事項,包含預警、催辦事項等
可根據應用、模型過濾展示
1680460196659-a6c95c64-3d3c-4972-bd45-30947543670c.png
最近使用展示最近使用的表單或流程,可直接建立資料或發起流程1680460161900-d6e8d835-ddeb-40ae-b466-6673803e7de8.png
我的常用在前臺管理可選擇權限內的應用、業務模型、自定義菜單、儀表盤1680460135965-f5ad9c56-9ada-4dfd-9f8e-50cf4d9edd05.png
流程統計展示最近發起、處理的流程數統計1706686692347-9712f67d-b0f6-4043-9b01-99795d2213bb.png
我的草稿展示我的草稿資料1706686699207-310c8eb2-7291-4ee0-a541-94c001e9fdb5.png

設計區:拖動組件到設計區,選中組件後可在右側設定屬性

屬性區:設定組件的資料來源、背景、邊框、文字等樣式;組件屬性查看

操作區:可恢復預設入口、保存、發佈、預覽頁面,設計完成發佈後才能在前臺展示

3、頁面屬性

入口頁面支持設定背景色、背景圖片

1720005441402-1f399c4a-d2ba-4aee-b157-8f34c6465887.png

3、入口引用

入口下原有的自定義頁面統一展示在入口列表中,名稱爲”頁面名稱[入口名稱]“(版本8.0.2以上)

入口中可新增多個入口頁,並在導引中引用其他入口頁

  1. 建立一個入口頁爲“標準管理”並設計
  2. 在雲造入口的頁面設計中點擊導引,屬性中增加一個同級導引,修改名稱爲“標準管理”,並設定點擊時連結到入口頁“標準管理”頁
  3. 設定“標準管理”導引的權限,只有有權限的人才能看到此導引菜單並瀏覽

1719981400811-5cdf4957-83eb-4188-94cd-3deb4a39191c.png

入口設計完成後可預覽效果,發佈後纔可在前臺使用

4、入口運行

點擊右上角“入口首頁”按鈕,進入前臺入口

1719981505302-e44df0bd-f63b-40cb-931a-1b0772074d41.png

前臺顯示有權限的入口,切換選中“雲造入口”:

  • 工作臺中,可管理我的應用,查看待辦資料、查看最近使用的表單和流程、報表統計等

1719981596277-daede11a-b252-4878-ad61-e6bd863b4fb2.png

  • 點擊導引菜單“標準管理”,在目前頁面打開“標準管理”

1706775039658-001835c3-271c-4297-ba23-60902732f8c9.png

  • 若導引菜單關聯某個應用,且用戶對這個應用無查看權限,則此菜單在入口也不可見

點擊“工作臺”,回到工作臺頁面。

行動端入口設計

適用版本:8.0.2以上版本

1、新增入口

行動端入口新增支持:

  • 空白新增:從0到1新增
  • 基於Web端入口新增:選擇一個web端入口,將入口設計同步行動端,再進行調整;Web端特有的組件將不會同步(多頁籤文本列表、橫向導引、縱向導引、最近使用等)

1719986980786-5938a2ec-0b96-49ba-9605-5718b22d1d49.png

新增完成後,可在右側屬性中設定權限、修改主導引模式等

1719987178678-8b0923aa-18f6-4378-b620-a9257e8d0a65.png

2、設計頁面

1、主導引模式

主導引模式可選擇:底部、頂部、無;可自定義新增主導引

1720003843502-14c77e67-71ed-403d-b0ec-edef847fd240.png

行動端主導引不支持下級導引設定

2、行動端入口設計不支持“多頁籤文本列表、橫向導引、縱向導引”等組件,其他組件使用方式與wbe端一致

拖動組件到設計區,選中組件後可在右側設定屬性,組件屬性查看

行動端支持組件

組件類型組件名稱使用場景示範圖
佈局組件容器適用於對頁面佈局進行管理的場景1719989751861-fe772696-3415-4774-ac5d-8b1562eed153.png
頁籤佈局適用於多個頁籤切換的佈局場景1719989263149-0337f928-9e81-47d9-a2b7-65210dc90829.png
網頁嵌入適用於在入口內嵌入展示指定連結頁面的場景。1719989789640-d6b8433f-f6fc-4b49-a6f8-4ab83943bcf0.png
導引組件宮格導引適用於搭建應用、模型的快捷入口1719989243059-8a543d32-6e15-468a-9c5a-094605e610b6.png
常用組件輪播圖適用於製作入口banner、以圖片形式傳達重要通知等1719989229417-40fa6c5d-8b81-460e-a262-3afb46142299.png
文本列表適用於展示通知、新聞、公告等內容1719989199461-2a096c09-ea44-4412-96b7-b0b4a51c7342.png
圖表適用於在工作臺、首頁展示重要的統計圖表1719989179866-872f3be4-8688-483a-a6fa-06be2f1eceaa.png
業務組件我的待辦展示待辦、已辦等統計及待辦事項,包含預警、催辦事項等,可根據應用、模型過濾展示1719988954669-fc599bd9-ef64-4a08-8185-f64dc24abb28.png
我的圖表自定義設定我要查看的圖表1719989038917-57e6e41f-2e7c-4945-b0ed-200230999442.png1719989062122-1db94fba-d28b-475c-b315-5a8e99dbc68a.png
我的常用在前臺管理可選擇權限內的應用、業務模型、自定義菜單、儀表盤1719989086520-e279b1a1-f1c8-448c-bbec-278945bf0dd8.png1719989097971-43b59bfd-cd27-4755-b840-e49fc5e3fe44.png

3、頁面屬性

入口頁面支持設定背景色、背景圖片

1720005512852-53b97c92-be69-4c12-b9c0-09b29f6e4b9b.png

3、入口引用

入口中可新增多個入口頁,並在導引中引用其他入口頁

1720003979837-df2b2262-4990-47cb-80c3-9032fe48a5f4.png

入口設計完成後可預覽效果,發佈後在行動端可使用

4、入口運行

進入行動端入口,左上角切換有權限的入口

1720004043280-a362a5ab-1590-4884-8400-55c97ad4708a.png

主導引在頂部的入口展示效果

1720004118319-222e6c03-3897-4122-8a76-3705fd7f8d6b.png

更新: 2024-07-17 10:12:06
原文: https://www.yuque.com/skwme4/hyk0u0/le5gs6pzn2oam0cl