| | |
| | | import { $t } from '#/locales'; |
| | | |
| | | import { useGridColumns, useGridFormSchema } from './data'; |
| | | import ClockPanel from './modules/clock-panel.vue'; |
| | | import ImportForm from './modules/import-form.vue'; |
| | | |
| | | const [ImportModal, importModalApi] = useVbenModal({ |
| | |
| | | destroyOnClose: true, |
| | | }); |
| | | |
| | | const [ClockModal, clockModalApi] = useVbenModal({ |
| | | connectedComponent: ClockPanel, |
| | | destroyOnClose: true, |
| | | }); |
| | | |
| | | /** 刷新表格 */ |
| | | function handleRefresh() { |
| | | gridApi.query(); |
| | | } |
| | | |
| | | /** 打卡 */ |
| | | function handleClock() { |
| | | clockModalApi.open(); |
| | | } |
| | | |
| | | /** 导入考勤记录 */ |
| | |
| | | <template> |
| | | <Page auto-content-height> |
| | | <ImportModal @success="handleRefresh" /> |
| | | <ClockModal @success="handleRefresh" /> |
| | | <Grid table-title="考勤记录列表"> |
| | | <template #toolbar-tools> |
| | | <TableAction |
| | | :actions="[ |
| | | { |
| | | label: '打卡', |
| | | type: 'primary', |
| | | icon: ACTION_ICON.ADD, |
| | | auth: ['hrm:attendance-record:clock'], |
| | | onClick: handleClock, |
| | | }, |
| | | { |
| | | label: '导入', |
| | | type: 'primary', |
| | | icon: ACTION_ICON.UPLOAD, |