Chao
/
etl-cloud-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(): 资产结构概述统计数量

chao
chao 2024-04-24 15:12:31 +08:00
parent 271e2c0af6
commit 01a2c3956f
2 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/data/structure/dashlboard/OverallSpecificAssets.vue
View File

@ -12,7 +12,7 @@
<div class="card-panel-text"> <div class="card-panel-text">
资产模型 资产模型
</div> </div>
<count-to :duration="3000" :end-val="15" :start-val="0" class="card-panel-num"/> <count-to :duration="3000" :end-val="structureTableDataCount.tableCount" :start-val="0" class="card-panel-num"/>
</div> </div>
</div> </div>
</el-col> </el-col>
@ -25,7 +25,7 @@
<div class="card-panel-text"> <div class="card-panel-text">
数据模型 数据模型
</div> </div>
<count-to :duration="3200" :end-val="230" :start-val="0" class="card-panel-num"/> <count-to :duration="3200" :end-val="structureTableDataCount.tableDataCount" :start-val="0" class="card-panel-num"/>
</div> </div>
</div> </div>
</el-col> </el-col>
@ -124,6 +124,10 @@ export default {
title: { title: {
type: String, type: String,
default: "-" default: "-"
},
structureTableDataCount: {
tableCount: null ,
tableDataCount: null ,
} }
}, },
data() { data() {

17
src/views/data/structure/index.vue
View File

@ -19,7 +19,7 @@
<el-container> <el-container>
<el-main> <el-main>
<OverallAssets v-if="showAssets == null" :assetStructureDataCount="assetStructureDataCount"/> <OverallAssets v-if="showAssets == null" :assetStructureDataCount="assetStructureDataCount"/>
<overall-specific-assets v-if="showAssets === 'dataSource'" :title="title"/> <overall-specific-assets v-if="showAssets === 'dataSource'" :title="title" :structureTableDataCount="structureTableDataCount"/>
</el-main> </el-main>
</el-container> </el-container>
</el-container> </el-container>
@ -51,6 +51,11 @@ export default {
dataCount: null, dataCount: null,
assetStructureTableCount: null , assetStructureTableCount: null ,
assetStructureTableDataCount: null , assetStructureTableDataCount: null ,
},
// 数据接入数量
structureTableDataCount: {
tableCount: null ,
tableDataCount: null ,
} }
} }
@ -59,7 +64,7 @@ export default {
this.listAssetStructure(); this.listAssetStructure();
}, },
methods: { methods: {
// 同步数据结构 // 查询数据资产列表
listAssetStructure() { listAssetStructure() {
listAssetStructure().then(response => { listAssetStructure().then(response => {
// console.log(response) // console.log(response)
@ -73,7 +78,6 @@ export default {
// 数据接入数量 // 数据接入数量
this.assetStructureDataCount.dataCount = this.assetStructureList.length this.assetStructureDataCount.dataCount = this.assetStructureList.length
this.assetStructureDataCount.assetStructureTableCount = response.data.assetStructureTableCount this.assetStructureDataCount.assetStructureTableCount = response.data.assetStructureTableCount
console.log(response)
this.assetStructureDataCount.assetStructureTableDataCount = response.data.assetStructureTableDataCount this.assetStructureDataCount.assetStructureTableDataCount = response.data.assetStructureTableDataCount
}) })
@ -99,13 +103,18 @@ export default {
// console.log(response); // console.log(response);
// 将 API 返回的 data 属性赋值给 this.childrenList // 将 API 返回的 data 属性赋值给 this.childrenList
this.childrenList = response.data; this.childrenList = response.data.assetStructureList;
// 遍历 this.childrenList，为每个元素添加 type 属性，值为 "dataTable" // 遍历 this.childrenList，为每个元素添加 type 属性，值为 "dataTable"
this.childrenList.forEach((item) => { this.childrenList.forEach((item) => {
item.type = "dataTable"; item.type = "dataTable";
}); });
this.structureTableDataCount.tableCount = response.data.tableCount
this.structureTableDataCount.tableDataCount = response.data.tableDataCount
console.log(this.structureTableDataCount)
// 调用 resolve 函数，传递处理后的 this.childrenList 作为子节点数据 // 调用 resolve 函数，传递处理后的 this.childrenList 作为子节点数据
resolve(this.childrenList); resolve(this.childrenList);
}); });