# 统计排队组件
# 引入
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
