element ui table 星期排班

根据提供的引用内容，以下是使用Element UI的Table组件实现星期排班的示例代码：

<template>
  <el-table :data="gridData" border>
    <el-table-column prop="name" label="岗位名称"></el-table-column>
    <el-table-column v-for="date in dates" :key="date" :prop="date" :label="date"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      gridData: [
        {
          name: '岗位1',
          20221201: { name: '张三', id: "1", selectPerson: ['李四', '张三'] },
          20221202: { name: '李四', id: "2", selectPerson: ['李四', '张三'] }
        }
      ],
      dates: ['20221201', '20221202'] // 日期表头数据
    };
  }
};
</script>

在上述代码中，我们使用了`el-table`组件来展示排班表格。通过`v-for`指令，我们动态生成了日期表头列，并使用`prop`属性绑定对应的数据字段。每个日期对应的数据包含了岗位名称和可选择的人员列表。