<script setup>
const props = defineProps({
  rows: {}
})

const fieldsDescInfo = props.rows.fields_desc
const rows = props.rows.rows

console.log("fields desc:", fieldsDescInfo)
console.log("rows:", props.rows)



</script>

<template>
  <div>
    <el-container>
      <el-header>
        <el-button size="large" type="primary">添加</el-button>
      </el-header>
      <el-main>
        <el-table :data="rows" style="width: 100%" table-layout="auto" stripe>
          <template v-for="fieldDescInfo in fieldsDescInfo">
            <el-table-column :prop="fieldDescInfo.key" :label="fieldDescInfo.name"></el-table-column>/
          </template>
        </el-table>

        <el-dialog v-model="addvisible" title="添加" modal="true" :before-close="handleCloseAdd" destroy-on-close>
          
        </el-dialog>

      </el-main>
    </el-container>
  </div>
</template>

<style scoped>

</style>