Yueng
parent
3023ef2b5e
commit
90fd958bbe
|
|
@ -6,3 +6,10 @@ export function getExtractDataTableNameList() {
|
|||
method: 'post',
|
||||
})
|
||||
}
|
||||
|
||||
export function findTableValue(id,dataName) {
|
||||
return request({
|
||||
url: '/property/dataRunName/findTableValue?basicId='+id +"&dataName="+dataName,
|
||||
method: 'post',
|
||||
})
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,62 +1,150 @@
|
|||
<template>
|
||||
<div>
|
||||
<h1>数据资产结构</h1>
|
||||
|
||||
<el-container>
|
||||
<el-aside width="200px">Aside</el-aside>
|
||||
<el-container>
|
||||
<el-header>Header</el-header>
|
||||
<el-main>Main</el-main>
|
||||
<el-footer>Footer</el-footer>
|
||||
</el-container>
|
||||
</el-container>
|
||||
<el-aside width="400px">
|
||||
|
||||
<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
|
||||
|
||||
</el-aside>
|
||||
|
||||
<el-main>
|
||||
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span style="font-size: xx-large"></span>
|
||||
<template>
|
||||
|
||||
<el-descriptions class="margin-top" title="资产模型基本信息" :column="2" border>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">表名称</template>
|
||||
{{ tableBasic.name }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">表备注</template>
|
||||
{{ tableBasic.tableRemark }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">数据量</template>
|
||||
{{ dataNum }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">是否核心</template>
|
||||
<dict-tag :options="dict.type.sys_no" :value="tableBasic.isCenter"/>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</template>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</el-card>
|
||||
|
||||
<el-card class="box-card" title="资产模型基本信息" :column="2" >
|
||||
<div slot="header" class="clearfix">
|
||||
<span>资产模型详细信息</span>
|
||||
</div>
|
||||
<el-table
|
||||
:data="tableStructure" style="width: 100%">
|
||||
<el-table-column label="名称" prop="field"></el-table-column>
|
||||
<el-table-column label="注释" prop="annotation"></el-table-column>
|
||||
<el-table-column label="是否主键" prop="primarys">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.primarys==='PRI'">
|
||||
<el-tag type="success">{{scope.row.primarys }}</el-tag>
|
||||
</span>
|
||||
<span v-if="scope.row.primarys===''">
|
||||
<el-tag type="danger">NO</el-tag>
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="类型" prop="type"></el-table-column>
|
||||
<el-table-column label="映射类型" prop="javaType">{{this.javaType.type}}</el-table-column>
|
||||
<el-table-column label="是否为空" prop="nullable"></el-table-column>
|
||||
<el-table-column label="是否字典" prop="isDictionary"></el-table-column>
|
||||
<el-table-column label="映射字典" prop="dictionaryTable"></el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</el-main>
|
||||
</el-container>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
.el-header, .el-footer {
|
||||
background-color: #a1a1a1;
|
||||
color: #a1a1a1;
|
||||
text-align: center;
|
||||
line-height: 680px;
|
||||
}
|
||||
|
||||
.el-aside {
|
||||
background-color: #ffffff;
|
||||
color: #606060;
|
||||
text-align: center;
|
||||
line-height: 500px;
|
||||
}
|
||||
|
||||
.el-main {
|
||||
background-color: #a1a1a1;
|
||||
color: #a1a1a1;
|
||||
text-align: center;
|
||||
line-height: 680px;
|
||||
background-color: #ececec;
|
||||
color: #000000;
|
||||
line-height: 147px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
||||
|
||||
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
|
||||
//例如：import 《组件名称》 from '《组件路径》,
|
||||
|
||||
import { findTableValue, getExtractDataTableNameList } from '@/api/property/astr'
|
||||
|
||||
export default {
|
||||
//import引入的组件需要注入到对象中才能使用"
|
||||
components: {},
|
||||
dicts: ['sys_no'],
|
||||
props: {},
|
||||
data() {
|
||||
//这里存放数据"
|
||||
|
||||
return {}
|
||||
return {
|
||||
data:[],
|
||||
defaultProps: {
|
||||
children: 'tableNames',
|
||||
label: 'name'
|
||||
},
|
||||
dataNum:0,
|
||||
tableBasic:{
|
||||
|
||||
},
|
||||
tableStructure:[],
|
||||
javaType:[],
|
||||
};
|
||||
},
|
||||
//计算属性 类似于data概念",
|
||||
computed: {},
|
||||
//监控data中的数据变化",
|
||||
watch: {},
|
||||
//方法集合",
|
||||
methods: {},
|
||||
methods: {
|
||||
getSelectList(){
|
||||
getExtractDataTableNameList().then((res)=>{
|
||||
this.data = res.data
|
||||
})
|
||||
},
|
||||
handleNodeClick(data){
|
||||
console.log(data)
|
||||
this.tableBasic=data
|
||||
this.dataNum=data.tableFie.length
|
||||
this.tableStructure=data.tableFie
|
||||
|
||||
var id = 0;
|
||||
data.tableFie.forEach(res => {
|
||||
id=res.tableId
|
||||
})
|
||||
console.log(id)
|
||||
findTableValue(id,data.name).then(res=>{
|
||||
// console.log(res)
|
||||
this.javaType=res.data
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
},
|
||||
//生命周期 - 创建完成（可以访问当前this实例）",
|
||||
created() {
|
||||
this.getSelectList();
|
||||
|
||||
},
|
||||
//生命周期 - 挂载完成（可以访问DOM元素）",
|
||||
mounted() {
|
||||
|
|
@ -75,8 +163,10 @@ export default {
|
|||
}, //生命周期 - 销毁完成",
|
||||
activated() {
|
||||
} //如果页面有keep-alive缓存功能，这个函数会触发",
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,62 +1,150 @@
|
|||
<template>
|
||||
<div>
|
||||
<h1>数据资产结构</h1>
|
||||
|
||||
<el-container>
|
||||
<el-aside width="200px">Aside</el-aside>
|
||||
<el-container>
|
||||
<el-header>Header</el-header>
|
||||
<el-main>Main</el-main>
|
||||
<el-footer>Footer</el-footer>
|
||||
</el-container>
|
||||
</el-container>
|
||||
<el-aside width="400px">
|
||||
|
||||
<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
|
||||
|
||||
</el-aside>
|
||||
|
||||
<el-main>
|
||||
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span style="font-size: xx-large"></span>
|
||||
<template>
|
||||
|
||||
<el-descriptions class="margin-top" title="资产模型基本信息" :column="2" border>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">表名称</template>
|
||||
{{ tableBasic.name }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">表备注</template>
|
||||
{{ tableBasic.tableRemark }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">数据量</template>
|
||||
{{ dataNum }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">是否核心</template>
|
||||
<dict-tag :options="dict.type.sys_no" :value="tableBasic.isCenter"/>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</template>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</el-card>
|
||||
|
||||
<el-card class="box-card" title="资产模型基本信息" :column="2" >
|
||||
<div slot="header" class="clearfix">
|
||||
<span>资产模型详细信息</span>
|
||||
</div>
|
||||
<el-table
|
||||
:data="tableStructure" style="width: 100%">
|
||||
<el-table-column label="名称" prop="field"></el-table-column>
|
||||
<el-table-column label="注释" prop="annotation"></el-table-column>
|
||||
<el-table-column label="是否主键" prop="primarys">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.primarys==='PRI'">
|
||||
<el-tag type="success">{{scope.row.primarys }}</el-tag>
|
||||
</span>
|
||||
<span v-if="scope.row.primarys===''">
|
||||
<el-tag type="danger">NO</el-tag>
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="类型" prop="type"></el-table-column>
|
||||
<el-table-column label="映射类型" prop="javaType">{{this.javaType.type}}</el-table-column>
|
||||
<el-table-column label="是否为空" prop="nullable"></el-table-column>
|
||||
<el-table-column label="是否字典" prop="isDictionary"></el-table-column>
|
||||
<el-table-column label="映射字典" prop="dictionaryTable"></el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</el-main>
|
||||
</el-container>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
.el-header, .el-footer {
|
||||
background-color: #a1a1a1;
|
||||
color: #a1a1a1;
|
||||
text-align: center;
|
||||
line-height: 680px;
|
||||
}
|
||||
|
||||
.el-aside {
|
||||
background-color: #ffffff;
|
||||
color: #606060;
|
||||
text-align: center;
|
||||
line-height: 500px;
|
||||
}
|
||||
|
||||
.el-main {
|
||||
background-color: #a1a1a1;
|
||||
color: #a1a1a1;
|
||||
text-align: center;
|
||||
line-height: 680px;
|
||||
background-color: #ececec;
|
||||
color: #000000;
|
||||
line-height: 147px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
||||
|
||||
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
|
||||
//例如：import 《组件名称》 from '《组件路径》,
|
||||
|
||||
import { findTableValue, getExtractDataTableNameList } from '@/api/property/astr'
|
||||
|
||||
export default {
|
||||
//import引入的组件需要注入到对象中才能使用"
|
||||
components: {},
|
||||
dicts: ['sys_no'],
|
||||
props: {},
|
||||
data() {
|
||||
//这里存放数据"
|
||||
|
||||
return {}
|
||||
return {
|
||||
data:[],
|
||||
defaultProps: {
|
||||
children: 'tableNames',
|
||||
label: 'name'
|
||||
},
|
||||
dataNum:0,
|
||||
tableBasic:{
|
||||
|
||||
},
|
||||
tableStructure:[],
|
||||
javaType:[],
|
||||
};
|
||||
},
|
||||
//计算属性 类似于data概念",
|
||||
computed: {},
|
||||
//监控data中的数据变化",
|
||||
watch: {},
|
||||
//方法集合",
|
||||
methods: {},
|
||||
methods: {
|
||||
getSelectList(){
|
||||
getExtractDataTableNameList().then((res)=>{
|
||||
this.data = res.data
|
||||
})
|
||||
},
|
||||
handleNodeClick(data){
|
||||
console.log(data)
|
||||
this.tableBasic=data
|
||||
this.dataNum=data.tableFie.length
|
||||
this.tableStructure=data.tableFie
|
||||
|
||||
var id = 0;
|
||||
data.tableFie.forEach(res => {
|
||||
id=res.tableId
|
||||
})
|
||||
console.log(id)
|
||||
findTableValue(id,data.name).then(res=>{
|
||||
// console.log(res)
|
||||
this.javaType=res.data
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
},
|
||||
//生命周期 - 创建完成（可以访问当前this实例）",
|
||||
created() {
|
||||
this.getSelectList();
|
||||
|
||||
},
|
||||
//生命周期 - 挂载完成（可以访问DOM元素）",
|
||||
mounted() {
|
||||
|
|
@ -75,8 +163,10 @@ export default {
|
|||
}, //生命周期 - 销毁完成",
|
||||
activated() {
|
||||
} //如果页面有keep-alive缓存功能，这个函数会触发",
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,82 +1,151 @@
|
|||
<template>
|
||||
<div>
|
||||
<h1>数据资产结构</h1>
|
||||
|
||||
<el-container>
|
||||
<el-aside width="300px">
|
||||
<el-tree :data="dataName" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
|
||||
<el-aside width="400px">
|
||||
|
||||
<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
|
||||
|
||||
</el-aside>
|
||||
<el-container>
|
||||
<el-header>Header</el-header>
|
||||
<el-main>Main</el-main>
|
||||
<el-footer>Footer</el-footer>
|
||||
</el-container>
|
||||
|
||||
<el-main>
|
||||
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span style="font-size: xx-large"></span>
|
||||
<template>
|
||||
|
||||
<el-descriptions class="margin-top" title="资产模型基本信息" :column="2" border>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">表名称</template>
|
||||
{{ tableBasic.name }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">表备注</template>
|
||||
{{ tableBasic.tableRemark }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">数据量</template>
|
||||
{{ dataNum }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item>
|
||||
<template slot="label">是否核心</template>
|
||||
<dict-tag :options="dict.type.sys_no" :value="tableBasic.isCenter"/>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</template>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</el-card>
|
||||
|
||||
<el-card class="box-card" title="资产模型基本信息" :column="2" >
|
||||
<div slot="header" class="clearfix">
|
||||
<span>资产模型详细信息</span>
|
||||
</div>
|
||||
<el-table
|
||||
:data="tableStructure" style="width: 100%">
|
||||
<el-table-column label="名称" prop="field"></el-table-column>
|
||||
<el-table-column label="注释" prop="annotation"></el-table-column>
|
||||
<el-table-column label="是否主键" prop="primarys">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.primarys==='PRI'">
|
||||
<el-tag type="success">{{scope.row.primarys }}</el-tag>
|
||||
</span>
|
||||
<span v-if="scope.row.primarys===''">
|
||||
<el-tag type="danger">NO</el-tag>
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="类型" prop="type"></el-table-column>
|
||||
<el-table-column label="映射类型" prop="javaType">{{this.javaType.type}}</el-table-column>
|
||||
<el-table-column label="是否为空" prop="nullable"></el-table-column>
|
||||
<el-table-column label="是否字典" prop="isDictionary"></el-table-column>
|
||||
<el-table-column label="映射字典" prop="dictionaryTable"></el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</el-main>
|
||||
</el-container>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
.el-header, .el-footer {
|
||||
background-color: #a1a1a1;
|
||||
color: #a1a1a1;
|
||||
text-align: center;
|
||||
line-height: 680px;
|
||||
}
|
||||
|
||||
.el-aside {
|
||||
background-color: #ffffff;
|
||||
color: #606060;
|
||||
text-align: center;
|
||||
line-height: 500px;
|
||||
}
|
||||
|
||||
.el-main {
|
||||
background-color: #a1a1a1;
|
||||
color: #a1a1a1;
|
||||
text-align: center;
|
||||
line-height: 680px;
|
||||
background-color: #ececec;
|
||||
color: #000000;
|
||||
line-height: 147px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
|
||||
|
||||
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
|
||||
//例如：import 《组件名称》 from '《组件路径》,
|
||||
import { getExtractDataTableNameList } from '@/api/property/astr'
|
||||
|
||||
import { findTableValue, getExtractDataTableNameList } from '@/api/property/astr'
|
||||
|
||||
export default {
|
||||
//import引入的组件需要注入到对象中才能使用"
|
||||
components: {},
|
||||
dicts: ['sys_no'],
|
||||
props: {},
|
||||
data() {
|
||||
//这里存放数据"
|
||||
|
||||
return {
|
||||
dataName:[],
|
||||
data:[],
|
||||
defaultProps: {
|
||||
children: 'children',
|
||||
label: 'label'
|
||||
}
|
||||
}
|
||||
children: 'tableNames',
|
||||
label: 'name'
|
||||
},
|
||||
dataNum:0,
|
||||
tableBasic:{
|
||||
|
||||
},
|
||||
tableStructure:[],
|
||||
javaType:[],
|
||||
};
|
||||
},
|
||||
//计算属性 类似于data概念",
|
||||
computed: {},
|
||||
//监控data中的数据变化",
|
||||
watch: {
|
||||
|
||||
},
|
||||
watch: {},
|
||||
//方法集合",
|
||||
methods: {
|
||||
getSelectList(){
|
||||
getExtractDataTableNameList().then(res=>{
|
||||
console.log(res.data)
|
||||
this.dataName=res.data
|
||||
getExtractDataTableNameList().then((res)=>{
|
||||
this.data = res.data
|
||||
})
|
||||
},
|
||||
handleNodeClick(data){
|
||||
sessionStorage.setItem("key",data.name)
|
||||
console.log(data)
|
||||
this.tableBasic=data
|
||||
this.dataNum=data.tableFie.length
|
||||
this.tableStructure=data.tableFie
|
||||
|
||||
var id = 0;
|
||||
data.tableFie.forEach(res => {
|
||||
id=res.tableId
|
||||
})
|
||||
console.log(id)
|
||||
findTableValue(id,data.name).then(res=>{
|
||||
// console.log(res)
|
||||
this.javaType=res.data
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
},
|
||||
//生命周期 - 创建完成（可以访问当前this实例）",
|
||||
created() {
|
||||
this.getSelectList()
|
||||
this.getSelectList();
|
||||
|
||||
},
|
||||
//生命周期 - 挂载完成（可以访问DOM元素）",
|
||||
mounted() {
|
||||
|
|
@ -95,8 +164,10 @@ export default {
|
|||
}, //生命周期 - 销毁完成",
|
||||
activated() {
|
||||
} //如果页面有keep-alive缓存功能，这个函数会触发",
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue