wupengfei
2025-11-07 4f08914f23fb30b22c32bdffb95eb3a7d597b380
src/views/EmploymentManage/components/CheckManageDialog.vue
@@ -1,5 +1,9 @@
<template>
  <ProDialog :title="title" v-model="visible" destroy-on-close draggable>
    <ProTabs v-model="form.tabType" hasBorder v-if="form.checkReceiveMethods?.length > 1">
      <ProTabPane lazy label="签到记录" name="signRecord"></ProTabPane>
      <ProTabPane lazy label="提交记录" name="submitRecord"></ProTabPane>
    </ProTabs>
    <ProDialogTableWrapper :height="400">
      <ProTableV2 v-bind="proTableProps" :columns="columns" :operationBtns="operationBtns">
      </ProTableV2>
@@ -20,6 +24,8 @@
  defineColumns,
  defineOperationBtns,
  useTable,
  ProTabs,
  ProTabPane,
} from '@bole-core/components';
import * as taskCheckReceiveServices from '@/services/api/taskCheckReceive';
import { setOSSLink } from '@/utils';
@@ -27,12 +33,14 @@
import { useGlobalEventContext } from '@/hooks';
defineOptions({
  name: 'EnterpriseConsumptionDetailDialog',
  name: 'CheckManageDialog',
});
type Form = {
  id: string;
  isDetail: boolean;
  tabType: string;
  checkReceiveMethods: EnumTaskCheckReceiveMethod[];
};
const visible = defineModel({ type: Boolean });
@@ -44,7 +52,7 @@
const eventContext = useGlobalEventContext();
const columns = defineColumns([
const submitColumns = defineColumns([
  {
    id: '1',
    enCode: 'date',
@@ -72,6 +80,63 @@
  },
]);
const checkInColumns = defineColumns([
  {
    id: '1',
    enCode: 'date',
    name: '任务日期',
  },
  {
    id: '2',
    enCode: 'userCheckInTime',
    name: '用户签到时间',
  },
  {
    id: '3',
    enCode: 'userCheckOutTime',
    name: '用户签出时间',
  },
  {
    id: '4',
    enCode: 'checkHistoryType',
    name: '用户验收状态',
  },
  {
    id: '5',
    enCode: 'checkInTime',
    name: '签到时间',
  },
  {
    id: '6',
    enCode: 'checkOutTime',
    name: '签出时间',
  },
  {
    id: '7',
    enCode: 'userCheckHistoryType',
    name: '验收状态',
  },
  {
    id: '8',
    enCode: 'operator',
    name: '操作人',
  },
]);
const columns = computed(() => {
  if (form.value.checkReceiveMethods.every((x) => x == EnumTaskCheckReceiveMethod.CheckIn)) {
    return checkInColumns;
  } else if (form.value.checkReceiveMethods.every((x) => x == EnumTaskCheckReceiveMethod.Submit)) {
    return submitColumns;
  } else {
    if (form.value.tabType === 'signRecord') {
      return checkInColumns;
    } else {
      return submitColumns;
    }
  }
});
const operationBtns = defineOperationBtns([
  {
    data: {
@@ -83,10 +148,12 @@
    },
    extraProps: {
      hide: (row: API.GetCheckReceiveTaskUserSubmitsQueryResultItem) =>
        form.value.isDetail ||
        form.value.tabType === 'signRecord' ||
        !(
          row.checkReceiveStatus === EnumTaskUserSubmitCheckReceiveStatus.WaitSubmit ||
          row.checkReceiveStatus === EnumTaskUserSubmitCheckReceiveStatus.WaitCheckReceive
        ) || form.value.isDetail,
        ),
    },
  },
  {
@@ -99,10 +166,12 @@
    },
    extraProps: {
      hide: (row: API.GetCheckReceiveTaskUserSubmitsQueryResultItem) =>
        form.value.isDetail ||
        form.value.tabType === 'signRecord' ||
        !(
          row.checkReceiveStatus === EnumTaskUserSubmitCheckReceiveStatus.WaitSubmit ||
          row.checkReceiveStatus === EnumTaskUserSubmitCheckReceiveStatus.WaitCheckReceive
        ) || form.value.isDetail,
        ),
    },
  },
  {
@@ -166,6 +235,8 @@
      checkReceiveTime: { type: 'date' },
      date: { type: 'date', format: 'YYYY-MM-DD' },
      checkReceiveStatus: { type: 'enum', valueEnum: EnumTaskUserSubmitCheckReceiveStatusText },
      userCheckHistoryType: { type: 'enum', valueEnum: EnumTaskUserSubmitCheckHistoryTypeText },
      checkHistoryType: { type: 'enum', valueEnum: EnumTaskUserSubmitCheckHistoryTypeText },
      files: {
        type: 'url',
        //@ts-ignore