<template>
  <div
    style="
      background-color: #f4f7fc;
      width: 100vw;
      height: 100vh;
      padding: 20px;
    "
  >
    <div
      style="
        border: 1px solid #e4e7ed;
        border-radius: 10px;
        width: 85vw;
        background-color: white;
      "
    >
      <div
        style="
          color: #409eff;
          background-color: #cceef7;
          font-weight: 700;
          font-size: 18px;
          line-height: 38px;
          height: 38px;
          border-radius: 10px 10px 0 0;
          padding-left: 10px;
          overflow: hidden;
        "
      >
        本周考勤信息保存
      </div>
      <div style="padding: 20px">
        <div
          style="
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
          "
        >
          <div>部门名称：</div>
          <el-button type="primary">保存</el-button>
        </div>
        <div>
          <el-table :data="tableData" border style="width: 100%">
            <el-table-column
              prop="date"
              label="姓名"
              width="180"
              align="center"
            ></el-table-column>
            <el-table-column
              v-for="(column, index) in weekList"
              :key="index"
              :prop="column"
              :label="column"
              width="180"
            >
            </el-table-column>
          </el-table>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { weeks } from "@/api/clocking/weeklyAttendance";
export default {
  name: "YinetoaWeeklyAttendance",

  data() {
    return {
      weekList: [],
    };
  },
  created() {
    this.weeks();
  },
  mounted() {},

  methods: {
    async weeks() {
      let res = await weeks();
      //   this.weekList = res;
      for (let i = 0; i < res.length; i++) {
        // this.weekList.push({ prop: res[i],label: });
      }
    },
  },
};
</script>

<style lang="scss" scoped></style>
