<template>
  <el-table  :data="anotherNameList" style="width: 100%" border>
    <el-table-column label="实际值">
      <template slot-scope="scope">
        <el-input v-model="scope.row.realValue" placeholder="请输入实际值" />
      </template>
    </el-table-column>
    <el-table-column label="显示别名">
      <template slot-scope="scope">
        <el-input v-model="scope.row.anotherName" placeholder="请输入显示别名" />
      </template>
    </el-table-column>
    <el-table-column label="背景色" align="center">
      <template slot-scope="scope">
        <el-color-picker v-model="scope.row.columnBackgroundColor" show-alpha></el-color-picker>
      </template>
    </el-table-column>
    <el-table-column width="35">
      <template slot-scope="scope">
        <i class="el-icon-delete" style="cursor: pointer" @click="anotherNameList.splice(scope.$index,1)"></i>
      </template>
    </el-table-column>
  </el-table>
</template>
<script>
export default {
  props:['anotherNameList'],
  data(){
    return {

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