wupengfei
2025-11-07 0cb324779727155effffcbca13c5b11409c8211c
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,48 @@
  },
]);
const checkInColumns = defineColumns([
  {
    id: '1',
    enCode: 'date',
    name: '任务日期',
  },
  {
    id: '2',
    enCode: 'checkInTime',
    name: '签到时间',
  },
  {
    id: '3',
    enCode: 'checkOutTime',
    name: '签出时间',
  },
  {
    id: '4',
    enCode: 'checkOutStatus',
    name: '验收状态',
  },
  {
    id: '5',
    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 +133,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 +151,12 @@
    },
    extraProps: {
      hide: (row: API.GetCheckReceiveTaskUserSubmitsQueryResultItem) =>
        form.value.isDetail ||
        form.value.tabType === 'signRecord' ||
        !(
          row.checkReceiveStatus === EnumTaskUserSubmitCheckReceiveStatus.WaitSubmit ||
          row.checkReceiveStatus === EnumTaskUserSubmitCheckReceiveStatus.WaitCheckReceive
        ) || form.value.isDetail,
        ),
    },
  },
  {
@@ -181,7 +235,7 @@
  if (row.files?.length > 0) {
    downloadWithZip(
      row.files.map((x) => ({
        data: `${setOSSLink(x)}?${new Date().getTime()}`,
        data: `${setOSSLink(x)}`,
      })),
      '验收照片'
    );