MessageCenter.vue 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <template>
  2. <div class="wrapper flex column layout-gap">
  3. <el-card
  4. shadow="hover"
  5. class="z-card flex column flex-1 fit-size"
  6. >
  7. <div class="wrapper flex column layout-gap">
  8. <!-- <div class="flex column flex-1 fit-size"></div> -->
  9. <div class="flex-1 fit-size">
  10. <el-table
  11. ref="table"
  12. :data="list"
  13. stripe
  14. border
  15. highlight-current-row
  16. height="100%"
  17. size="small"
  18. class="custom-el-table-style"
  19. >
  20. <el-table-column
  21. type="index"
  22. label="序号"
  23. width="60"
  24. align="center"
  25. fixed
  26. ></el-table-column>
  27. <el-table-column
  28. label="时间"
  29. prop="formatDataTime"
  30. align="center"
  31. width="200"
  32. header-align="center"
  33. fixed
  34. ></el-table-column>
  35. <el-table-column
  36. label="消息内容"
  37. prop="content"
  38. min-width="200"
  39. header-align="center"
  40. align="left"
  41. ></el-table-column>
  42. </el-table>
  43. </div>
  44. <my-pagination
  45. :total="total"
  46. :pagination="pagination"
  47. @current-change="currentPageNoChange"
  48. />
  49. </div>
  50. </el-card>
  51. </div>
  52. </template>
  53. <script>
  54. import BaseCurdList from '@@/utils/BaseCurdList'
  55. import MessageCenter from '@@/entries/MessageCenter'
  56. export default {
  57. name: 'MessageCenter',
  58. extends: BaseCurdList(MessageCenter),
  59. data: () => ({
  60. })
  61. }
  62. </script>
  63. <style lang="scss" scoped></style>