<template>
  <div class="department ele-body">
    <el-card>
        <!-- <div class="line"></div> -->
    <el-table :data="dataList" highlight-current-row border :height="tableHeight">
      <el-table-column type="index" label="序号"></el-table-column>
      <el-table-column
        label="部门名称"
        align="center"
        min-width="120"
      ></el-table-column>
      <el-table-column label="基础目标" align="center" min-width="240">
        <el-table-column
          label="牵头参与"
          align="center"
          min-width="60"
        ></el-table-column>
        <el-table-column
          label="牵头得分"
          align="center"
          min-width="60"
        ></el-table-column>
        <el-table-column
          label="配合参与"
          align="center"
          min-width="60"
        ></el-table-column>
        <el-table-column
          label="配合得分"
          align="center"
          min-width="60"
        ></el-table-column>
      </el-table-column>
      <el-table-column label="重点专项激励" align="center" min-width="240">
        <el-table-column
          label="牵头参与"
          align="center"
          min-width="60"
        ></el-table-column>
        <el-table-column
          label="牵头得分"
          align="center"
          min-width="60"
        ></el-table-column>
        <el-table-column
          label="配合参与"
          align="center"
          min-width="60"
        ></el-table-column>
        <el-tabel-column
          label="配合得分"
          align="center"
          min-width="60"
        ></el-tabel-column>
      </el-table-column>
      <el-table-column label="刚性约束考核" align="center" min-width="240">
        <el-table-column
          label="牵头参与"
          align="center"
          min-width="60"
        ></el-table-column>
        <el-table-column
          label="牵头得分"
          align="center"
          min-width="60"
        ></el-table-column>
        <el-table-column
          label="配合参与"
          align="center"
          min-width="60"
        ></el-table-column>
        <el-tabel-column
          label="配合得分"
          align="center"
          min-width="60"
        ></el-tabel-column>
      </el-table-column>
      <el-table-column label="部门总得分" min-width="100" align="center"></el-table-column>
    </el-table>
     <el-pagination
      :current-page.sync="page.page"
      :page-size="page.limit"
      :total="count"
      :background="true"
      layout="total, prev, pager, next, jumper"
      :pager-count="5"
      class="ele-pagination-circle"
      :flat="true"
      @current-change="getDataList()"
    />
    </el-card>
    
  </div>
</template>

<script>
export default {
  name: 'department',
  data () {
    return {
      dataList: [],
      tableHeight: document.documentElement.clientHeight - 210,
      page: {
        page: 1,
        limit: Math.floor(
          (document.documentElement.clientHeight - 210 - 45) / 45
        ),
      },
      count: 0,
    }
  },
  methods: {
      getDataList() {},
  }
};
</script>

<style scoped>
.line {
  margin: 20px 0;
  border-bottom: 1px solid rgb(207, 207, 207);
}
</style>