<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>
