采集设计器

依赖

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 | 下载 | |

方法

| 方法名 | 说明 | 参数 | | ------ | ---- | ---- |

发布流程

1. 编译代码

npm run build

2. 登录(登录过可忽略)

npm login

3. 发布

npm publish