跳轉至

元件庫

介紹

本手冊詳細介紹了輕應用中可用的各類元件,旨在幫助使用者理解每個元件的功能、使用場景及配置要點。

bE80faGm

基礎元件

工作項檢視

它不僅能展示資料,更提供了多種檢視模式(表格、看板、甘特圖等)和自定義配置功能。它的主要目的是幫助你靈活地展示和操作專案資料。

fRUBDDLA

  • 適用場景
  • LTC (線索到現金): 在銷售主頁中,用於展示商機列表、跟進記錄等,銷售人員可以快速檢視和更新商機狀態。
  • IPD (整合產品開發): 在迭代管理中,用於展示需求列表、缺陷列表等,方便專案經理和開發人員跟蹤工作項進度。
  • 通用專案管理: 用於展示專案任務列表、里程碑等,幫助團隊成員瞭解專案全貌。
  • 配置引數
  • 標題: 設定檢視的名稱。
  • 資料來源: 選擇檢視所展示的工作項型別,如需求、任務或缺陷,或者檢視、例項。
  • 篩選: 根據工作項的欄位進行篩選,只顯示你關注的資料。
  • 排序、分組:根據工作項欄位進行排序、分組。
  • 檢視展示:配置表格檢視列、看板、樹形等設定。
  • 預設檢視模式: 設定檢視預設以表格、看板、甘特圖、樹形模式顯示。
  • 檢視展示: 自定義表格的列和看板的欄位,確保檢視只展示你需要的資訊。

a61ef8eaf-3268-4e49-987d-159a805fe6ec

工作項選擇器

工作項選擇器是一個下拉選擇元件,其主要功能是聯動更新頁面內容。當使用者從下拉選單中選擇一個工作項(如迭代、需求或任務)後,頁面上所有引用了該選擇器資料的元件都會立即重新整理,顯示與所選工作項相關的資訊。 例如,在迭代管理儀表盤的頂部,在迭代主頁中,你可以透過選擇器選擇不同的迭代,右側會自動顯示該迭代對應的需求檢視。

HihWX7pu

適用場景 1. 迭代管理儀表盤

  • 場景: 在迭代主頁中,將工作項選擇器配置為以迭代為資料來源。
  • 互動: 專案經理透過選擇器選擇一個特定的迭代,右側的需求檢視、進度條和工作項卡片等元件都會自動更新,只顯示與該迭代相關的資料,從而實現對單個迭代的精細化管理。 2. IPD (整合產品開發)

  • 場景: 在 IPD 流程的迭代管理頁面,透過選擇器來篩選出特定迭代下的所有需求、缺陷等,以便專案團隊集中處理當前迭代的工作內容。 3. 版本管理

  • 場景: 在版本管理頁面,你可以將選擇器的資料來源設定為版本。

  • 互動: 使用者選擇一個版本號(如 V1.2),頁面上的其他元件就會展示該版本釋出的所有功能、缺陷修復和相關文件,方便使用者進行版本回顧和審計。
  • 配置引數: 為了滿足不同的應用場景,該元件提供了以下可配置選項:

  • 標題: 用於自定義元件的名稱,例如“選擇迭代”、“選擇版本”等,讓使用者一目瞭然。

  • 資料來源: 決定了選擇器中可供選擇的項是什麼。你可以指定為迭代、需求、版本等型別的工作項。
  • 篩選: 允許你設定篩選規則,例如“只顯示進行中的迭代”或“只顯示高優先順序需求”,這能幫助使用者快速找到目標工作項。
  • 排序: 你可以自定義工作項在下拉選單中的排列順序,例如按建立時間、截止日期或名稱進行排序。

8U8Sv17k

與其他元件的聯動 工作項選擇器的核心價值在於其資料共享能力。它作為一個資料來源,可以被其他元件引用,實現跨元件的聯動。

  • 工作項卡片引用: 當使用者在選擇器中選擇一個迭代時,工作項卡片可以引用該迭代的資料,展示該迭代的詳情,包括迭代的名稱、業務線和優先順序等。

N3nggvFA

  • 工作項檢視引用: 可以引用選擇器的資料,自動篩選並顯示符合所選工作項條件的關聯資料,展示該迭代下的所有需求卡片,包括需求的名稱、負責人和狀態等。

