Skip to content

作業介面

Whale 針對單元作業 也提供基礎體驗優化,以下是常見的一些設計操作:

統一部分頁面的批量操作交互,選擇之後再出現對應操作功能鍵

目前未選擇任何記錄

image.png

選擇後會自動判斷 可對應操作功能鍵出現

image.png

部分單元作業表格頁面支持點擊整條熱區進入詳情(左側滑出)

image.png

滑出左側紀錄詳情

image.png

部分單元作業頁面支持橫向滾動條吸底

操作下方橫向滾動條可以滑看紀錄左右側

image.png

部分單元表格頁面支持表頭吸頂(表格欄位固定不滾動)

image.png

表格欄位置頂

image.png

通用元件操作說明

  • 欄位輸入提示

    • 一些欄位會有特別的文字輸入提示,方便操作指引

    %E5%9B%BE%E7%89%87.png

    image.png

  • 日期欄位

    • 點選日期框就會出現日曆選項,方便點擊選擇

    %E5%9B%BE%E7%89%87-2.png

  • Combox 欄位

    • 點擊 Combox 的向下箭頭框就會出現 Combox 項目選擇

    %E5%9B%BE%E7%89%87-3.png

    %E5%9B%BE%E7%89%87-4.png

  • 客户****欄位

    • 系統提供多元欄位可以方便定位查詢對應的客戶

    %E5%9B%BE%E7%89%87-5.png

    %E5%9B%BE%E7%89%87-6.png

  • 高級搜索

    • 在查詢條件區可以點選此來展開或縮展更多查詢條件欄位

    %E5%9B%BE%E7%89%87-8.png

    %E5%9B%BE%E7%89%87-7.png

  • 支持搜索欄位

    • 若提示說明出現'搜索'文字,表示該欄位支持模糊搜索功能

    %E5%9B%BE%E7%89%87-10.png

    %E5%9B%BE%E7%89%87-9.png

  • 表列展示分頁

    • 可以自行配置查詢結果分頁數量與跳轉至特定分頁

    %E5%9B%BE%E7%89%87-11.png

  • 查詢結果導出

    • 可以將查詢結果表列數據導出,並提供下載功能

    image-2.png

  • 必輸入欄位提示

    • 欄位名稱前 帶紅星* 表示該欄位是必要輸入值

    %E5%9B%BE%E7%89%87-12.png

  • 加減符號功能

    • 表示可自行增加或刪除數據組

    %E5%9B%BE%E7%89%87-13.png

  • 查詢與清除功能

    • 可以執行 查詢欄位查詢與清除查詢條件

    image-3.png

  • 導出資料

    • 可以將列表紀錄 導出 Excel /CSV

    image-4.png

  • 欄位輔助文案

    • 在欄位旁的 i 圖示可以展示輔助文案

    image-5.png

  • 列表其他操作鍵

    • 列表其他操作功能鍵,可在... 圖示上點選

    image-6.png

  • 列表欄位自選

    • 可以自行選取 列表展示欄位

    image-7.png

    image-8.png

  • 新技巧交互提示

    • 當有新技巧提供時,第一次會展示交互提示說明

    image-9.png