<template>
  <div class="app-container rela-container">
    <div class="common-title">高管</div>
    <div class="table-item">
      <el-table
        :data="tableData"
        border
        style="width: 100%"
        :default-sort = "{prop: 'date', order: 'descending'}"
      >
        <el-table-column label="序号" width="55" align="left" fixed>
          <template slot-scope="scope">{{ pageIndex * pageSize - pageSize + scope.$index + 1 }}</template>
        </el-table-column>
        <el-table-column
          prop="name"
          label="姓名"></el-table-column>
        <el-table-column
          prop="zw"
          label="职务"></el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Senior',
  data() {
    return {
      //表格数据
      tableData:[
        {name: '重庆城市交通开发投资 (集团)有限公司', zw: '董事'}
      ],
      pageIndex: 1,
      pageSize: 10
    }
  },
  created() {
  },
  mounted() {
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
  .rela-container{
    margin: 0;
    padding: 24px 16px;
    background: #FFFFFF;
    border-radius: 4px;
    .table-item{
      margin-top: 16px;
      ::v-deep .el-table--border .el-table__cell{
        border-bottom: 0;
      }
    }
  }
</style>
