<template>
  <div>
    <el-card :body-style="{ padding: '5px' }" style="margin-bottom:5px">
      <header-box :search="search" />
    </el-card>
    <el-card :body-style="{ padding: '5px' }">
      <content-box :tableData='tableData' :loading='loading' :pagination='pagination' />
    </el-card>
  </div>
</template>
<script>
  import headerBox from "./components/header.vue"
  import contentBox from "./components/content.vue"
  export default {
    data() {
      return {
        search: {
          time: "",
          content: ""
        },
        tableData: [],
        loading: false,
        pagination: {
          pageSize: 10,
          pageNum: 1,
          total: 0,
        },
      }
    },
    components: {
      headerBox,
      contentBox
    }
  }

</script>
