cloudnote_web/components/center/collect.vue

<template>
  <el-row type="flex" justify="center">
    <el-col :span="10">
      <el-table :data="tableData" border>

        <el-table-column align="center" :label="$t('center.collect.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.collect.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: 'collect',
    data(){
      return {
        tableData: [],
        total:0
      }
    },
    methods:{
      read(item){
        this.$read(item)
      }
    },
    mounted() {
      let that=this
      this.GLOBAL.fetchGet('/v1/api/collect',{},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>