<template>
    <a-row :gutter="30">
      <a-col :md="24" :sm="1" >
        <div class="table-page-search-wrapper">
         <a-select  placeholder="选择数据类型"  option-filter-prop="children" v-model="datatypequeryParam.schemaName" @change="getTables" style="width: 40%;">
            <a-select-option v-for="d in dataTypedataSources" :key="d.id">
              {{ d.cnName }}
            </a-select-option>
          </a-select>
        </div>
        <!-- table区域-begin -->
        <div style="height:900px;overflow-y:auto;">
          <a-table
            ref="table"
            size="middle"
            bordered
            :pagination="false"
            :scroll="{ y: 800 }"
            rowKey="id"
            :columns="columns"
            :dataSource="dataSource">
    <!--        :locale="myLocale"-->

            <!-- 字符串超长截取省略号显示-->
          </a-table>
          </div>
      </a-col>
    </a-row>
    
  </template>
  
  <script>
    
    export default {
      name: "thematicLibrary",
      components: {
      },
      data () {
        return {
          description: '专题库',
          contentList:[],
          datatypequeryParam: {
            schemaName:"",
            sourceType:3
          },
          queryParam: {
            pageNum :1,
            pageSize:9999999,
          },
          dataTypedataSources: [],
          dataSource:[
          ],
          columns: [
            {
              title: '#',
              dataIndex: '',
              key:'id',
              width:60,
              align:"id",
              customRender:function (t,r,index) {
                return parseInt(index)+1;
              }
            },
            {
              title: '表名',
              align:"center",
              dataIndex: 'tableName',
            },
            {
              title: '报文名',
              align:"center",
              dataIndex: 'tableMessName'
            },
            {
              title: '开始时间',
              align:"center",
              dataIndex: 'startTime'
            },
            {
              title: '最后更新时间',
              align:"center",
              dataIndex: 'endTime'
            },
            {
              title: '标签类型',
              align:"center",
              dataIndex: 'tagNames'
            },
          ],
        }
      },
      mounted() { 
         this.getselect()
      },
      computed: {
      },
      destroyed: function () { 
      },
      created () {
  
      },
      methods: {
        getselect(){
          dataTypePageList(this.queryParam).then((res) => {
              if (res.success) {
                  this.dataTypedataSources = res.result.rows||res.result;
                  this.datatypequeryParam.schemaName = res.result.rows[0].cnName
                  this.getTables();
              } else {
                  this.$message.warning(res.message);
              }
          });
        },
        getTables(){
          getAction("/dataManager/getDataManagerInfo",this.datatypequeryParam).then((res) => {
              if (res.result) {
                this.dataSource = res.result;
              } else {
                  this.$message.warning(res.message);
              }
          });
        },
      }
    }
  </script>
  <style scoped>
    @import '~@assets/less/common.less';
  </style>