klinsmaya/SQLBot
1
0
Fork 0
mirror of https://gh-proxy.org/https://github.com/klinsmaya/SQLBot.git synced 2026-11-08 01:06:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(Data Source): Add a loading animation to the data table selection page.

Browse Source
This commit is contained in:
dataeaseShu
2025-12-25 14:59:28 +08:00
committed by dataeaseShu
parent 807be493d7
commit 5f0aaeb5ab
1 changed files with 42 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/ds/DatasourceForm.vue
+42 -31
View File
@@ -41,6 +41,7 @@ const checkList = ref<any>([])
const tableList = ref<any>([])
const excelUploadSuccess = ref(false)
const tableListLoading = ref(false)
const tableListLoadingV1 = ref(false)
const checkLoading = ref(false)
const dialogTitle = ref('')
const getUploadURL = import.meta.env.VITE_API_BASE_URL + '/datasource/uploadExcel'
@@ -167,38 +168,44 @@ const initForm = (item: any, editTable: boolean = false) => {
isCreate.value = false
// request tables and check tables
datasourceApi.tableList(item.id).then((res: any) => {
checkList.value = res.map((ele: any) => {
return ele.table_name
})
if (item.type === 'excel') {
tableList.value = form.value.sheets
nextTick(() => {
handleCheckedTablesChange([...checkList.value])
tableListLoadingV1.value = true
datasourceApi
.tableList(item.id)
.then((res: any) => {
checkList.value = res.map((ele: any) => {
return ele.table_name
})
} else {
tableListLoading.value = true
const requestObj = buildConf()
datasourceApi
.getTablesByConf(requestObj)
.then((table) => {
tableList.value = table
checkList.value = checkList.value.filter((ele: string) => {
return table
.map((ele: any) => {
return ele.tableName
})
.includes(ele)
})
nextTick(() => {
handleCheckedTablesChange([...checkList.value])
})
if (item.type === 'excel') {
tableList.value = form.value.sheets
nextTick(() => {
handleCheckedTablesChange([...checkList.value])
})
.finally(() => {
tableListLoading.value = false
})
}
})
} else {
tableListLoading.value = true
const requestObj = buildConf()
datasourceApi
.getTablesByConf(requestObj)
.then((table) => {
tableList.value = table
checkList.value = checkList.value.filter((ele: string) => {
return table
.map((ele: any) => {
return ele.tableName
})
.includes(ele)
})
nextTick(() => {
handleCheckedTablesChange([...checkList.value])
})
})
.finally(() => {
tableListLoading.value = false
})
}
})
.finally(() => {
tableListLoadingV1.value = false
})
}
} else {
dialogTitle.value = t('ds.form.title.add')
@@ -708,7 +715,11 @@ defineExpose({
</el-form-item>
</div>
</el-form>
<div v-show="activeStep === 2" v-loading="tableListLoading" class="select-data_table">
<div
v-show="activeStep === 2"
v-loading="tableListLoading || tableListLoadingV1"
class="select-data_table"
>
<div class="title">
{{ $t('ds.form.choose_tables') }} ({{ checkTableList.length }}/ {{ tableList.length }})
</div>