<!--  -->
<template>
    <HcCard>
       <HcTable :column="tableColumn" :datas="tableData"/>
       <template #action>
           <HcPages :pages="searchForm" @change="pageChange"></HcPages>
       </template>
    </HcCard>
   </template>
   
   <script setup>
   import {ref, watch} from  'vue'
   
   
   const tableColumn = [
       {key: 'name', name: '姓名'},
       {key: 'text', name: '部门'},
       {key: 'color', name: '职位'},
       {key: 'color', name: '周一'},
       {key: 'color', name: '周二'},
       {key: 'color', name: '周二'},
       {key: 'color', name: '周三'},
       {key: 'color', name: '周四'},
       {key: 'color', name: '周五'},
       {key: 'color', name: '周六'},
       {key: 'color', name: '周天'},
   ]
   const tableData = ref([
       {name: '名称1', text: '文本1', color: ''},
       {name: '名称2', text: '文本2', color: ''},
       {name: '名称3', text: '文本3', color: ''}
   ])
   //搜索表单
   const searchForm = ref({current: 1, size: 20, total: 60})
   
   //分页被点击
   const pageChange = ({current, size}) => {
       searchForm.value.current = current
       searchForm.value.size = size
   }
   
   </script>
   <style lang='scss' scoped>
   </style>