OAJuil6d

  • 進度條引用: 進度條元件可以進一步引用上述工作項檢視的資料,實時顯示所選迭代的需求完成進度,幫助專案經理一目瞭然地掌握專案狀態。

Ct87d637

檢視列表

檢視列表是一個用於快速導航和切換檢視的元件。它將一個專案空間下的所有檢視以列表形式展示出來,使用者只需點選列表中的檢視名稱,即可快速切換到對應的檢視頁面。

a520bb810-81c9-4eed-b4fc-616f4f00a780

  • 適用場景
  • 通用專案管理: 在專案主頁,可以展示該專案下的所有核心檢視,如“我的任務”、“未關閉的需求”等,方便使用者快速導航。
  • 資源庫: 在資源庫頁面,可以展示不同型別的資源檢視列表。
  • 配置引數
  • 標題: 設定元件的名稱,例如“專案檢視”、“常用檢視”等。
  • 資料來源: 選擇檢視所展示的工作項型別,例如“需求”、“任務”、“文件”等,確保列表顯示的是相關檢視。

rMaPwdQi

引用檢視

嵌入一個已存在的檢視到當前頁面。它不提供建立新檢視的功能,而是讓你在不切換頁面的情況下,跨專案或跨團隊監控展示資料。 需要注意的是,你所做的本地修改(未儲存的更改)會立即反映在你的功能主頁上,給你一個所見即所得的預覽體驗。

Xyktw7P8

EUulG7lu

  • 適用場景
  • 管理者駕駛艙: 管理者可以利用這個元件,在自己的工作臺或儀表盤上嵌入多個關鍵專案的核心檢視,如“高風險需求檢視”或“本週任務完成情況”。這能讓他們在一個頁面上實時監控所有核心專案的進展,做出更快的決策。
  • 跨團隊協作: 如果你的團隊工作依賴於另一個團隊的交付,你可以直接在自己的專案頁面嵌入對方團隊的“交付物檢視”或“任務看板”。這能幫助你實時檢視對方的進度,提前做好準備,確保協作順暢。
  • 配置引數
  • 選擇檢視: 你可以透過檢視名稱快速搜尋並選擇要嵌入的檢視。
  • 全屏與配置: 點選檢視右上角的全屏按鈕,你可以進入檢視的配置頁面,進行詳細的設定,確保檢視完全符合你的需求。

1fFmG2F5

人員排期檢視

人員排期檢視可以清晰地展示團隊成員在特定時間段內的工作排期和資源佔用情況。這個檢視能幫助專案經理和團隊負責人有效地進行資源分配和協調,確保專案按時交付。

xOAhSm1f

適用場景

  • 軟體研發:專案經理在進行迭代規劃時,開啟人員排期檢視,檢視每個開發人員在接下來兩週的排期情況,將新的需求拖拽到空閒的時間段進行排期。
  • 遊戲開發: 在規劃版本內容時,用於檢視美術、策劃等不同角色的排期,確保版本能按時交付。
  • 資源管理: 用於檢視整個部門或團隊的人員飽和度,進行人力規劃。
  • 配置引數
  • 選擇檢視: 你可以透過檢視名稱來搜尋和選擇要配置的人員排期檢視。
  • 全屏與配置: 點選檢視右上角的全屏按鈕,你可以進入詳細的設定頁面,配置排期的具體引數,確保檢視符合你的管理需求。

sEuCOGXJ

工作項列表

一個輕量且基礎的列表元件。它只以列表形式縱向展示工作項的摘要資訊,側重於快速瀏覽和聚焦。

ohmFiZ5o

  • 適用場景
  • 個人工作臺: 在個人工作臺頁面,用於展示“我的待辦”、“我建立的”、“最近更新”等工作項列表。
  • 缺陷管理: 在缺陷管理頁面,用於展示不同狀態的缺陷列表,如“待處理”、“處理中”、“已解決”等。
  • 配置引數
  • 標題: 設定元件的名稱,例如“我的待辦”、“待處理的缺陷”。
  • 資料來源: 選擇列表所展示的工作項型別,如任務、需求、缺陷等。
  • 頁籤: 你可以根據需要新建或修改頁籤,併為每個頁籤配置不同的篩選條件,實現對工作項的精細化分類。

Z0qx6Una

工作項卡片

工作項卡片以卡片形式集中展示單個工作項的核心資訊。

