前言

在現(xiàn)代數(shù)據(jù)分析領(lǐng)域，隨著對報(bào)表和數(shù)據(jù)分析的需求不斷增長，市場上涌現(xiàn)了許多嵌入式報(bào)表工具。這些工具能夠與企業(yè)現(xiàn)有的OA、ERP、MES、CRM等應(yīng)用系統(tǒng)深度集成，實(shí)現(xiàn)對業(yè)務(wù)數(shù)據(jù)的自助式分析。然而，在實(shí)際應(yīng)用中，不同的系統(tǒng)往往具有獨(dú)特的界面模式和風(fēng)格，這就要求嵌入式報(bào)表插件的UI界面需要與系統(tǒng)本身的UI風(fēng)格相匹配。因此，在本文中，小編將以葡萄城公司的嵌入式BI工具——Wyn商業(yè)智能軟件為例，介紹如何自定義嵌入式BI工具的UI界面，以滿足系統(tǒng)的個性化需求。

環(huán)境準(zhǔn)備

下載安裝Wyn商業(yè)智能軟件

安裝指導(dǎo)：Wyn商業(yè)智能設(shè)計(jì)器

1.自定義系統(tǒng)主題

（1）創(chuàng)建系統(tǒng)自定義主題

第一步，打開系統(tǒng)主題設(shè)計(jì)器：

第二步，選擇主題，可選擇為淺色或者深色，用于系統(tǒng)中需要變深/變淺的場景。選擇深色時(shí)，使用時(shí)會變淺；反之則會變深。

第三步，設(shè)計(jì)系統(tǒng)配色，可以直接輸入顏色值的代碼，也可以單擊色塊選擇顏色，單擊上方的菜單可以切換至不同的設(shè)計(jì)器或門戶，查看效果。

如果想要重置顏色，點(diǎn)擊“重置”即可。

第四步，設(shè)計(jì)完成后，點(diǎn)擊保存，就可以將我們設(shè)計(jì)的主題進(jìn)行保存。

第五步，創(chuàng)建完成后可在主題列表中看到自定義主題，并且可以管理主題。如編輯，更新主題，下載配置文件，下載主題壓縮包，刪除等。

（2）使用系統(tǒng)自定義主題

在系統(tǒng)后臺中打開系統(tǒng)外觀界面。然后在門戶外觀設(shè)置下面找到系統(tǒng)主題，單擊下拉箭頭，選擇自定義系統(tǒng)主題，并保存設(shè)置。

2.替換圖標(biāo)

在第一節(jié)中（自定義系統(tǒng)主題），小編介紹了如何修改系統(tǒng)主題中的圖標(biāo)配色，接下來小編將為大家介紹如何去替換整個圖標(biāo)。

在項(xiàng)目開發(fā)中，可以通過替換CSS代碼文件的方式替換報(bào)表設(shè)計(jì)器中的圖標(biāo)：

實(shí)現(xiàn)效果如下所示：