YtoChart
将search-lish、tabs-table封装在了一块，效果与单独使用search-list和tabs-table时一致
使用方法 Usage
<template>
<yto-chart label-width="100px"
:search-list="searchList"
:active-tab-name="activeName"
:tabs="tabs"
v-loading.fullscreen.lock="fullscreenLoading"
@change="change"
@active-name="handleActiveName"
@cell-click="handleCellClick"
@exportout="exportout"
/>
</template>
<script>
import { YtoChart } from '@/components';
</script>
YtoChart Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| search-list | 参见search-list | array | -- | -- |
| search-info | 参见search-info | string | -- | -- |
| label-width | 参见label-width | string | -- | -- |
| search-btn | 参见search-btn | boolean | -- | true |
| search-text | 参见search-text | string | -- | 查询 |
| exportout-btn | 参见export-btn | boolean | -- | true |
| exportout-text | 参见exportout-text | string | -- | 导出 |
| reset-btn | 参见reset-btn | boolean | -- | false |
| reset-text | 参见reset-text | string | -- | 重置 |
| tabs | 参见tabs | array | -- | [] |
| load-active | 参见load-active | boolean | -- | false |
| created-unload | 参见created-unload | boolean | -- | false |
| page-index-key | 参见page-index-key | string | -- | pageIndex |
| page-size-key | 参见page-size-key | string | -- | pageSize |
| data-key | 参见data-key | string | -- | tbody |
| totalKey | 参见total-key | string | -- | -- |
| active-tab-name | 参见active-tab-name | string | -- | -- |
YtoChart Events
| 事件名 | 说明 | 参数 |
|---|---|---|
| change | 参见change | searchObj |
| query | 参见query | -- |
| exportout | 参见exportout | searchObj |
| reset | 参见reset | -- |
| active-name-change | 参见active-name | activeName |
| 其他事件参见ElementDatatable Events | -- | -- |
YtoChart Methods
| 方法名 | 说明 | 参数 |
|---|---|---|
| query | 参见reloadData | (index, params) |
网友评论