银川 1.考勤管理页面开发、联调

gaoluyang

2026-07-08 4ffc61bbe8dd6ec89965a8e2448725f514075b53

 src/views/hrm/attendance/record/index.vue

@@ -12,6 +12,7 @@
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({
@@ -19,9 +20,19 @@
  destroyOnClose: true,
});

const [ClockModal, clockModalApi] = useVbenModal({
  connectedComponent: ClockPanel,
  destroyOnClose: true,
});

/** 刷新表格 */
function handleRefresh() {
  gridApi.query();
}

/** 打卡 */
function handleClock() {
  clockModalApi.open();
}

/** 导入考勤记录 */
@@ -68,11 +79,19 @@
<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,