DmbqNz6O

  • 適用場景
  • 整車製造: 在整車研發專案主頁上,你可以為每個核心車型建立一個工作項卡片。卡片上可以展示車型圖片、當前所處的研發階段、整體進度條等資訊,從而形成一個直觀的車型矩陣。
  • LTC (線索到現金): 在銷售管理主頁上,你可以使用工作項卡片來展示重點商機。卡片上可以突出顯示商機金額、預計成交日期和銷售負責人,幫助銷售團隊快速聚焦高價值商機。
  • 迭代管理: 在迭代儀表盤中,你可以用工作項卡片來展示核心資訊。卡片上可以顯示該迭代下的需求完成進度,讓專案經理清晰地掌握關鍵任務的進展。
  • 配置引數
  • 工作項例項: 配置你要展示的單個工作項。它支援跨專案空間的資料引用,讓你可以在一個頁面上展示來自不同專案的工作項。
  • 顯示工作項資訊: 你可以自由選擇在卡片上顯示哪些欄位和元素,確保卡片內容簡潔且重點突出。

luo9HJQ5

資源庫檢視列表

資源庫檢視列表是一個專門用於展示資源庫中檢視的元件。它將資源庫中不同分類的檢視以列表形式呈現,為使用者提供一個清晰、集中的導航入口,讓他們能快速定位和訪問所需的資源。

a2fb76cf3-d585-4c4b-a059-a92f2af3acbd

  • 適用場景
  • 遊戲開發: 在遊戲美術團隊的主頁上,可以使用該元件來展示不同的資源庫檢視,如“角色原畫庫”、“場景模型庫”和“特效資源庫”等。美術師和設計師可以快速進入各自負責的資源庫進行工作。
  • 知識管理: 在知識庫首頁,你可以使用該元件來展示不同分類的知識文件檢視,例如“產品手冊”、“開發文件”和“市場資料”。這能幫助團隊成員快速找到所需的知識資訊。
  • 配置引數
  • 標題: 設定元件的名稱,例如“美術資源檢視”、“產品知識庫”等,使其與內容相符。
  • 資料來源: 選擇要展示的資源庫,確保元件能正確引用其下的所有檢視。

ad30deb1c-655e-4cd6-b726-640c5bf3cea8

工作項資源庫

該元件用於直接在頁面上嵌入一個資源庫檢視,通常用於展示圖片、檔案等資源。

ab69c97f3-0c5d-4afb-8637-40ceefe943a2

  • 適用場景
  • 遊戲開發: 在一個遊戲角色的設計文件頁面中,你可以使用資源庫檢視元件,嵌入該角色的所有設計稿和最終原畫。這使得設計師和美術師能夠在一個頁面上方便地檢視所有相關資源,確保設計的一致性。
  • 市場營銷: 在營銷活動管理頁面,你可以嵌入一個資源庫檢視,用於展示活動相關的宣傳海報、影片素材和文案檔案。這能幫助團隊成員快速找到並下載所需的物料,提高協作效率。
  • 配置引數
  • 標題: 設定元件的名稱,例如“角色設計稿”、“營銷物料庫”等。
  • 資料來源: 選擇要嵌入的資源庫,確保元件能正確展示其下的所有資源。

a6a7ceef3-590e-4239-8270-15288d25c53b

圖表

引用圖表

圖表元件透過多種視覺化方式,幫助使用者更直觀地理解資料和趨勢。

ooKb6q2T

  • 配置引數
  • 選擇圖表: 搜尋選擇已經建立好的圖表。
  • 樣式配置: 支援自定義圖表的顯示邊框和背景顏色,以滿足個性化和品牌需求。

4zIyfvG8

度量圖表

度量圖表是一種強大的資料視覺化工具,它讓你能夠建立高度自定義的圖表,以直觀地理解和分析資料。與簡單的圖表引用不同,度量圖表提供了更靈活的配置和修改能力,讓你能夠將原始資料轉化為有意義的洞察。

  • 多樣的圖表型別: 支援多種圖表型別,包括基礎圖表、餅圖、漏斗圖、資料表、透視表、瀑布圖、雷達圖和組合圖表,以滿足不同的資料分析需求。
  • 高度自定義: 你可以自定義圖表的資料來源維度指標樣式,從而精確地展示你所關注的資料。
