<template>
  <div class="element-main" style="width: 549px">
    <el-table :data="loginfo.students" border style="width: 100%">
      <el-table-column prop="name" label="ECU信息"> </el-table-column>
      <template v-for="(col, i) in loginfo.dateList">
        <el-table-column :label="col" :key="col" width="100" align="center">
          <template slot-scope="scope">
            <span v-if="scope.row.list[i].id == 0">
              <a>{{ scope.row.list[i].num }}</a>
            </span>
            <span v-else>
              {{ scope.row.list[i].config }}
            </span>
          </template>
        </el-table-column>
      </template>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      loginfo: {
        students: [
          {
            name: '配置',
            list: [
              { id: 11, config: 'MS11' },
              { id: 1, config: 'MS11' },
              { id: 2, config: 'MS11' },
              { id: 3, config: 'MS11' }
            ]
          },
          {
            name: '查看',
            list: [
              { id: 0, num: 'TR00711' },
              { id: 0, num: 'TR00711' },
              { id: 0, num: 'TR00711' },
              { id: 0, num: 'TR00711' }
            ]
          }
        ],
        dateList: ['ADD', 'ADD', 'ADD', 'ADD']
      }
    }
  },
  computed: {},

  mounted() {},
  created() {},
  methods: {}
}
</script>

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