首页 帮助中心 基调听云大屏 轮播列表

轮播列表

组件名称:轮播列表

组件样式

轮播列表轮播列表轮播列表

组件说明

轮播列表返回格式。

请求方式:POST

https://report.tingyun.com/example/owslist.json

参数

字段 类型 描述 是否必选
currentTime Number 当前时间戳。
token String 盐值,校验规则为md5(timePeriod+currentTime+配置的token),
例如:timePeriod为30,currentTime为1513137332798,token为abc,则应对301513137332798abc进行md5。
timePeriod Number 时间范围分钟数。

正确响应数据

字段 类型 描述
status Number 状态码。
menus Object[]
name String 列表分类。
seriestitle Object[] 列表标题。
textAlign Object[] 列表样式,可选:left/right/center。
series Object[] 列表数据。
name String 列表显示数据1。
num String 列表显示数据2。

说明:seriestitle是表头,有几个数据就是有几列。下面的textAlign以及series[i]中数组的长度应该和表头的列数保持一致。

示例

{
    "status": 200,
    "menus": [
        {
            "id": 1,
            "name": "TT in Progress for Projects",
            "seriestitle": ["Customer","Version","SR QTY"],
            "textAlign":["left","center","center"],
            "series": [
                ["dkjyvmj.info........clf.tn","1.1.0",40],
                ["zbpqjndpf.info........slvrwebbvc.tc","2.1.0",50]
            ]
        },
        {
            "id": 2,
            "name": "TT Untimely Response",
            "seriestitle": ["Customer","Version","SR QTY"],
            "textAlign":["left","center","center"],
            "series": [
                ["dkjyvmj.info........clf.tn","1.1.0",40],
                ["zbpqjndpf.info........slvrwebbvc.tc","2.1.0",50]
            ]
        },
        {
            "id": 3,
            "name": "OWS Platform Version",
            "seriestitle": ["Customer","Version","SR QTY"],
            "textAlign":["left","right","center"],
            "series": [
                ["dkjyvmj.info........clf.tn","1.1.0",40],
                ["zbpqjndpf.info........slvrwebbvc.tc","2.1.0",50]
            ]
        }
    ]
}

数据库接入、CSV接入

SQL查询结果和CSV文件内容均为5列,字段名称可以任意指定,但是字段顺序不能改变:

字段顺序 类型 描述
id Number 分组id,同一个分组中的数据的id相同
name String 分组名称,同一个分组中的数据的name相同
seriestitle String 表头的列名,多个列名之间用“|”隔开
textAlign String 标统的对齐方式,多个列之间用“|”隔开
series String 数据,不同列的数据之间用“|”隔开

以MySQL为例,SQL示例如下:

SELECT id, name, seriestitle, textAlign, series FROM ows_list_test

CSV示例如下:

id,name,seriestitle,textAlign,series
1,一分组,a|b|c,left|right|center,1a|11|12
1,一分组,a|b|c,left|right|center,2a|21|22
1,一分组,a|b|c,left|right|center,3a|31|32
1,一分组,a|b|c,left|right|center,4a|41|42
2,二分组,a|b|c,left|right|center,1b|11|12
2,二分组,a|b|c,left|right|center,2b|21|22
2,二分组,a|b|c,left|right|center,3b|31|32
3,三分组,a|b|c,left|right|center,1c|11|12
3,三分组,a|b|c,left|right|center,1c|21|22
4,四分组,a|b|c,left|right|center,1d|41|42