圖表型別 圖表介紹 圖示
基礎圖表 vxoDyC4A
af6dde7eb-0f99-4e30-939d-c8d709dfe309
a96014819-451d-452a-bc6a-569b7884881f
餅圖 a54310330-2ce2-45c1-a527-883dc44373ca
漏斗圖 ad26df8eb-6ad5-48f4-b15c-5b30987f38f8
指標卡 KyWMF6lK
資料表 aa5c2aab0-cf3f-44b1-86fd-a21484649831
透視表 a4e6033a4-c9d6-46d2-bde1-0e5d3fdf268d
瀑布圖 a6526c33f-fbc6-4cb6-b5ac-01ba6320132e
雷達圖 TWDuJr0i
組合圖表 a5c8ba63a-e2e6-4cfb-af68-c4f786c08fcd
熱力圖 以顏色編碼為核心的資料視覺化工具,透過色階的深淺變化直觀反映資料分佈情況。 1GW934ZU
桑基圖 透過線條的粗細描述資料流向,直觀展示資料在不同節點之間的流量變化與轉移關係,如人力資源流向分析、反饋流向分析。
人力資源
取節點人員的估分插值資料,按所屬直屬團隊、需求型別作為維度分組統計,參考右側圖一
反饋分佈
統計不同型別使用者反饋的專案流向分佈,參考右側圖二
a6d83bb09-3a4d-47e3-894f-cd42ddbb0fc5
uSH2oLI9
排行榜 用於展示指標在某個維度上的分佈情況和排名順序。 LxHPVHQz
  • 如何配置
  • 資料來源: 選擇圖表的資料來源。通常,你可以選擇已有的工作項檢視作為資料來源。
  • 圖表型別: 根據你的資料分析需求,選擇最合適的圖表型別。
  • 維度與指標: 這是配置圖表核心資料的步驟。你需要定義圖表的 X 軸和 Y 軸。例如,將工作項數量設定為指標,將工作項狀態設定為維度,來分析不同狀態下工作項的數量。
  • 樣式配置: 你可以自定義圖表的顏色、標題和圖例,以滿足個性化和品牌要求。 更多詳細的配置指南,請參考文件中的 。

af7843ad1-dea0-440b-a702-60977562ba78

高階元件

倒計時

倒計時元件用於顯示距離某個特定日期或時間的剩餘時間,幫助使用者直觀地追蹤重要事件和截止日期,確保關鍵時刻萬無一失。

xgJRpLLn

使用場景

  • 整車製造: 在車型專案主頁,用於顯示距離車型SOP(標準操作程式)的倒計時。
  • 產品釋出: 在產品釋出管理頁面,用於顯示距離產品釋出會的倒計時。
  • 活動管理: 在公司年會、營銷活動等籌備專案中,使用倒計時元件,清晰地展示距離活動開始的剩餘時間,方便團隊進行最後的衝刺。
  • 配置引數: 為了讓你更好地定製倒計時,我們提供了兩種靈活的配置方式:

  • 指定值(固定時間)

  • 日期時間: 直接配置一個固定的截止日期和時間。
  • 工作項欄位(動態關聯)
  • 工作項例項: 選擇一個特定的工作項例項(例如一個需求或里程碑),支援配置跨專案的資料。
  • 欄位: 從該工作項中選擇一個時間欄位節點排期作為計時終點。
  • 時間型別: 如果選擇了日期區間或節點排期,需要進一步配置使用其開始時間結束時間作為倒計時終點。
  • 計時單位: 選擇倒計時的顯示單位,例如“天”或“天、時、分”。

Pylr6vFu

進度條

進度條元件透過視覺化的方式,清晰地展示任務或專案的完成進度。它能夠讓你快速瞭解當前工作的進展,並支援多種展示模式和自定義配置,以適應不同場景的需求。

a611321fe-c2b4-4072-a63e-745528520233

  • 適用場景
  • 軟體研發: 在迭代管理儀表盤中,為每個迭代建立一個進度條,顯示其下所有需求的完成比例。這能讓團隊成員和專案經理一目瞭然地掌握迭代的整體進展。
  • LTC (線索到現金): 在銷售管理頁面,使用進度條來展示一個大專案的合同簽署進度或回款進度。這有助於銷售和財務團隊追蹤關鍵業務指標。
  • 版本管理: 在版本釋出儀表盤中,你可以使用進度條來展示一個版本的釋出進度。透過視覺化的方式,你可以快速瞭解版本釋出所處的階段,並及時協調資源。
  • 配置引數
  • 分子值: 設定當前已完成的數值,例如“已完成任務數”。
  • 分子值展示名: 設定分子值旁邊的標籤,例如“已完成”。
  • 分母值: 設定總的目標數值,例如“總任務數”。
  • 分母值展示名: 設定分母值旁邊的標籤,例如“目標”。
  • 顯示模式: 選擇最適合你需求的展示模式。
  • 進度條顏色: 支援自定義進度條的顏色,甚至可以使用漸變色,以達到更好的視覺效果。
  • 展示標籤: 支援配置是否在進度條上顯示分子和分母的具體數值。

