YtoChart
將search-lish、tabs-table封裝在了一塊，效果與單獨(dú)使用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
| 參數(shù) | 說明 | 類型 | 可選值 | 默認(rèn)值 |
|---|---|---|---|---|
| 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 | -- | 導(dǎo)出 |
| 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
| 事件名 | 說明 | 參數(shù) |
|---|---|---|
| change | 參見change | searchObj |
| query | 參見query | -- |
| exportout | 參見exportout | searchObj |
| reset | 參見reset | -- |
| active-name-change | 參見active-name | activeName |
| 其他事件參見ElementDatatable Events | -- | -- |
YtoChart Methods
| 方法名 | 說明 | 參數(shù) |
|---|---|---|
| query | 參見reloadData | (index, params) |
