<template>
  <div class="table-info-tab">
    <el-descriptions
      title="表基本信息"
      border
      :column="1"
      size="medium"
    >
      <el-descriptions-item label="字段数">224</el-descriptions-item>
      <el-descriptions-item label="加密表数量">0</el-descriptions-item>
      <el-descriptions-item label="加密字段数量">0</el-descriptions-item>
      <el-descriptions-item label="未加密表数量">20</el-descriptions-item>
      <el-descriptions-item label="未加密字段数量">224</el-descriptions-item>
      <el-descriptions-item label="操作人">admin</el-descriptions-item>
      <el-descriptions-item label="操作时间">2023-05-15 14:30:22</el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script setup>
// 可以留空，因为数据是静态的
</script>

<style scoped>
.table-info-tab {
  padding: 20px;
  background-color: white;
}

:deep(.el-descriptions__title) {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 16px;
}

:deep(.el-descriptions__header) {
  margin-bottom: 16px;
}

:deep(.el-descriptions__label) {
  width: 180px;
  background-color: #f5f7fa;
  font-weight: bold;
  color: #333;
}

:deep(.el-descriptions__content) {
  background-color: white;
}
</style>