gcjiaotong-starter-ds-ui
v0.0.2-2023060802-report
Published
> 基于千行框架开发的数据源统一管理
Downloads
1
Readme
千行低代码数据源
基于千行框架开发的数据源统一管理
一、安装
$ 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组件
参数
| 名称 | 参数 | 说明 | | ---- | ---- |-------------------------------| | | | |
事件
| 名称 | 参数 | 说明 | | ---- | ---- |-------------------------------| | | | |