center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

feat(数据源): API 数据源支持选择及组合多层级中的字段

Browse Source
This commit is contained in:
taojinlong 2022-07-21 17:34:42 +08:00
parent 7426106c7c
commit 43cb0b854e
2 changed files with 74 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
backend/src/main/java/io/dataease/provider/datasource/ApiProvider.java
View File

@ -209,30 +209,28 @@ public class ApiProvider extends Provider {
for (String s : jsonObject.keySet()) {
String value = jsonObject.getString(s);
if (StringUtils.isNotEmpty(value) && value.startsWith("[")) {
rootPath = rootPath + "." + s;
JSONArray jsonArray = JSONObject.parseArray(jsonObject.getString(s));
List<JSONObject> children = new ArrayList<>();
for (Object o : jsonArray) {
handleStr(apiDefinition, o.toString(), children, rootPath + "[*]");
handleStr(apiDefinition, o.toString(), children, rootPath + "." + s + "[*]");
}
JSONObject o = new JSONObject();
o.put("children", children);
o.put("childrenDataType", "LIST");
o.put("jsonPath", rootPath);
o.put("jsonPath", rootPath + "." + s);
setProperty(apiDefinition, o, s);
if (!hasItem(objects, o, null)) {
if (!hasItem(apiDefinition, objects, o, null)) {
objects.add(o);
}
} else if (StringUtils.isNotEmpty(value) && value.startsWith("{")) {
List<JSONObject> children = new ArrayList<>();
rootPath = rootPath + "." + s;
handleStr(apiDefinition, jsonObject.getString(s), children, rootPath);
handleStr(apiDefinition, jsonObject.getString(s), children, rootPath + "." + s);
JSONObject o = new JSONObject();
o.put("children", children);
o.put("childrenDataType", "OBJECT");
o.put("jsonPath", rootPath);
o.put("jsonPath", rootPath + "." + s);
setProperty(apiDefinition, o, s);
if (!hasItem(objects, o, null)) {
if (!hasItem(apiDefinition, objects, o, null)) {
objects.add(o);
}
} else {
@ -240,7 +238,7 @@ public class ApiProvider extends Provider {
o.put("children", null);
o.put("jsonPath", rootPath + "." + s);
setProperty(apiDefinition, o, s);
if (!hasItem(objects, o, StringUtils.isNotEmpty(jsonObject.getString(s))? jsonObject.getString(s) : "")) {
if (!hasItem(apiDefinition, objects, o, StringUtils.isNotEmpty(jsonObject.getString(s))? jsonObject.getString(s) : "")) {
JSONArray array = new JSONArray();
array.add(StringUtils.isNotEmpty(jsonObject.getString(s))? jsonObject.getString(s) : "");
o.put("value", array);
@ -272,17 +270,19 @@ public class ApiProvider extends Provider {
}
static private boolean hasItem(List<JSONObject> objects, JSONObject o, String value) {
static private boolean hasItem(ApiDefinition apiDefinition, List<JSONObject> objects, JSONObject item, String value) {
boolean has = false;
for (JSONObject object : objects) {
JSONObject jsonObject = JSONObject.parseObject(object.toJSONString());
jsonObject.remove("value");
jsonObject.remove("id");
if (Md5Utils.md5(jsonObject.toString()).equals(Md5Utils.md5(o.toString()))) {
jsonObject.remove("children");
JSONObject o = JSONObject.parseObject(item.toJSONString());
o.remove("children");
if (object.getString("jsonPath").equals(item.getString("jsonPath")) ) {
has = true;
if(value != null){
JSONArray array = object.getJSONArray("value");
JSONArray array = object.getJSONArray("value");
if(value != null && array.size() < apiDefinition.getPreviewNum()){
array.add(value);
object.put("value", array);
}

103
frontend/src/views/system/datasource/DsConfiguration.vue
View File

@ -13,14 +13,14 @@
>
<el-form-item v-if="form.type == 'api'" :label="$t('datasource.data_table')">
<el-col>
<el-button size="mini" icon="el-icon-plus" type="text" @click="addApiItem(undefined)"/>
<el-button size="mini" icon="el-icon-plus" type="text" @click="addApiItem(undefined)" />
<el-table :data="form.apiConfiguration" class="my_table" max-height="300" height="300">
<el-table-column prop="name" :label="$t('datasource.data_table_name')" width="150"
show-overflow-tooltip></el-table-column>
show-overflow-tooltip />
<el-table-column prop="method" :label="$t('datasource.method')" width="150"
show-overflow-tooltip></el-table-column>
show-overflow-tooltip />
<el-table-column prop="url" :label="$t('datasource.url')" width="150"
show-overflow-tooltip></el-table-column>
show-overflow-tooltip />
<el-table-column prop="status" :label="$t('commons.status')" width="150">
<template slot-scope="scope">
<span v-if="scope.row.status === 'Success'" style="color: green">
@ -84,10 +84,10 @@
:rules="rule">
<p class="tip">{{ $t('datasource.column_info') }} </p>
<el-table :data="apiItem.jsonFields" style="width: 100%;" row-key="id">
<el-table-column prop="date" label="" width="255">
<el-table :data="apiItem.jsonFields" style="width: 100%;" row-key="jsonPath">
<el-table-column prop="originName" label="" width="255">
<template slot-scope="scope">
<el-checkbox v-model="scope.row.checked" :key="scope.row.id"
<el-checkbox v-model="scope.row.checked" :key="scope.row.jsonPath"
@change="handleCheckAllChange(scope.row)">
{{ scope.row.originName }}
</el-checkbox>
@ -458,19 +458,31 @@ export default {
authManager: {}
},
fields: [],
jsonFields: [],
maxPreviewNum: ''
jsonFields: [
{
"deType":0,
"size":65535,
"children":null,
"name":"comments",
"checked":false,
"extField":0,
"jsonPath":"$[*].comments",
"type":"STRING",
"originName":"comments",
"deExtractType":0
}
]
},
reqOptions: [{id: 'GET', label: 'GET'}, {id: 'POST', label: 'POST'}],
reqOptions: [{ id: 'GET', label: 'GET'}, {id: 'POST', label: 'POST' }],
loading: false,
responseData: {type: 'HTTP', responseResult: {}, subRequestResults: []},
responseData: { type: 'HTTP', responseResult: {}, subRequestResults: [] },
api_step2_active_name: 'first',
fieldTypes: [
{label: this.$t('dataset.text'), value: 0},
{label: this.$t('dataset.time'), value: 1},
{label: this.$t('dataset.value'), value: 2},
{label: this.$t('dataset.value') + '(' + this.$t('dataset.float') + ')', value: 3},
{label: this.$t('dataset.location'), value: 5}
{ label: this.$t('dataset.text'), value: 0 },
{ label: this.$t('dataset.time'), value: 1 },
{ label: this.$t('dataset.value'), value: 2 },
{ label: this.$t('dataset.value') + '(' + this.$t('dataset.float') + ')', value: 3 },
{ label: this.$t('dataset.location'), value: 5 }
],
height: 500,
disabledNext: false,
@ -483,10 +495,10 @@ export default {
label: 'Kerberos'
}],
fieldOptions: [
{label: this.$t('dataset.text'), value: 0},
{label: this.$t('dataset.value'), value: 2},
{label: this.$t('dataset.value') + '(' + this.$t('dataset.float') + ')', value: 3},
],
{ label: this.$t('dataset.text'), value: 0 },
{ label: this.$t('dataset.value'), value: 2 },
{ label: this.$t('dataset.value') + '(' + this.$t('dataset.float') + ')', value: 3 }
]
}
},
created() {
@ -517,7 +529,7 @@ export default {
}
})
} else {
let index = this.form.apiConfiguration.indexOf(this.apiItem)
const index = this.form.apiConfiguration.indexOf(this.apiItem)
for (let i = 0; i < this.form.apiConfiguration.length; i++) {
if (i !== index && this.form.apiConfiguration[i].name === this.apiItem.name) {
hasRepeatName = true
@ -540,8 +552,8 @@ export default {
this.$success(i18n.t('commons.success'))
this.active++
this.apiItem.jsonFields = res.data.jsonFields
this.apiItem.maxPreviewNum = res.data.maxPreviewNum
this.handleFiledChange();
this.apiItem.fields = []
this.handleFiledChange()
this.previewData()
}).catch(res => {
this.loading = false
@ -588,43 +600,48 @@ export default {
this.form.apiConfiguration.splice(this.form.apiConfiguration.indexOf(item), 1)
},
handleCheckAllChange(row) {
console.log(row)
this.handleCheckChange(row)
this.apiItem.fields = []
this.handleFiledChange()
this.previewData()
},
handleFiledChange(data) {
this.apiItem.fields = []
let jsonField = data === undefined ? this.apiItem.jsonFields : data;
jsonField.forEach((item) => {
if (item.checked && item.children === null) {
this.apiItem.fields.push(item)
let jsonField = data === undefined ? this.apiItem.jsonFields : data
for(var i=0;i< jsonField.length;i++) {
if (jsonField[i].checked && jsonField[i].children === null) {
this.apiItem.fields.push(jsonField[i])
}
if (item.children !== null) {
this.handleFiledChange(item.children)
if (jsonField[i].children !== null) {
this.handleFiledChange(jsonField[i].children)
}
})
}
},
previewData() {
let datas = [];
for (let i = 0; i < this.apiItem.maxPreviewNum; i++) {
datas.push({})
}
for (let i = 0; i < this.apiItem.fields.length; i++) {
for (let j = 0; j < this.apiItem.fields[i].value.length; j++) {
this.$set(datas[j], this.apiItem.fields[i].name , this.apiItem.fields[i].value[j]);
let datas = []
let maxPreviewNum = 0
for (let j = 0; j < this.apiItem.fields.length; j++) {
if (this.apiItem.fields[j].value && this.apiItem.fields[j].value.length > maxPreviewNum) {
maxPreviewNum = this.apiItem.fields[j].value.length
}
}
this.$refs.plxTable.reloadData(datas)
for (let i = 0; i < maxPreviewNum; i++) {
datas.push({})
}
for (let i = 0; i < this.apiItem.fields.length; i++) {
for (let j = 0; j < this.apiItem.fields[i].value.length; j++) {
this.$set(datas[j], this.apiItem.fields[i].name, this.apiItem.fields[i].value[j]);
}
this.$refs.plxTable.reloadData(datas)
}
},
handleCheckChange(node) {
if (node.children !== null) {
node.children.forEach((item) => {
item.checked = node.checked;
item.checked = node.checked
this.handleCheckChange(item)
});
})
}
},
fieldNameChange(row) {
this.previewData()