<template>
    <div>
        <commonhead></commonhead>
        <el-card>
            <div class="mainTop">
                <span>学段共计：3个</span>
                <el-button type="primary" size="
                mini" class="add">添加</el-button>
            </div>
            <!-- 表格区域 -->
             <el-table
             :header-cell-style="{background:'#FAFAFA'}"
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
     align="center"
      prop="levelid"
      label="序号"
      width="">
    </el-table-column>
    <el-table-column
     align="center"
      prop="levelname"
      label="学段名称"
      width="180">
    </el-table-column>
    <el-table-column
     align="center"
      prop="levelorder"
      label="创建人"
      width="">
    </el-table-column>
    <el-table-column
     align="center"
      prop="createtime"
      label="操作时间"
      width="">
    </el-table-column>
    <el-table-column
     align="center"
      label="操作">
      <template>
          <span  class="baseEdit">修改</span> |
          <a class="baseDel">删除</a>
      </template>
    </el-table-column>
     </el-table>
        </el-card>
    </div>
</template>
<script>
export default {
    data(){
        return {
             tableData: []
        }
    },
    created(){
        this.getlistAll()
    },
    methods:{
        //获取所有
    //   async  getlistAll(){
    //       const {obj:res}=await this.$http.post('http://api.xhkjedu.com:80/Mock/simple?projectID=16&uri=level/listLevel')
    //       console.log(res)
        // if(res.code!==0){
        //     return this.$message.error('获取列表失败');
        // }
        // this.tableData=res.data //数据赋值
        // }
    }
}
</script>
<style lang="less" scoped>
.el-card {
    width: 1200px;
    margin: 15px auto;
}
.mainTop {
    display: flex;
    justify-content: space-between;
    height: 65px;
    line-height: 65px;
    .add {
        height: 45px;
        margin-top: 3px;
    }
}
.baseEdit {
    color: #72AAFF;
    
}
.baseDel {
    color: #EE443E;
}

</style>