@thtf/spreadsheet-designer-collector

采集设计器

依赖

Vue 2.6.14+

Element-UI 2.15.8+

安装

npm install @thtf/spreadsheet-designer-collector

快速上手

<!-- 使用组件 -->
<template>
  <div id="app">
    <thtf-collector />
  </div>
</template>

<script>
  import ThtfCollector from '@thtf/spreadsheet-designer-collector';

  export default {
    name: 'app',
    components: {
      ThtfCollector,
    },
    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