# 統計排隊組件 * * * ### 引入 ~~~ import Cap4StatisticsQueue from 'cap4-business/lib/cap4-statistics-queue'; import 'cap4-business/lib/cap4-statistics-queue/css/cap4-statistics-queue.css'; ~~~ ### 用法 `cap4-statistics-queue`排隊組件,用于帶有排隊機制的接口。 接口返回類型如下：(必須有`state`字段，統計內容在字段`result`中) 注：新增了對舊有接口的支持，如果類型為普通的統計不帶排隊字段，直接返回傳入的`data` ~~~ { "result" : {}, "state" : { "code" : "101", "taskCount":"1000", "reqId" : "8330040413334832192" } } ~~~ 排序有三個狀態 * `100`正常返回數據 * `101`隊列中，可以取消 * `102`隊列已滿。 ### 示例 #### pc 101態樣式 :注一旦狀態變為`100`,表明已經取到數據,內部的作用域中變量`slot.dataInfo`里面會注入統計數據。 系統繁忙，當前報表請求排隊中， 前面有1000個報表請求等待響應中！ 點擊取消，可撤銷當前請求！ 取消 顯示代碼 #### 移動 101態樣式 系統繁忙，當前報表請求排隊中， 前面有1000個報表請求等待響應中！ 點擊取消，可撤銷當前請求！ 取消 顯示代碼 #### pc 102態樣式 系統繁忙，前面已有1000個報表請求等待響應中！ 請稍候再試！ 確定 顯示代碼 #### 移動 102態樣式 系統繁忙，前面已有1000個報表請求等待響應中！ 請稍候再試！ 確定 顯示代碼 ### Attributes | 參數 | 說明 | 類型 | 可選值 | 默認值 | | --- | --- | --- | --- | --- | | data | 由排隊接口返回是數據，數據內部包含有【state】排序字段 | Object | — | — | | platform | 平臺 | Number | 1：pc 2：手機 | 1 | ### Event | 事件名稱 | 說明 | 回調參數 | | --- | --- | --- | | loop | 后臺返回101 排序狀態，組件會進入循環狀態，取到數據的三秒后再次回調loop方法（新增自動請求，但是必須依賴欄目墊片組件） | state | | cancel | 在101排序態下取消排序回調（注：如果為102隊列已滿，點擊確定不再調用后臺，所以不會觸發此回調）（新增自動請求，但是必須依賴欄目墊片組件） |