wupengfei
2025-11-10 ea0b0c3483446d506285c9e5b12c0ab0a211ad71
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,28 +52,95 @@
const eventContext = useGlobalEventContext();
const columns = defineColumns([
const submitColumns = defineColumns([
  {
    id: '1',
    enCode: 'date',
    name: '任务日期',
  },
  {
    id: '2',
    enCode: 'createdTime',
    name: '提交时间',
  },
  {
    id: '2',
    id: '3',
    enCode: 'files',
    name: '验收照片',
  },
  {
    id: '3',
    id: '4',
    enCode: 'checkReceiveStatus',
    name: '验收状态',
  },
  {
    id: '4',
    id: '5',
    enCode: 'checkReceiveTime',
    name: '验收时间',
  },
  {
    id: '6',
    enCode: 'userOperator',
    name: '验收人',
  },
]);
const checkInColumns = defineColumns([
  {
    id: '1',
    enCode: 'date',
    name: '任务日期',
  },
  {
    id: '2',
    enCode: 'userCheckInTime',
    name: '用户签到时间',
  },
  {
    id: '3',
    enCode: 'userCheckOutTime',
    name: '用户签出时间',
  },
  {
    id: '4',
    enCode: 'userCheckHistoryType',
    name: '用户验收状态',
  },
  {
    id: '5',
    enCode: 'checkInTime',
    name: '签到时间',
  },
  {
    id: '6',
    enCode: 'checkOutTime',
    name: '签出时间',
  },
  {
    id: '7',
    enCode: 'checkHistoryType',
    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([
  {
@@ -78,10 +153,12 @@
    },
    extraProps: {
      hide: (row: API.GetCheckReceiveTaskUserSubmitsQueryResultItem) =>
        form.value.isDetail ||
        form.value.tabType === 'signRecord' ||
        !(
          row.checkReceiveStatus === EnumTaskUserSubmitCheckReceiveStatus.WaitSubmit ||
          row.checkReceiveStatus === EnumTaskUserSubmitCheckReceiveStatus.WaitCheckReceive
        ) || form.value.isDetail,
        ),
    },
  },
  {
@@ -94,10 +171,12 @@
    },
    extraProps: {
      hide: (row: API.GetCheckReceiveTaskUserSubmitsQueryResultItem) =>
        form.value.isDetail ||
        form.value.tabType === 'signRecord' ||
        !(
          row.checkReceiveStatus === EnumTaskUserSubmitCheckReceiveStatus.WaitSubmit ||
          row.checkReceiveStatus === EnumTaskUserSubmitCheckReceiveStatus.WaitCheckReceive
        ) || form.value.isDetail,
        ),
    },
  },
  {
@@ -107,6 +186,9 @@
    },
    emits: {
      onClick: (role) => handleDownload(role),
    },
    extraProps: {
      hide: (row: API.GetCheckReceiveTaskUserSubmitsQueryResultItem) => row.files?.length === 0,
    },
  },
]);
@@ -150,18 +232,25 @@
  },
  {
    defaultExtraParams: {
      orderInput: [{ property: 'id', order: EnumPagedListOrder.Desc }],
      orderInput: [{ property: 'date', order: EnumPagedListOrder.Desc }],
    },
    queryKey: ['taskCheckReceiveServices/getCheckReceiveTaskUserSubmits'],
    columnsRenderProps: {
      createdTime: { type: 'date' },
      checkReceiveTime: { type: 'date' },
      userCheckInTime: { type: 'date' },
      userCheckOutTime: { type: 'date' },
      checkInTime: { type: 'date' },
      checkOutTime: { 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
        formatter: (row: API.GetCheckReceiveTaskUserSubmitsQueryResultItem) =>
          (row.files ?? []).map((x) => setOSSLink(x)),
          row.files?.length > 0 && (row.files ?? []).map((x) => setOSSLink(x)),
        showDownloadBtn: false,
      },
    },
@@ -172,7 +261,7 @@
  if (row.files?.length > 0) {
    downloadWithZip(
      row.files.map((x) => ({
        data: `${setOSSLink(x)}?${new Date()}`,
        data: `${setOSSLink(x)}`,
      })),
      '验收照片'
    );