考勤-班次管理

This commit is contained in:
FLL 2025-07-20 17:47:41 +08:00
parent 9135ee31b9
commit 171ed8a087
5 changed files with 4 additions and 23 deletions

View File

@ -1,8 +1,6 @@
import type { ShiftVO, ShiftForm, ShiftQuery } from './model'; import type { ShiftVO, ShiftForm, ShiftQuery } from './model';
import type { ID, IDS } from '#/api/common'; import type { ID, IDS } from '#/api/common';
import type { PageResult } from '#/api/common'; import type { PageResult } from '#/api/common';
import { commonExport } from '#/api/helper'; import { commonExport } from '#/api/helper';
import { requestClient } from '#/api/request'; import { requestClient } from '#/api/request';

View File

@ -40,7 +40,6 @@ export interface ShiftVO {
* *
*/ */
restEndTime: string; restEndTime: string;
} }
export interface ShiftForm extends BaseEntity { export interface ShiftForm extends BaseEntity {
@ -83,7 +82,6 @@ export interface ShiftForm extends BaseEntity {
* *
*/ */
restEndTime?: string; restEndTime?: string;
} }
export interface ShiftQuery extends PageQuery { export interface ShiftQuery extends PageQuery {

View File

@ -17,6 +17,7 @@ import shiftModal from './shift-modal.vue';
import shiftDetail from './shift-detail.vue'; import shiftDetail from './shift-detail.vue';
import { columns, querySchema } from './data'; import { columns, querySchema } from './data';
import {TableSwitch} from "#/components/table"; import {TableSwitch} from "#/components/table";
import { $t } from '#/locales';
const formOptions: VbenFormProps = { const formOptions: VbenFormProps = {
commonConfig: { commonConfig: {

View File

@ -3,15 +3,9 @@ import type {ShiftVO} from '#/api/property/attendanceManagement/shiftSetting/mod
import {shallowRef} from 'vue'; import {shallowRef} from 'vue';
import {useVbenModal} from '@vben/common-ui'; import {useVbenModal} from '@vben/common-ui';
import {Descriptions, DescriptionsItem} from 'ant-design-vue'; import {Descriptions, DescriptionsItem} from 'ant-design-vue';
import dayjs from 'dayjs';
import duration from 'dayjs/plugin/duration';
import relativeTime from 'dayjs/plugin/relativeTime';
import {shiftInfo} from '#/api/property/attendanceManagement/shiftSetting'; import {shiftInfo} from '#/api/property/attendanceManagement/shiftSetting';
import {renderDict} from "#/utils/render"; import {renderDict} from "#/utils/render";
dayjs.extend(duration);
dayjs.extend(relativeTime);
const [BasicModal, modalApi] = useVbenModal({ const [BasicModal, modalApi] = useVbenModal({
onOpenChange: handleOpenChange, onOpenChange: handleOpenChange,
onClosed() { onClosed() {
@ -40,7 +34,7 @@ async function handleOpenChange(open: boolean) {
{{ shiftSettingDetail.name }} {{ shiftSettingDetail.name }}
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem label="考勤时间"> <DescriptionsItem label="考勤时间">
{{ shiftSettingDetail.startTime ? shiftSettingDetail.startTime + '-' + shiftSettingDetail.endTime : '-' }} {{ shiftSettingDetail.startTime + '-' + shiftSettingDetail.endTime }}
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem label="是否休息"> <DescriptionsItem label="是否休息">
{{ shiftSettingDetail.isRest===0 ? '不休息' : '休息' }} {{ shiftSettingDetail.isRest===0 ? '不休息' : '休息' }}

View File

@ -4,28 +4,23 @@ import dayjs from 'dayjs';
import { useVbenModal } from '@vben/common-ui'; import { useVbenModal } from '@vben/common-ui';
import { $t } from '@vben/locales'; import { $t } from '@vben/locales';
import { cloneDeep } from '@vben/utils'; import { cloneDeep } from '@vben/utils';
import { useVbenForm } from '#/adapter/form'; import { useVbenForm } from '#/adapter/form';
import { shiftAdd, shiftInfo, shiftUpdate } from '#/api/property/attendanceManagement/shiftSetting'; import { shiftAdd, shiftInfo, shiftUpdate } from '#/api/property/attendanceManagement/shiftSetting';
import { defaultFormValueGetter, useBeforeCloseDiff } from '#/utils/popup'; import { defaultFormValueGetter, useBeforeCloseDiff } from '#/utils/popup';
import { modalSchema } from './data'; import { modalSchema } from './data';
import {TimeRangePicker} from "ant-design-vue"; import {TimeRangePicker} from "ant-design-vue";
const emit = defineEmits<{ reload: [] }>(); const emit = defineEmits<{ reload: [] }>();
const isUpdate = ref(false); const isUpdate = ref(false);
const title = computed(() => { const title = computed(() => {
return isUpdate.value ? $t('pages.common.edit') : $t('pages.common.add'); return isUpdate.value ? $t('pages.common.edit') : $t('pages.common.add');
}); });
const [BasicForm, formApi] = useVbenForm({ const [BasicForm, formApi] = useVbenForm({
commonConfig: { commonConfig: {
//
formItemClass: 'col-span-2', formItemClass: 'col-span-2',
// label px
labelWidth: 100, labelWidth: 100,
//
componentProps: { componentProps: {
class: 'w-full', class: 'w-full',
} }
@ -43,7 +38,6 @@ const { onBeforeClose, markInitialized, resetInitialized } = useBeforeCloseDiff(
); );
const [BasicModal, modalApi] = useVbenModal({ const [BasicModal, modalApi] = useVbenModal({
//
class: 'w-[550px]', class: 'w-[550px]',
fullscreenButton: false, fullscreenButton: false,
onBeforeClose, onBeforeClose,
@ -54,16 +48,13 @@ const [BasicModal, modalApi] = useVbenModal({
return null; return null;
} }
modalApi.modalLoading(true); modalApi.modalLoading(true);
const { id } = modalApi.getData() as { id?: number | string }; const { id } = modalApi.getData() as { id?: number | string };
isUpdate.value = !!id; isUpdate.value = !!id;
if (isUpdate.value && id) { if (isUpdate.value && id) {
const record = await shiftInfo(id); const record = await shiftInfo(id);
await formApi.setValues(record); await formApi.setValues(record);
} }
await markInitialized(); await markInitialized();
modalApi.modalLoading(false); modalApi.modalLoading(false);
}, },
}); });
@ -75,7 +66,6 @@ async function handleConfirm() {
if (!valid) { if (!valid) {
return; return;
} }
// getValuesreadonly
const data = cloneDeep(await formApi.getValues()); const data = cloneDeep(await formApi.getValues());
data.startTime = dayjs(data.attendanceTimeRange[0]).format('HH:mm:ss'); data.startTime = dayjs(data.attendanceTimeRange[0]).format('HH:mm:ss');
data.endTime = dayjs(data.attendanceTimeRange[1]).format('HH:mm:ss'); data.endTime = dayjs(data.attendanceTimeRange[1]).format('HH:mm:ss');
@ -86,7 +76,7 @@ async function handleConfirm() {
await (isUpdate.value ? shiftUpdate(data) : shiftAdd(data)); await (isUpdate.value ? shiftUpdate(data) : shiftAdd(data));
resetInitialized(); resetInitialized();
emit('reload'); emit('reload');
modalApi.close(); await modalApi.close();
} catch (error) { } catch (error) {
console.error(error); console.error(error);
} finally { } finally {