<template>
  <el-row type="flex" justify="center">
    <el-col :span="10">
      <el-table :data="tableData" border>
        <el-table-column align="center" :label="$t('center.myupload.form.title')">
          <template slot-scope="scope" >
            <el-tooltip :content="$t('reading_online')">
              <a  @click="read(scope.row)">《{{scope.row.title}}》</a>
            </el-tooltip>
          </template>
        </el-table-column>
        <el-table-column align="center" :label="$t('center.myupload.form.time')">
          <template slot-scope="scope" >
            {{$moment(scope.row.createTime).format("YYYY-MM-DD HH:mm:ss")}}
          </template>
        </el-table-column>
      </el-table>

      <div class="block center mt1">
        <el-pagination
          layout="prev, pager, next"
          :total="total">
        </el-pagination>
      </div>
    </el-col>
  </el-row>
</template>

<script lang="ts">
  import Vue from 'vue'

  export default Vue.extend( {
    name: 'myupload',
    data(){
      return {
        tableData: [],
        total:0
      }
    },
    methods:{
      read(item){
        this.$read(item)
      }
    },
    mounted() {
      let that=this
      this.GLOBAL.fetchGet('/v1/api/paper/list',{
        own:true
      },function(res) {
          if(res.code==='200'){
              that.tableData=res.data.data
              that.total=res.data.total
          }else{
            that.$message.error(that.$t('error_500').toString())
          }
      })
    }
  })
</script>
<style>
  a {
    cursor: pointer;
  }
</style>
