本文分享了B端營銷平臺的后臺樣式設(shè)計，共8種頁面類型，供大家參考。

1.表格查看列字段：

點擊表格行末尾“查看”，懸浮出該行所有列字段信息：字段太多時，不需要左右滾動，也能查看行該行全部信息。產(chǎn)品人員在設(shè)計排列行字段的時候，將“可編輯的字段+核心字段”排在最前面，點擊查看或鼠標(biāo)懸停2秒后懸浮該行全部字段信息。

2.表格行高設(shè)置：

用戶可根據(jù)個人使用習(xí)慣以及電腦分辨率大小自定義頁面表格的行高(例如設(shè)計三個行高值，緊湊型32px、中等型40px、寬松型48px)，刷新網(wǎng)頁后仍保留本次設(shè)置。

3.關(guān)聯(lián)表格（父子表）

針對復(fù)雜的業(yè)務(wù)場景，需要在一個查詢列表頁面同時查看“父子表單”數(shù)據(jù)（關(guān)聯(lián)表格）。在父表選擇數(shù)據(jù)后關(guān)聯(lián)產(chǎn)生子表，再在子表進(jìn)行業(yè)務(wù)操作。

4.表格行數(shù)據(jù)詳情

針對營銷類業(yè)務(wù)場景，一個單據(jù)對應(yīng)多個商品信息，而且訂單屬性字段與商品屬性字段無法都存在于列表表頭，此時可以將商品屬性字段收起，需要時點擊展開查看，節(jié)省頁面空間同時也能滿足業(yè)務(wù)查看訂單全部商品信息的需求。

5.選擇彈窗

選擇彈窗分為待選跟已選兩個頁簽，待選頁簽除了支持系統(tǒng)查詢后的數(shù)據(jù)手動選擇也支持導(dǎo)入線下數(shù)據(jù)文件，已選頁簽支持刪除手動選擇的數(shù)據(jù)也支持刪除導(dǎo)入的文件，同時支持導(dǎo)出當(dāng)前所有已選數(shù)據(jù)。

6.高級篩選

可以將不常用的篩選條件收起到“高級篩選”按鈕，點擊“高級篩選”彈窗展示更多篩選條件信息。

7.審批頁面

審批操作按鈕前置，滿足當(dāng)前頁面用戶主要操作需求，同時也支持查看審批流程相關(guān)信息。

8.級聯(lián)選擇

支持級聯(lián)選擇任何一級內(nèi)容，每一級都支持級內(nèi)搜索，同時可以展示全部選擇數(shù)據(jù)，支持單條刪除已選數(shù)據(jù)。