# 系統設計--前端組件 # 前端組件 ## 站點布局 ：頂欄+左側菜單 + 主頁面 ## 主頁面框架布局 ： tab切換項 +主頁面 ## 主頁面布局 ：（功能下支持面包屑） ## 全局 ： * loading組件 * Tip提示組件（支持類型需要統一下） ## 班級列表頁 tab下 ： ### 功能操作 ：新建班級，導入班級，班級篩選 ### 涉及組件 ： * 按鈕 （2狀態） * 下拉菜單 * 搜索輸入框 * 符合篩選框（日期，聯動下拉框，多選下拉框，普通下拉框） 支持顯示篩選種類、過濾檢測 * 篩選條件顯示 （標簽控件） * 列表控件（列表+分頁）+表頭操作按鈕+過濾復選框 * 模態框組件 * 上傳文件組件 * 列表排序功能（人數，開班日期） * 操作欄下拉 * 固定指定列 * 自定義顯示列 * 列顯示控制（星標，班級名稱，人數，招生狀態） ## 批量編輯班級 ： 列表選擇+模態框+下拉框+輸入框+確認框按鈕2 ## 新建班級 ： 基本表單控件（輸入框，數字輸入框，下拉框，文本域） ## 分班操作頁 tab下 ： * 基本列表組件 * 列顯示控制（列） 頁面拆分 ## 操作&&交互 ： 選擇班級 —顯示選中信息 —無選中操作提示