Ranking (table) 排行榜
使用 <g-ranking-table> 组件。
基础用法
dataUrl用法
slot 插槽用法
API
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| description | 空数据描述 | string | 暂无数据 |
| icon | 是否显示icon | boolean | false |
| icons | 图标序列 | array | — |
| limit | 显示条数 | number | 10 |
| border | 是否显示边框 | boolean | false |
| sort | 升降序, desc 降序 、 asc 升序 | string | desc |
| db-options | 排行榜信息 | object | — |
db-options API
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| rankingField | 排序字段 | string | — |
| namingField | 指标字段 | string | — |
| columns | title 名称,field 指向字段,unit 单位 | array | — |
| data | 数据配置 | array/string/object | — |
data API
data 可以接受dataUrl(
object&string)或者DataSource(object&array),对象中可以配置以下属性:
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| path | ip地址,开发环境配置代理地址,接口地址 | string | — |
| method | 方法 | string | get |
| params | params 、 data 参数 | object | — |
| resPath | 接口响应数据 格式如 : 'data/obj/list' | string | 'data' |
| ContentType | content-type | string | application/json;charset=UTF-8 |
| headers | 请求头 | object | - |
| transformResponse | 格式化数据 | function | - |
data 可以接受静态数据
Slots
| 插槽名 | 说明 |
|---|---|
| header | 表头内容 |
| default | 单元格内容 |