<template>
  <div class="block">
    <h2 style="margin-bottom:10px" class="v-title">笔记详情</h2>
    <div class="gy-table">
      <table  cellspacing="0" cellpadding="0" border="0" style="width:100%;font-size:14px">
      <thead class="blod">
        <td>排名</td>
        <td>笔记名称</td>
        <td>更新时间</td>
        <td>文字字数</td>
      </thead>
       <tbody>
      <tr v-for="(note,i) in noteList" :key="note.id">
        <td>{{i+1}}</td>
        <td>{{note.title}}</td>
        <td>{{new Date(note.update_time).format("yyyy-MM-dd")}}</td>
        <td>{{note.length}}</td>
      </tr>
      </tbody>
    </table>
    </div>
  </div>
</template>

<script>
import { findStatisticDataApi } from '@/api/statistic'
import '@/views/assessment-evaluation/utils/gyStyle.scss'
export default {
  data () {
    return {
      noteList: []
    }
  },
  methods: {
    async getNoteList () {
      const data = await findStatisticDataApi('student-note-info')
      this.noteList = data
    }
  },
  mounted () {
    this.getNoteList()
  }
}
</script>

<style lang="scss" scoped>
.gy-table td{
  padding: 10px;
}
</style>
