<script lang="ts" setup name="dataUsageDetail">
import { changeNum } from '@/utils/common';


const fullscreenloading = ref(false);

const tableInfo = ref({
  id: 'dataset-table',
  rowKey: 'guid',
  loading: false,
  fields: [  { label: "序号", type: "index", width: 56, align: "center" },
    { label: "表中文名称", field: "tableChName", width: 150, align: "left" },
    { label: "表英文名称", field: "tableName", width: 150, align: "left" },
    {
      label: "表数据总数(条)", field: "dataCount", width: 150, align: "right", getName: (scope) => {
        return scope.row["dataCount"] == null ? '--' : changeNum(scope.row["dataCount"], 0)
      }
    },
    { label: "描述", field: "description", width: 240 },
    { label: "修改人", field: "updateUserName", width: 140 },
    { label: "修改时间", field: "updateTime", width: 180 },],
  data: [],
  showPage: false,
  actionInfo: {
    label: "操作",
    type: "btn",
    width: 160,
    btns: (scope) => {
      let btns: any = [];
      //TODO。根据返回值显示按钮
      btns.push({ label: '查看', value: 'view' });
      return btns;
    }
  }
});

onBeforeMount(() => {

})

</script>

<template>
  <div class="container_wrap" v-loading="fullscreenloading">
    <div class="table_panel_wrap" style="height: calc(100% - 44px);">
      <Table :tableInfo="tableInfo" />
    </div>
  </div>
</template>

<style lang="scss" scoped>

.container_wrap {
  padding: 0px 16px;
}

</style>