feat:数据展示
parent
2045889bb1
commit
5a40ef2005
|
|
@ -1,52 +1,52 @@
|
|||
<template>
|
||||
<el-container :style="{height: mainHeight + 'px'}">
|
||||
<el-aside>
|
||||
<el-tree style="background-color: white" :data="sourceList" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
|
||||
<el-tree lazy :load="expandTable" style="background-color: white" :data="sourceList" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
|
||||
</el-aside>
|
||||
<el-container>
|
||||
<el-main>
|
||||
<data-source-show v-if="showAssets === 'dataSource'" :source="source"></data-source-show>
|
||||
<data-asset-show v-if="showAssets === 'dataTable'" :asset="asset" :source="source"></data-asset-show>
|
||||
<!-- <el-card>-->
|
||||
<!-- <div slot="header" class="clearfix">-->
|
||||
<!-- <span>资产模型基本信息</span>-->
|
||||
<!-- </div>-->
|
||||
<!-- <el-descriptions border :column="2">-->
|
||||
<!-- <el-descriptions-item label="表名称">{{asset.tableName}}</el-descriptions-item>-->
|
||||
<!-- <el-descriptions-item label="表备注">{{asset.tableComment}}</el-descriptions-item>-->
|
||||
<!-- <el-descriptions-item label="数据量">{{asset.tableCount}}</el-descriptions-item>-->
|
||||
<!-- <el-descriptions-item label="是否核心">-->
|
||||
<!-- <el-tag size="small">是</el-tag>-->
|
||||
<!-- </el-descriptions-item>-->
|
||||
<!-- </el-descriptions>-->
|
||||
<!-- </el-card>-->
|
||||
<!-- <el-card>-->
|
||||
<!-- <div slot="header" class="clearfix">-->
|
||||
<!-- <span>资产模型基本信息</span>-->
|
||||
<!-- </div>-->
|
||||
<!-- <el-descriptions border :column="2">-->
|
||||
<!-- <el-descriptions-item label="表名称">{{asset.tableName}}</el-descriptions-item>-->
|
||||
<!-- <el-descriptions-item label="表备注">{{asset.tableComment}}</el-descriptions-item>-->
|
||||
<!-- <el-descriptions-item label="数据量">{{asset.tableCount}}</el-descriptions-item>-->
|
||||
<!-- <el-descriptions-item label="是否核心">-->
|
||||
<!-- <el-tag size="small">是</el-tag>-->
|
||||
<!-- </el-descriptions-item>-->
|
||||
<!-- </el-descriptions>-->
|
||||
<!-- </el-card>-->
|
||||
|
||||
<!-- <el-card class="box-card" style="margin-top: 20px">-->
|
||||
<!-- <div slot="header" class="clearfix">-->
|
||||
<!-- <span>模型数据</span>-->
|
||||
<!-- </div>-->
|
||||
<!-- <el-row v-if="kvtList.length > 0" :gutter="20">-->
|
||||
<!-- <el-col :span="6" v-for="(kvt,index) in kvtList[0]" style="margin-top: 20px">-->
|
||||
<!-- <el-descriptions :title="source.dataSourceName+'.'+asset.tableName+'.'+index" direction="vertical" border :column="1">-->
|
||||
<!-- <el-descriptions-item label="Type">-->
|
||||
<!-- <el-tag size="small">{{kvt.type}}</el-tag>-->
|
||||
<!-- </el-descriptions-item>-->
|
||||
<!-- <el-descriptions-item label="Value">{{kvt.value=='' ? 'null':kvt.value}}</el-descriptions-item>-->
|
||||
<!-- </el-descriptions>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- </el-row>-->
|
||||
<!-- <el-row v-if="kvtList.length == 0" :gutter="20">-->
|
||||
<!-- <el-col :span="6" v-for="(value,index) in structure" style="margin-top: 20px">-->
|
||||
<!-- <el-descriptions :title="source.dataSourceName+'.'+asset.tableName+'.'+index" direction="vertical" border :column="1">-->
|
||||
<!-- <el-descriptions-item label="Type">-->
|
||||
<!-- <el-tag size="small">{{value}}</el-tag>-->
|
||||
<!-- </el-descriptions-item>-->
|
||||
<!-- <el-descriptions-item label="Value">null</el-descriptions-item>-->
|
||||
<!-- </el-descriptions>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- </el-row>-->
|
||||
<!-- <el-card class="box-card" style="margin-top: 20px">-->
|
||||
<!-- <div slot="header" class="clearfix">-->
|
||||
<!-- <span>模型数据</span>-->
|
||||
<!-- </div>-->
|
||||
<!-- <el-row v-if="kvtList.length > 0" :gutter="20">-->
|
||||
<!-- <el-col :span="6" v-for="(kvt,index) in kvtList[0]" style="margin-top: 20px">-->
|
||||
<!-- <el-descriptions :title="source.dataSourceName+'.'+asset.tableName+'.'+index" direction="vertical" border :column="1">-->
|
||||
<!-- <el-descriptions-item label="Type">-->
|
||||
<!-- <el-tag size="small">{{kvt.type}}</el-tag>-->
|
||||
<!-- </el-descriptions-item>-->
|
||||
<!-- <el-descriptions-item label="Value">{{kvt.value=='' ? 'null':kvt.value}}</el-descriptions-item>-->
|
||||
<!-- </el-descriptions>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- </el-row>-->
|
||||
<!-- <el-row v-if="kvtList.length == 0" :gutter="20">-->
|
||||
<!-- <el-col :span="6" v-for="(value,index) in structure" style="margin-top: 20px">-->
|
||||
<!-- <el-descriptions :title="source.dataSourceName+'.'+asset.tableName+'.'+index" direction="vertical" border :column="1">-->
|
||||
<!-- <el-descriptions-item label="Type">-->
|
||||
<!-- <el-tag size="small">{{value}}</el-tag>-->
|
||||
<!-- </el-descriptions-item>-->
|
||||
<!-- <el-descriptions-item label="Value">null</el-descriptions-item>-->
|
||||
<!-- </el-descriptions>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- </el-row>-->
|
||||
|
||||
<!-- </el-card>-->
|
||||
<!-- </el-card>-->
|
||||
</el-main>
|
||||
</el-container>
|
||||
</el-container>
|
||||
|
|
@ -54,9 +54,11 @@
|
|||
|
||||
<script>
|
||||
|
||||
import {dataAssetList, listSource, structureList} from "@/api/dataSource/source";
|
||||
import DataSourceShow from "@/views/dataSource/assetShow/modules/dataSourceShow.vue";
|
||||
|
||||
|
||||
import DataAssetShow from "@/views/dataSource/assetShow/modules/dataAssetShow.vue";
|
||||
import DataSourceShow from "@/views/dataSource/assetShow/modules/dataSourceShow.vue";
|
||||
import {dataAssetList, listSource} from "@/api/dataSource/source";
|
||||
|
||||
export default {
|
||||
name: "AssetShow",
|
||||
|
|
@ -81,27 +83,39 @@ export default {
|
|||
{key: "测试.sys_user.sex", type: "String", value: "Y"},
|
||||
],
|
||||
kvtList: [],
|
||||
structure: []
|
||||
structure: [],
|
||||
childrenList: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
expandTable( node, resolve){
|
||||
if (node.level === 0) return resolve(this.sourceList);
|
||||
const {data} = node;
|
||||
this.showAssets = data.dataType;
|
||||
if (data.dataType === 'dataTable') {
|
||||
return resolve([])
|
||||
}
|
||||
setTimeout(() => {
|
||||
resolve(this.childrenList)
|
||||
}, 500);
|
||||
},
|
||||
getList() {
|
||||
listSource({}).then(response => {
|
||||
this.sourceList = response.data.rows;
|
||||
this.sourceList.forEach(source => {
|
||||
if (source.type=='PostGreSql'){
|
||||
source.label=source.dataSourceName+'('+source.databaseName+'-'+source.modeName+'-'+source.systemName+')'
|
||||
source.label=source.name+'('+source.databaseName+'-'+source.modeName+'-'+source.systemName+')'
|
||||
}else{
|
||||
source.label=source.dataSourceName+'('+source.databaseName+'-'+source.systemName+')'
|
||||
source.label=source.name+'('+source.databaseName+'-'+source.systemName+')'
|
||||
}
|
||||
|
||||
source.dataType = 'dataSource'
|
||||
if (source.tableList!=null){
|
||||
source.tableList.forEach(table => {
|
||||
table.label = table.tableName+'-'+table.tableComment+'('+table.tableCount+'条)'
|
||||
table.label= table.name+'-'+table.nameAs+"("+table.dataTotal+"条)"
|
||||
table.dataType = 'dataTable'
|
||||
})
|
||||
}
|
||||
|
|
@ -117,24 +131,25 @@ export default {
|
|||
// })
|
||||
// },
|
||||
handleNodeClick(data) {
|
||||
if (data.dataType === 'dataSource'){
|
||||
this.source = data
|
||||
if (data.dataType === 'dataSource') {
|
||||
dataAssetList(data).then(res => {
|
||||
res.data.forEach(table => {
|
||||
table.dataType = "dataTable"
|
||||
table.label=table.tableName+"-"+table.tableComment+"("+table.tableCount+"条)"
|
||||
table.label = table.name + "-" + table.nameAs + "(" + table.dataTotal + "条)"
|
||||
})
|
||||
data.tableList = res.data
|
||||
this.sourceList[this.sourceList.indexOf(data)].tableList = res.data
|
||||
this.childrenList = res.data
|
||||
this.title = data
|
||||
this.source = data
|
||||
})
|
||||
|
||||
}else{
|
||||
this.asset= data
|
||||
} else {
|
||||
this.asset = data
|
||||
this.sourceList.forEach(source => {
|
||||
if (source.tableList!=null){
|
||||
if (source.tableList != null) {
|
||||
source.tableList.forEach(table => {
|
||||
if (table.tableName === data.tableName){
|
||||
if (table.tableName === data.tableName) {
|
||||
this.source = source
|
||||
}
|
||||
})
|
||||
|
|
@ -147,18 +162,7 @@ export default {
|
|||
// }, 50);
|
||||
|
||||
}
|
||||
this.showAssets = data.dataType
|
||||
},
|
||||
expandTable( node, resolve){
|
||||
if (node.level === 0) return resolve(this.assetStructureList);
|
||||
const {data} = node;
|
||||
if (data.type === 'dataTable') {
|
||||
return resolve([])
|
||||
}
|
||||
setTimeout(() => {
|
||||
resolve(this.childrenList)
|
||||
}, 500);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -170,13 +174,16 @@ export default {
|
|||
width: 400px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.el-main {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
.custom-tree-node{
|
||||
|
||||
.custom-tree-node {
|
||||
height: 30px;
|
||||
}
|
||||
.el-descriptions-row>th{
|
||||
|
||||
.el-descriptions-row > th {
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -5,9 +5,9 @@
|
|||
<span>资产模型基本信息</span>
|
||||
</div>
|
||||
<el-descriptions border :column="2">
|
||||
<el-descriptions-item label="表名称">{{asset.tableName}}</el-descriptions-item>
|
||||
<el-descriptions-item label="表备注">{{asset.tableComment}}</el-descriptions-item>
|
||||
<el-descriptions-item label="数据量">{{asset.tableCount}}</el-descriptions-item>
|
||||
<el-descriptions-item label="表名称">{{asset.name}}</el-descriptions-item>
|
||||
<el-descriptions-item label="表备注">{{asset.nameAs}}</el-descriptions-item>
|
||||
<el-descriptions-item label="数据量">{{asset.dataTotal}}</el-descriptions-item>
|
||||
<el-descriptions-item label="是否核心">
|
||||
<el-tag size="small">是</el-tag>
|
||||
</el-descriptions-item>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<el-row :gutter="40" class="panel-group">
|
||||
<el-col :span="24">
|
||||
<el-tabs v-model="activeName" type="border-card">
|
||||
<el-tab-pane v-for="tableAsset in source.tableList" :label="tableAsset.tableName+'('+tableAsset.tableComment+')'" :name="tableAsset.tableName">
|
||||
<el-tab-pane v-for="tableAsset in source.tableList" :label="tableAsset.name+'('+tableAsset.nameAs+')'" :name="tableAsset.name">
|
||||
<data-asset-show v-if="activeName == tableAsset.tableName" :asset="tableAsset" :source="source"/>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
|
|
|||
|
|
@ -6,11 +6,8 @@
|
|||
更多操作
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item command="add">版本添加</el-dropdown-item>
|
||||
<el-dropdown-item command="activate">
|
||||
{{ (ruleEngineInfo.isActivate === 'no-activate' ? "激活" : "禁用") + '引擎' }}
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item command="status">{{ (ruleEngineInfo.status === '0' ? "关闭" : "开启") + '引擎' }}
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item command="activate">{{ (ruleEngineInfo.isActivate === 'no-activate' ? "激活" : "禁用") + '引擎' }}</el-dropdown-item>
|
||||
<el-dropdown-item command="status">{{ (ruleEngineInfo.status === '0' ? "关闭" : "开启") + '引擎' }}</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue