# 统计排队组件
# 引入
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队列已满,点击确定不再调用后台,所以不会触发此回调)(新增自动请求,但是必须依赖栏目垫片组件) |
编撰人:yinyanting