RebqnKKt

按鈕

按鈕元件允許使用者在頁面上執行一個特定的操作。透過簡單地點選按鈕,使用者可以觸發新建工作項、修改工作項狀態、跳轉到其他頁面等多種功能,從而簡化操作流程,提高工作效率。

a4033c840-f4e9-4aed-921e-f0da775fe3c7

  • 使用示例:在需求池頁面,放置一個“快速建立需求”的按鈕,點選後彈出一個預設了部分欄位的建立視窗。
  • 適用場景
  • 反饋管理: 在工單管理頁面,你可以放置“新建工單”和“轉辦”等按鈕。這讓客服人員能夠快速建立新工單或將問題轉派給相應的處理人,提高響應速度。
  • IPD (整合產品開發): 在需求詳情頁,可以放置“評審透過”、“開始開發”等按鈕。這些按鈕能夠驅動IPD 流程的流轉,確保每個環節的執行都清晰可控。
  • 通用頁面: 無論在何種業務場景,你都可以使用按鈕元件建立各種自定義的操作入口,為使用者提供最便捷的操作路徑。
  • 配置引數
  • 名稱: 設定按鈕上顯示的文字,例如“快速建立需求”。
  • 背景顏色: 自定義按鈕的背景顏色,以突出其重要性或功能類別。
  • 圖示: 為按鈕選擇一個合適的圖示,增強其視覺表現力,讓使用者一眼識別其功能。
  • 執行動作:
    1. 跳轉連結:選擇此項後,你需要輸入一個具體的跳轉連結。當使用者點選該入口時,將直接跳轉到你配置的連結地址。
    2. 開啟檢視新建頁:你可以配置具體的檢視型別,這特指資料範圍。如果你未進行配置,系統將提供一個通用的檢視新建入口。
    3. 開啟工作項新建頁:你可以指定一個或多個需要新建的工作項型別。如果你沒有進行任何配置,系統將在使用者點選時,彈出一個全域性新建視窗,讓使用者自行選擇要新建的工作項型別。
    4. 重新整理頁面:點選後,元件的內容會進行重新整理。
    5. 彈出提示框:選擇此項後,你可以設定提示框中顯示的文字內容,並且支援多行文字。當使用者點選該入口時,將彈出一個包含你設定內容的提示框。
    6. 為頁面變數賦值:此動作為頁面內部操作,點選後,可以為特定的頁面變數賦予新的值。

ANqM6vEQ

快捷入口

快捷入口/連結元件用於在頁面上放置一組導航連結,方便使用者快速訪問其他頁面、系統或外部網站。

ac12dc120-86ab-4369-9656-d03d8edaecf9

  • 使用示例:在專案組的首頁,使用快捷入口元件,將專案計劃、週報、程式碼倉庫、設計文件等常用連結聚合在一起。
  • 適用場景
  • 通用門戶: 在公司或部門的門戶頁面,用於放置指向各個常用系統(如OA、HR系統)和重要文件的連結。
  • 一線員工工作臺: 在個人工作臺,用於放置指向“流程制度”、“知識庫”、“常用工具”等頁面的連結。
  • 整車製造: 在車型專案主頁,用於放置指向不同階段(如設計、測試、生產)的詳細頁面的連結。
  • 配置引數: 可以在元件中為每個入口配置不同的響應動作,以滿足多樣化的需求。以下是每種動作的具體配置方法:

  • 跳轉連結:選擇此項後,你需要輸入一個具體的跳轉連結。當使用者點選該入口時,將直接跳轉到你配置的連結地址。

  • 開啟工作項新建頁:你可以指定一個或多個需要新建的工作項型別。如果你沒有進行任何配置,系統將在使用者點選時,彈出一個全域性新建視窗,讓使用者自行選擇要新建的工作項型別。
  • 開啟檢視新建頁:你可以配置具體的檢視型別,這特指資料範圍。如果你未進行配置,系統將提供一個通用的檢視新建入口。

