轮播列表
组件名称:轮播列表
组件样式:
组件说明:
轮播列表返回格式。
请求方式: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