184 lines
4.8 KiB
Vue
184 lines
4.8 KiB
Vue
<template>
|
||
<div>
|
||
<h1>数据资产授权</h1>
|
||
|
||
<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>
|
||
{{ tableBasics.accSourName }}
|
||
</el-descriptions-item>
|
||
<el-descriptions-item>
|
||
<template slot="label">系统名称</template>
|
||
{{ tableBasics.dataSourSystemName }}
|
||
</el-descriptions-item>
|
||
<el-descriptions-item>
|
||
<template slot="label">数据库名称</template>
|
||
{{ tableBasics }}
|
||
</el-descriptions-item>
|
||
<el-descriptions-item>
|
||
<template slot="label">表名称</template>
|
||
{{ this.tableBasics.name }}
|
||
</el-descriptions-item>
|
||
<el-descriptions-item>
|
||
<template slot="label">表中文名</template>
|
||
{{ this.tableBasics.name }}
|
||
</el-descriptions-item>
|
||
<el-descriptions-item>
|
||
<template slot="label">数据量</template>
|
||
{{ dataNum}}
|
||
</el-descriptions-item>
|
||
</el-descriptions>
|
||
</template>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
</el-card>
|
||
|
||
|
||
<el-tabs type="border-card">
|
||
<el-tab-pane label="用户管理">
|
||
<el-card class="box-card" title="资产模型基本信息" :column="2" >
|
||
<el-table
|
||
:data="tableBasic" 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"></el-table-column>
|
||
<el-table-column label="创建时间" prop="type"></el-table-column>
|
||
<el-table-column label="操作" prop="types"></el-table-column>
|
||
</el-table>
|
||
</el-card>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="配置管理">
|
||
|
||
</el-tab-pane>
|
||
</el-tabs>
|
||
|
||
|
||
|
||
</el-main>
|
||
</el-container>
|
||
|
||
</div>
|
||
</template>
|
||
<style>
|
||
|
||
.el-main {
|
||
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 {
|
||
tableMapping:[],
|
||
data:[],
|
||
defaultProps: {
|
||
children: 'tableNames',
|
||
label: 'name'
|
||
},
|
||
dataNum:0,
|
||
tableBasic:{},
|
||
tableStructure:[],
|
||
tableBasics:{},
|
||
javaType:[],
|
||
};
|
||
},
|
||
//计算属性 类似于data概念",
|
||
computed: {},
|
||
//监控data中的数据变化",
|
||
watch: {},
|
||
//方法集合",
|
||
methods: {
|
||
getSelectList(){
|
||
getExtractDataTableNameList().then((res)=>{
|
||
this.data = res.data
|
||
})
|
||
},
|
||
|
||
handleNodeClick(data){
|
||
debugger;
|
||
console.log(data)
|
||
if (this.tableBasic.name===data.name){
|
||
this.tableBasic={}
|
||
}
|
||
console.log(this.tableBasic.length)
|
||
if (this.tableBasic.length === undefined){
|
||
selectBasicList().then(ress=>{
|
||
this.tableBasic.ress.data
|
||
this.tableBasics.data
|
||
})
|
||
this.dataNum=data.tableFie.length
|
||
this.tableStructure=data.tableFie
|
||
findTableValue(data.dataId,data.name).then(res=>{
|
||
let tableMapping=res.data
|
||
|
||
|
||
})
|
||
}
|
||
|
||
},
|
||
|
||
|
||
},
|
||
//生命周期 - 创建完成（可以访问当前this实例）",
|
||
created() {
|
||
this.getSelectList();
|
||
|
||
},
|
||
//生命周期 - 挂载完成（可以访问DOM元素）",
|
||
mounted() {
|
||
},
|
||
beforeCreate() {
|
||
}, //生命周期 - 创建之前",
|
||
beforeMount() {
|
||
}, //生命周期 - 挂载之前",
|
||
beforeUpdate() {
|
||
}, //生命周期 - 更新之前",
|
||
updated() {
|
||
}, //生命周期 - 更新之后",
|
||
beforeDestroy() {
|
||
}, //生命周期 - 销毁之前",
|
||
destroyed() {
|
||
}, //生命周期 - 销毁完成",
|
||
activated() {
|
||
} //如果页面有keep-alive缓存功能，这个函数会触发",
|
||
};
|
||
</script>
|
||
<style scoped>
|
||
|
||
|
||
|
||
</style>
|