使用ElementUI创建一个体检表格

在使用Element UI创建体检表格时，首先需要安装Element UI库，并引入相关的组件。Element UI提供了一系列表格相关的组件，如`el-table`、`el-table-column`等，可以轻松构建复杂的表格布局。

以下是创建一个基本体检表格的步骤：

1. **设置环境**：
- 安装Vue及Element UI：`npm install vue element-ui`
- 引入Element UI样式：`import 'element-ui/lib/theme-chalk/index.css'`

2. **创建HTML结构**：

<template>
  <div>
    <el-table :data="checkList" style="width: 100%">
      <el-table-column prop="name" label="项目名称"></el-table-column>
      <el-table-column prop="result" label="检查结果"></el-table-column>
      <el-table-column prop="date" label="检查日期"></el-table-column>
      <!-- 根据需求添加更多列... -->
    </el-table>
  </div>
</template>

3. **定义数据和方法**：

<script>
export default {
  data() {
    return {
      checkList: [
        { name: '血压', result: '正常', date: '2023-01-01' },
        // ... 更多体检记录数据
      ]
    };
  }
};
</script>

4. **样式调整**：
可以通过CSS进一步美化表格，例如添加表头背景颜色、单元格边距等。