汇总设计器
依赖
Vue 2.6.14+
Element-UI 2.15.8+
安装
npm install @thtf/spreadsheet-designer-summary
快速上手
<template>
<div id="app">
<thtf-summary />
</div>
</template>
<script>
import ThtfSummary from '@thtf/spreadsheet-designer-summary';
export default {
name: 'app',
components: {
ThtfSummary,
},
data() {
return {};
},
};
</script>
属性
| height | 容器高度 | String, Number | | 800px |
| user | 用户信息 | Object | | |
| spreadsheetBusinessInfo | 报表业务属性数据 | Object | | |
| type | 设计器类型 | String | edit, look, reference, reDesign | |
| spreadsheetOption | 设计器配置参数 | Object | | |
| spreadsheetRemoteData | 报表 Sheet 数据 | Object | | |
| metaIndicatorList | 指标数据 | Array | | |
| metaIndicatorCurrentPage | 指标分页参数:第几页 | Number | | 1 |
| metaIndicatorPageSize | 指标分页参数:每页多少条 | Number | | 10 |
| metaIndicatorKeyword | 指标查询参数 | String | | |
| metaIndicatorTotal | 指标总数 | Number | | |
| metaCatalogueKeyword | 分组查询参数 | String | | |
| metaCatalogueCurrentNode | 分组数据当前节点 | Object | | |
| metaGroupKeyword | 目录查询参数 | String | | |
| metaGroupCurrentNode | 目录数据当前节点 | Object | | |
| metaUnitKeyword | 计量单位查询参数 | String | | |
| metaUnitTree | 计量单位数据 | Array | | |
| metaTimeKeyword | 时间框架查询参数 | String | | |
| metaTimeList | 时间框架数据 | Array | | |
| popperRadioShow | 拖拽操作单选框显隐 | Boolean | | |
| popperRadioOptions | 拖拽操作单选框目录 | Array | | |
| popperCheckboxShow | 拖拽操作多选框显隐 | Boolean | | |
| popperCheckboxOptions | 拖拽操作多选框目录 | Array | | |
| popperRadioCheckboxLoading | 异步加载单、多选框目录项时加载状态 | Boolean | | |
| popperSelectShow | 拖拽操作下拉框显隐 | Boolean | | |
| popperSelectOptions | 拖拽操作下拉框目录 | Array | | |
| catalogueLoading | 目录加载状态 | Boolean | | |
| catalogueList | 目录 | Array | | |
| selectSyncLoading | 下拉框配置加载状态(同步) | Boolean | | |
| selectSyncData | 下拉框配置数据(同步) | Array | | |
| selectSyncTotal | 下拉框配置数据总数(同步) | Number | | |
| selectSyncCandidateData | 下拉框配置候选数据(同步) | Array | | |
| selectAsyncLoading | 下拉框配置加载状态(异步) | Boolean | | |
| selectAsyncData | 下拉框配置数据(异步) | Array | | |
| selectAsyncTotal | 下拉框配置数据总数(异步) | Number | | |
| popperDialogShow | 显示 dialog 弹框 | Boolean | | |
| popperDialogOptions | dialog 弹框目录数据 | Number | | |
| dialogAsyncLoading | 弹窗配置加载状态(异步) | Boolean | | |
| dialogAsyncData | 弹窗配置数据(异步) | Array | | |
| dialogAsyncTotal | 弹窗配置数据总数(异步) | Number | | |
| backgroundImage | 样式使用的背景图片 | String | | |
事件
| metaIndicatorPagination | 左侧指标数据分页查询事件 | |
| metaCatalogueLoad | 左侧目录异步加载事件 | |
| metaGroupLoad | 左侧分组异步加载事件 | |
| metaTimeLoad | 左侧时间框架异步加载事件 | |
| popperRadio | 拖拽操作单选框弹框获取目录数据 | |
| popperCheckbox | 拖拽操作多选框弹框获取目录数据 | |
| popperRadioCheckboxLoad | 拖拽操作单、多选框弹框获取目录项数据 | |
| getCatalogueList | 拖拽目录时,获取目录数据 | |
| popperSelect | 拖拽操作下拉框弹框获取目录数据 | |
| popperDialog | 拖拽操作弹窗框弹框获取目录数据 | |
| configSelectSync | 右侧下拉框配置获取同步数据 | |
| configSelectCandidate | 右侧下拉框配置获取同步候选数据 | |
| configSelectAsync | 右侧下拉框配置获取异步数据 | |
| configDialogAsync | 右侧弹窗配置获取异步数据 | |
| saveSheet | 保存 | |
| saveAndOut | 保存并退出 | |
| download | 下载 | |
方法
发布流程
npm run build
npm login
npm publish