NJNokaZK

公告板

公告板元件用於在頁面上展示重要的通知、公告或資訊提示。例如,在專案主頁的頂部,放置一個公告板元件,用於釋出專案的最新動態和重要風險提示。

VT4lcLen

  • 適用場景
  • IPD (整合產品開發): 在需求管理頁面,用於釋出需求變更、評審安排等通知。
  • 評審管理: 在個人工作臺,用於向評審專家展示待處理的評審任務。
  • 通用門戶: 用於釋出公司級的通知公告。
  • 配置引數
  • 公告內容: 支援富文字編輯,可以插入文字、圖片、連結等。
  • 顯示系統管理員:支援配置是否顯示空間管理員

Iy540EIt

標題

標題元件用於在頁面上新增一個文字標題,以組織和分隔頁面內容。

w35PRqDw

  • 適用場景
  • 所有頁面: 用於為頁面的不同區域或模組新增標題,使頁面結構更清晰。
  • 遊戲資產管理: 用於為不同型別的資產(如“角色”、“場景”)建立標題。
  • 配置引數
  • 標題: 配置標題的內容。

tUpbCRa1

團隊選擇器

團隊選擇器用於選擇團隊,可將當前頁面其他元件資料與團隊聯動起來使用,以團隊維度進行資料展示與切換。

a9585c695-e12c-4418-8c8f-f003b9dfe4ef

  • 適用場景:
  • 人力管理:按照團隊選擇檢視人力負荷情況,支援選擇多個團隊。
  • 配置引數:
  • 標題:編輯元件名稱。

a803ebf6d-d10a-495d-ba1f-f53e52c2c319

富文字

富文字元件可用於提示、標註、說明。例如,在度量圖表中指標的標註註釋,在週報等場景下可以快速理解指標含義。

a56f3787f-6d0f-43fb-ae50-8cff45f329fc

  • 適用場景:
  • 資料看板:展示圖表說明。
  • 配置引數:
  • 標題:元件名稱編輯。
  • 佔位文字:輸入注意事項,填寫規範,預設為空。

a7828d63f-3210-4567-89f2-dd1e8fb765f0

人力負荷

人力負荷元件用於展示個人在每日的人力佔用情況,可用來展示個人在每日的負荷情況。

aee9e46b4-ba8d-4098-af34-5ce71c10f9eb

  • 適用場景:可用於檢視團隊整體工作負荷情況。
  • 配置引數:
  • 標題:編輯負荷看板的名稱。
  • 人員範圍:選擇需要檢視的人員,支援按照指定人、指定團隊,動態引用團隊選擇器元件使用。
  • 日期範圍:資料日期範圍,支援選擇日期範圍、最近N天、最近N周、最近N月、最近N年、指定日期、指定日期範圍。
  • 滿負荷基線:填寫數字即可,會根據基線展示負荷過載,不滿,剛好的顏色區分。

ab472df19-5ba6-4861-9bf6-4a65a13e8a68

篩選器

篩選器元件是高階元件,可聯動頁面內所有元件,實現頁面內所有資料聯動,樣式支援預設、條件平鋪、選項值平鋪、快捷篩選。

a603c150d-3423-42f6-9fb9-bb370db3cd34

  • 使用示例:在度量圖表上方,配置篩選器,透過篩選切換度量資料。
  • 適用場景:
  • 所有頁面:均可增加篩選器便於切換調整資料。
  • 配置引數:
  • 資料來源:選擇空間內工作項,支援選擇多個。
  • 類別:預設,初始樣式;條件平鋪,配置篩選的條件,僅展示欄位名稱,下拉配置選項;選項值平鋪:全部選項值直接展示在頁面上,可直接點選;快捷篩選,配置好條件後,可編輯名稱後選中使用。

aa51c5756-054e-4766-84d2-b37c6538113b

巢狀頁面

巢狀頁面元件可以配合連結展示其他網頁或程式碼塊。嵌入連結可實現在Meegle內操作其他網站,或同屏檢視。

