IDCDatasync-vue/src/views/data/thematicLibrary.vue

<template>
    <a-row :gutter="30">
      <a-col :md="24" :sm="1" >
          <!-- table区域-begin -->
          <div style="height:900px;overflow-y:auto;">
            <a-table
              ref="table"
              size="middle"
              bordered
              rowKey="id"
              :columns="columns"
              :dataSource="dataSource">

            </a-table>
          </div>
      </a-col>
    </a-row>
    
  </template>
  
  <script>
    
    export default {
      name: "thematicLibrary",
      components: {
      },
      data () {
        return {
          description: '专题库',
          contentList:[],
          queryParam: {
            pageNum :1,
            pageSize:20
          },
          dataSource:[
            {
              tableName:"LA_DATA_TABLE_0001",
              data1:"舰艇综合导航信息II",
              data2:"2024-03-06 10:30:26",
              data3:"2024-03-06 15:30:26",
              data4:"3646135477",
            },
            {
              tableName:"LA_DATA_TABLE_0002",
              data1:"动力报文",
              data2:"2024-03-06 10:30:26",
              data3:"2024-03-06 15:30:26",
              data4:"92547612",
            },
            {
              tableName:"LA_DATA_TABLE_0003",
              data1:"电测试报文",
              data2:"2024-03-06 10:30:26",
              data3:"2024-03-06 15:30:26",
              data4:"1658432215",
            },
            {
              tableName:"LA_DATA_TABLE_0004",
              data1:"损管测试报文",
              data2:"2024-03-06 10:30:26",
              data3:"2024-03-06 15:30:26",
              data4:"8535411",
            },
            {
              tableName:"LA_DATA_TABLE_0005",
              data1:"舰炮测试报文",
              data2:"2024-03-06 10:30:26",
              data3:"2024-03-06 15:30:26",
              data4:"1235744",
            },
            {
              tableName:"LA_DATA_TABLE_0006",
              data1:"反潜测试报文",
              data2:"2024-03-06 10:30:26",
              data3:"2024-03-06 15:30:26",
              data4:"159748153",
            },
          ],
          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: 'data1'
            },
            {
              title: '开始时间',
              align:"center",
              dataIndex: 'data2'
            },
            {
              title: '最后更新时间',
              align:"center",
              dataIndex: 'data3'
            },
            {
              title: '数据量',
              align:"center",
              dataIndex: 'data4'
            },
          ],
        }
      },
      mounted() { 
         this.getTables()
      },
      computed: {
      },
      destroyed: function () { 
      },
      created () {
  
      },
      methods: {
        getTables(){
          // datasyncgetTableInfo().then((res) => {
          //     if (res.result) {
          //       this.confirmLoading = false;
          //       this.dataSource = res.result;
          //       this.models = 2;
          //     } else {
          //         this.$message.warning(res.message);
          //     }
          // });
        },
      }
    }
  </script>
  <style scoped>
    @import '~@assets/less/common.less';
  </style>