<template>
  <div class="ranking-c">
    <div class="c-title">积分排行榜</div>
    <el-table
      :data="tableData"
      style="width: 100%; margin-top: 8px"
      height="100%"
    >
      <el-table-column prop="date" label="排名" width="80"> </el-table-column>
      <el-table-column prop="name" label="单位"> </el-table-column>
      <el-table-column prop="name" label="工作负责人"> </el-table-column>
      <el-table-column prop="address" label="积分"> </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          date: "1",
          name: "王小虎",
          address: "1212",
        },
        {
          date: "2",
          name: "王小虎",
          address: "12",
        },
        {
          date: "3",
          name: "王小虎",
          address: "12",
        },
        {
          date: "4",
          name: "王小虎",
          address: "23",
        },
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
.c-title {
  border-left: 4px solid rgb(64, 158, 255);
  padding-left: 10px;
  color: #fff;
}
.ranking-c {
  height: 100%;
}
::v-deep {
  .el-table tr {
    background-color: transparent !important;
  }
}
</style>