a4f666c5e-949d-4e1b-b9e6-02343ba204c5

  • 使用示例:新增頁面,使用巢狀頁面元件配置第三方網站連結,瀏覽使用第三方網站。
  • 適用場景:
  • 需求管理:分屏瀏覽詳情頁&需求文件、測試用例&需求文件、需求bug&需求文件。
  • 配置引數:
  • 標題:頁面名稱。
  • 連結:嵌入的網頁連結。
  • 程式碼塊:支援展示程式碼塊,格式為HTML。

a79599529-01a5-4799-a6a8-fbbd92a3c175

分割線

用於內容區塊的視覺分隔,使介面結構更清晰,提升資訊可讀性

a447ad66b-c649-47cc-ac3d-feb40adbbbb7

  • 適用場景:用於區分輕應用中的不同模組(如活動介紹、報名須知、常見問題等),使頁面層次分明 。

圖片輪播

支援多張圖片或卡片內容自動輪播展示,節省空間的同時增加資訊展示維度,可配置輪播速度、是否自動輪播、跳轉連結等引數,滿足不同場景需求

a5ccaad33-90ce-4098-b367-ada84c984640

  • 適用場景:支援多圖、多卡片輪播展示,適用於活動宣貫、核心看板輪播、產品圖冊展示,讓輕應用更具“門戶感”
  • 配置引數:
  • 標題:頁面名稱。
  • 圖片列表:上傳你想要展示的圖片,並配置卡片跳轉連結等內容。你可以新增多張圖片,它們將按順序輪播。
  • 輪播間隔(ms):設定自動播放速度

節點流程圖

用於展示指定工作項例項的節點流程圖。

af839ef05-3952-4866-9fdc-bc3fdf33c94e

  • 適用場景:檢視某個指定專案/需求的流程資訊。
  • 配置引數:
  • 標題:頁面名稱。
  • 工作項例項:需要展示流程圖的具體例項。

階段圖

用於展示專案關鍵階段的進展情況。

a18adf4c2-ba39-44e1-ba30-56b445ec8d96

  • 配置引數:
  • 標題:頁面名稱。
  • 階段設定:支援自定義階段名稱及對應的起止時間,起止時間可以引用例項的區間日期欄位資訊。

af1d52eb4-9b2b-456a-9203-f342bfaae002

abda39d59-cc90-49f7-a24e-62fdb2b4619f

  • 樣式:支援展示箭頭流程和圓點步驟。

a4d51e653-d7d2-466c-9856-b122cc6565b9

  • 階段條顏色:支援配置已達到、未到達階段的圖形顏色。

a9d14751f-0dea-481d-9cbb-2703745146cf

附件管理

用於集中展示指定工作項例項的附件資訊,且支援附件查詢。

ac353da8c-5846-423a-8a8b-bc8b62e5be1e

a84dab82e-a61c-406d-9443-6a5557f13cc3

  • 適用場景:展示專案/需求等例項的交付物資訊。
  • 配置引數:
  • 標題:頁面名稱。
  • 資料來源:支援選擇工作項、檢視、例項,且支援配置篩選條件。
  • 附件欄位:支援選擇附件型別的欄位,用於展示該欄位上傳的附件內容。
  • 展示樣式:支援列表和縮圖兩種樣式。

常見問題

工作項檢視、引用檢視、工作項列表的區別

這三個元件都與“檢視工作項”相關,但它們的功能、目的和使用場景有顯著差異。

元件名稱 核心功能與目的 關鍵區別
工作項檢視 它不僅能展示資料,更提供了多種檢視模式(表格、看板、甘特圖等)和自定義配置功能。它的主要目的是幫助你靈活地展示和操作專案資料。 1. 功能強大:提供多種檢視模式。
2. 高度可定製:可以自定義列、欄位。
3. 用於管理:主要用於使用者建立、處理和運算元據。
引用檢視 嵌入一個已存在的檢視到當前頁面。它不提供建立新檢視的功能,而是讓你在不切換頁面的情況下,跨專案或跨團隊監控展示資料。 1. 只讀嵌入:只引用現有檢視,不做任何本地修改。
2. 資料監控:主要用於跨頁面、跨專案的資料監控。
3. 快速預覽:本地修改會實時反映,提供所見即所得的預覽。
工作項列表 一個輕量且基礎的列表元件。它只以列表形式縱向展示工作項的摘要資訊,側重於快速瀏覽聚焦 1. 功能輕量:只有列表模式。
2. 快速概覽:只展示摘要資訊,不提供複雜的操作。
3. 個人化:常用於個人工作臺,聚焦於個人相關的待辦事項。