千行低代码数据源

基于千行框架开发的数据源统一管理

一、安装

$ npm install gc-starter-ds-ui

二、在千行框架中使用

以组件 ApiManagement 为例，使用方式如下：

在组件中引入组件和样式

<template>
   <appCode :apiCode="appCode"></appCode>
</template>
<script>
  // 引入组件和样式css
  import { ApiManagement }  from 'gc-starter-ds-ui'
  import "gc-starter-ds-ui/lib/gcDataSource.css"
  export default {
    components: {
      ApiManagement
    }
  }
</script>

三、组件列表

3.1 api管理组件 -- ApiManagement

参数

| 名称 | 参数 | 说明 | | ---- | ---- |-------------------------------| | appCode | | 应用编码 |

3.2 数据源管理组件 -- DataSource

参数

| 名称 | 参数 | 说明 | | -------- | ------------------------- | -------------------------------------------- | | isDialog | true/false【默认为false】 | 是否应用到弹窗内的标识 | | sourceId | String/null【默认为null】 | 仅isDialog为true时有意义，用于回显选中数据源 | | appCode | String | 应用编码 |

方法

| 名称 | 参数 | 说明 | | ----------- | ---- | ---------------- | | getSourceId | | 获取选中数据源id |

this.$refs[componentRef].getSourceId();

3.3 数据集管理组件 -- DatasetConfig

参数

| 名称 | 参数 | 说明 | | -------- | -------------------------- | ------------------------------------------------------------ | | isDialog | true/false【默认为false】 | 是否应用到弹窗内的标识 | | dsValue | Array/Object【默认为null】 | 仅isDialog为true时有意义，用于回显选中数据集 | | dsType | Array | 新增数据集类型管理['original', 'custom', 'storedProcedure', 'json', 'dataModel', 'script'] | | appCode | String | 应用编码 | | multiple | true/false【默认为false】 | 用于多选操作，仅isDialog为true时生效 |

方法

| 名称 | 返回值 | 说明 | | ----------- | ------------- | ------------------ | | getSelectDs | Array|Object | 获取选中数据集信息 |

this.$refs[componentRef].getDsId();

3.4 指标管理组件 -- MetricsManage

参数

| 名称 | 参数 | 说明 | | ------- | ------ | -------- | | appCode | String | 应用编码 |

xxx组件

参数

| 名称 | 参数 | 说明 | | ---- | ---- |-------------------------------| | | | |

事件

| 名称 | 参数 | 说明 | | ---- | ---- |-------------------------------| | | | |