Batch 批次動作

2022-05-10, Helen

# 標題 內容
1 Status 通用
2 Zeplin #
3 Ant Design https://ant.design/components/dropdown-cn/
4 Web #
5 App #

定義

採用下拉選單形式,為向下彈出的列表。

何時使用

當希望針對單個或多個勾選的 checkbox選項進行動作時,可使用批次動作按鈕

位置

固定顯示於列表左上方。

規則

1. 批次按鈕的樣式為「次級按鈕」的樣式。
2. 批次動作按鈕出現的 必要條件 為畫面具有 「含有 checkbox 的列表」。
3. 僅有 1 個批次功能時,則僅顯示一個按鈕。
4. 若有 2 個以上批次執行功能可以使用下拉選單。
5. 批次動作按鈕字數限制 :至多 8 個中文字。

按鈕狀態變化規則

1. 使用者 沒有 勾選任何 checkbox 時,按鈕為 disabled 狀態。



2. 使用者 有 勾選 checkbox 時,按鈕為一般狀態。
3. 若使用者在「標題列」勾選 全選,則全選所有選項。
4. 若使用者自行手動勾選 部分選項,則標題列的 checkbox 變為不可勾選狀態。


類型

1. 單一批次功能
  • 僅有 1 個批次功能時,則僅顯示一個按鈕。
  • 按鈕文案為「批次+動詞+受詞」,例如:批次快速出貨。


2. 多批次功能:批次動作
  • 若有 2 個(含)以上的批次功能時,按鈕文案固定為「批次動作」,點選下拉即可選擇可執行的批次動作,下拉選單內的內容不需要加上批次二字。
    例如:可以執行的批次動作分別為「編輯 SKU 資料」、「建立單據」、「取消出貨」。則按鈕文案為「批次動作」,下拉選項為「編輯 SKU 資料」、「建立單據」、「取消出貨」。



  • 若有重要的按鈕,不可合併按鈕時,批次按鈕總數量應小於等於 2 顆。