<!--  -->
<template>
    <div>
        <el-table
            :data="selectedTableList"
            @row-click="handleRowClick"
            :show-header="false"
            style="border-top: 1px solid #ebebeb;"
            max-height="500"
          >
            <el-table-column width="100">
              <template slot-scope="scope">
                <img
                  :src="scope.row.avatar"
                  onerror="javascript:this.src='@/assets/img/default.jpg';"
                  class="todo-content-right-avatar"
                />
              </template>
            </el-table-column>
            <el-table-column prop="title"></el-table-column>
            <el-table-column
              width="200"
              align="right"
            >
              <template slot-scope="scope">
                {{scope.row.time}}<i class="el-icon-arrow-right"></i>
              </template>
            </el-table-column>
          </el-table>
    </div>
</template>

<script>
export default {
  props: ['selectedTableList'],
  data () {
    return {

    }
  },
  computed: {},
  beforeMount () {},
  mounted () {},
  methods: {
    handleRowClick (row) {
      this.$router.push({ name: 'assessment-performance', query: { id: row.recordId } })
    }
  },
  watch: {}

}

</script>

<style lang='less' scoped>
.todo-content-right-avatar{
   width: 34px;
  height: 34px;
  border-radius: 17px;
}
</style>
