# 统计排队组件


# 引入

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