<template>
    <div class="wrapper flex column layout-gap">

      <el-card
        shadow="hover"
        class="z-card flex column flex-1 fit-size"
      >
        <div class="wrapper flex column layout-gap">

          <!-- <div class="flex column flex-1 fit-size"></div> -->
          <div class="flex-1 fit-size">
            <el-table
              ref="table"
              :data="list"
              stripe
              border
              highlight-current-row
              height="100%"
              size="small"
              class="custom-el-table-style"
            >
              <el-table-column
                type="index"
                label="序号"
                width="60"
                align="center"
                fixed
              ></el-table-column>
              <el-table-column
                label="时间"
                prop="formatDataTime"
                align="center"
                width="200"
                header-align="center"
                fixed
              ></el-table-column>
              <el-table-column
                label="消息内容"
                prop="content"
                min-width="200"
                header-align="center"
                align="left"
              ></el-table-column>
            </el-table>
          </div>

          <my-pagination
            :total="total"
            :pagination="pagination"
            @current-change="currentPageNoChange"
          />
        </div>
      </el-card>
    </div>
    </template>

<script>
import BaseCurdList from '@@/utils/BaseCurdList'
import MessageCenter from '@@/entries/MessageCenter'

export default {
  name: 'MessageCenter',
  extends: BaseCurdList(MessageCenter),
  data: () => ({
  })
}
</script>

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