決策報表佈局方式

1. 決策報表佈局：指決策報表 body 内所有組件的位置以及組件之間的間距所構成的排版，一個好的佈局會讓你的範本看起來主次分明、清晰美觀。

2. 佈局方式分類 ：【自動調整佈局】和【絕對佈局】，自動調整佈局又包括兩種佈局效果 ： 【非固定佈局】和【固定佈局】。

3. 本文将介紹這幾種佈局方式的特點差異以及各佈局的效果。

1. 新建決策報表時，會彈出範本佈局選擇介面，為使用者提供了多種常用的佈局效果。

2. 根據模組數量分類，提供多樣的佈局方式。

3. 佈局效果的查看提供了兩種展示形式，【簡約檢視】和【真實檢視】。

4. 若選擇帶佈局的範本，body 介面将會按照選擇的佈局展示【空白佔位塊】和【間距】。如下圖所示。

5. 注1：【佔位塊】指自動調整佈局下用來放置組件的虛拟容器，空白範本初始沒有佔位塊。

6. 注2：目前僅支援新建範本時選擇佈局，新建範本後不支援修改選擇其他佈局；不支援自訂佈局推薦。

1

【自動調整佈局-非固定佈局】

1. 新建決策報表時，無論選擇新建空白範本還是帶佈局的範本，範本預設佈局方式均為【自動調整佈局-非固定佈局】。

2. 空白範本初始無佔位塊，但新增組件時會随之新增佔位塊。

3. 新建帶佈局的範本時，body 中的虛線框即【空白佔位塊】，空白佔位塊不支援任何操作，一個佔位塊僅支援放置一個組件。

4. 拖曳組件到 body 中時，僅支援拖入佔位塊，若拖曳至非佔位塊的位置，會提示【無法新增到該區域！】。

5. 當向佔位塊拖入組件時，組件雙向鋪滿該佔位塊，右上角組件面板則顯示拖入的組件名稱。

6. 移動或删除組件時，佔位塊跟随組件移動或删除，佈局自動調整。

7. 演示效果如下：

2

【自動調整佈局-固定佈局】

1. 空白範本初始無佔位塊，此時若切換為【固定佈局】，則不支援向 body 中拖入組件，提示【無法新增到該區域！】。固定佈局下 body 的組件間隔和内邊距置灰，不可編輯。如下圖1所示。

2. 拖曳組件時雙向鋪滿佔位塊，拖曳至非佔位塊的位置，會提示【無法新增到該區域！】。

3. 将組件拖曳至已有組件佔位塊時，會覆蓋掉原來的組件。

4. 移動或删除組件，不影響佔位塊的佈局。

5. 兩個佔位塊的組件可實現位置對換。

6. 不支援組件複制粘貼。

7. 演示效果如下圖2所示。

3

絕對佈局

1. 組件拖入到 body 中會保持組件本身大小，不會鋪滿 body，拖入時注意需将組件完全拖入 body 才可新增成功。

2. 組件可重疊，可随意放置位置。

3. 組件支援多選，多選時可對組件進行排版對齊的設置，詳情請參見文檔：組件排版對齊 。

4. 組件可通過右側屬性面板調整其位置及大小。

5. 演示效果如下：

4

差異總結

根據上述三個佈局的演示，可以總結出以下幾個特點（詳細對比如下表）：

1. 絕對佈局自由度最高，可随意放置位置，支援組件重疊，但各組件之間的排版、對齊調整起來會比較費時費力。

2. 自動調整佈局的非固定佈局靈活度最高，可随意改變佈局。

3. 自動調整佈局的固定佈局可固定範本佈局，适用於希望佈局不變，但組件可以随意調整的場景。

5

佈局切換

1. 從自動調整佈局切換為絕對佈局時，已經新增的組件位置不變，其他空白佔位塊消失；

2. 從絕對佈局切換為【自動調整佈局】時，提示：【切換後所有組件的位置都會改變且無法恢複，确認切換嗎？】點擊确認後，切換到【自動調整佈局>非固定佈局】狀态。此時相當於新建空白範本時的狀态，組件自适應鋪滿 body ，且組件之間無間距。如下圖所示：

3. 非固定佈局與固定佈局切換時，組件及佔位塊位置無變化。但需要注意：如果是空白範本從【非固定佈局】切換為【固定佈局】，此時不支援拖入組件。如下圖所示：