<template>
  <!-- 我的代办 -->
  <div class="box">
    <el-table
      :data="tableData"
      :row-style="{ height: '60px', color: 'blue' }"
      style=":hover:color:blue"
    >
      <el-table-column type="index" label="序号" width="60"></el-table-column>
      <el-table-column prop="date" label="标题" width="500"></el-table-column>
      <el-table-column prop="address" label="到达时间"></el-table-column>
      <el-table-column prop="name" label="发起人"></el-table-column>
      <el-table-column prop="technological" label="所属流程"></el-table-column>
    </el-table>
    <!-- 翻页 -->
    <!-- <div class="block">
      <el-pagination
        background
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="page.pagenum"
        :page-size="page.pagesize"
        layout="prev, pager, next, jumper"
        :total="total"
      ></el-pagination> -->
    <!-- </div> -->
  </div>
</template>

<script>
  export default {
    name: 'MyAgent',
    data() {
      return {
        total: 0,
        tableData: [
          {
            date: '超级管理员在2021-06-29发起根据天健设置初始值',
            name: '超级管理员',
            address: '2016-05-02',
            technological: '根据条件设置初始值',
          },
          {
            date: '超级管理员在2021-06-29发起根据天健设置初始值',
            name: '超级管理员',
            address: '2016-05-02',
            technological: '根据条件设置初始值',
          },
          {
            date: '超级管理员在2021-06-29发起根据天健设置初始值',
            name: '超级管理员',
            address: '2016-05-02',
            technological: '根据条件设置初始值',
          },
          {
            date: '超级管理员在2021-06-29发起根据天健设置初始值',
            name: '超级管理员',
            address: '2016-05-02',
            technological: '根据条件设置初始值',
          },
          {
            date: '超级管理员在2021-06-29发起根据天健设置初始值',
            name: '超级管理员',
            address: '2016-05-02',
            technological: '根据条件设置初始值',
          },
          {
            date: '超级管理员在2021-06-29发起根据天健设置初始值',
            name: '超级管理员',
            address: '2016-05-02',
            technological: '根据条件设置初始值',
          },
        ],
        page: {
          //当前页数
          pagenum: 1,
          //当前每页多少条数据
          pagesize: 4,
        },
      }
    },
    methods: {
      // 监听pagesize改变的事件
      handleSizeChange(newSize) {
        this.page.pagesize = newSize
      },
      // 监听页码值
      handleCurrentChange(newSize) {
        this.page.pagenum = newSize
      },
    },
  }
</script>

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