feat: add recruitment fair participant export

2026-07-23 18:35:18 +08:00
parent 4ae042dd76
commit 5faf09c467
6 changed files with 385 additions and 22 deletions
--- a/src/pages/Jobfair/Outdoorfair/index.tsx
+++ b/src/pages/Jobfair/Outdoorfair/index.tsx
@@ -9,6 +9,7 @@ import {
  EyeOutlined,
  QrcodeOutlined,
  UnorderedListOutlined,
+  ExportOutlined,
 } from '@ant-design/icons';
 import {
  getOutdoorFairList,
@@ -19,6 +20,7 @@ import {
  signupOutdoorFair,
  getMyOutdoorFairQrCode,
  getOutdoorFairMiniProgramQrCode,
+  exportOutdoorFair,
 } from '@/services/jobportal/outdoorFair';
 import type {
  OutdoorFairItem,
@@ -36,6 +38,8 @@ import EditModal from './components/EditModal';
 import CompanyBoothMapModal from './components/CompanyBoothMapModal';
 import CompanyFairDetailModal from './components/CompanyFairDetailModal';
 import JobEditModal from './Detail/components/JobEditModal';
+import FairExportModal from '../components/FairExportModal';
+import type { RecruitmentFairExportParams } from '@/services/jobfair/recruitmentFairExport';

 const OUTDOOR_FAIR_TYPE_DICT = 'outdoor_fair_type';
 const OUTDOOR_FAIR_REGION_DICT = 'outdoor_fair_region';
@@ -70,6 +74,7 @@ const OutdoorFairList: React.FC = () => {
  const [experienceEnum, setExperienceEnum] = useState<any>({});
  const [areaEnum, setAreaEnum] = useState<any>({});
  const [jobTypeEnum, setJobTypeEnum] = useState<any>({});
+  const [exportModalOpen, setExportModalOpen] = useState(false);

  const renderReviewStatus = (status?: string) => {
    const map: Record<string, { color: string; text: string }> = {
@@ -237,6 +242,17 @@ const OutdoorFairList: React.FC = () => {
    setCompanyBoothFair(record);
  };

+  const handleExport = async (params: RecruitmentFairExportParams) => {
+    message.loading('正在导出...');
+    try {
+      await exportOutdoorFair(params);
+      message.success('导出成功');
+      setExportModalOpen(false);
+    } catch {
+      message.error('导出失败');
+    }
+  };
+
  const jobColumns: ProColumns<API.OutdoorFairDetail.PostedJob>[] = [
    { title: '岗位名称', dataIndex: 'jobTitle', ellipsis: true },
    {
@@ -334,19 +350,19 @@ const OutdoorFairList: React.FC = () => {
      hideInSearch: true,
    },
    {
-      title: '截止时间',
+      title: '结束时间',
      dataIndex: 'endTime',
      valueType: 'dateTime',
      hideInSearch: true,
    },
    {
-      title: '开放申请',
+      title: '报名开始时间',
      dataIndex: 'applyStartTime',
      valueType: 'dateTime',
      hideInSearch: true,
    },
    {
-      title: '截止申请',
+      title: '报名截止时间',
      dataIndex: 'applyEndTime',
      valueType: 'dateTime',
      hideInSearch: true,
@@ -535,6 +551,14 @@ const OutdoorFairList: React.FC = () => {
          >
            新增
          </Button>,
+          <Button
+            key="export"
+            icon={<ExportOutlined />}
+            hidden={!access.hasPerms('cms:outdoorFair:export')}
+            onClick={() => setExportModalOpen(true)}
+          >
+            导出
+          </Button>,
        ]}
      />
      <EditModal
@@ -728,6 +752,15 @@ const OutdoorFairList: React.FC = () => {
          actionRef.current?.reload();
        }}
      />
+      <FairExportModal
+        open={exportModalOpen}
+        channel="outdoor"
+        fairTypeOptions={fairTypeOptions}
+        regionOptions={regionOptions}
+        venueOptions={venueOptions}
+        onCancel={() => setExportModalOpen(false)}
+        onExport={handleExport}
+      />
    </PageContainer>
  );
 };
--- a/src/pages/Jobfair/PublicJobFair/index.tsx
+++ b/src/pages/Jobfair/PublicJobFair/index.tsx
@@ -22,6 +22,8 @@ import {
 } from '@/services/jobfair/publicJobFair';
 import EditModal from './components/EditModal';
 import CompanyJobManageModal from './components/CompanyJobManageModal';
+import FairExportModal from '../components/FairExportModal';
+import type { RecruitmentFairExportParams } from '@/services/jobfair/recruitmentFairExport';

 const PublicJobFairList: React.FC = () => {
  const access = useAccess();
@@ -36,6 +38,7 @@ const PublicJobFairList: React.FC = () => {
  const [jobFairRegionTypeEnum, setJobFairRegionTypeEnum] = useState<any>({});
  const [yesNoEnum, setYesNoEnum] = useState<any>({});
  const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
+  const [exportModalOpen, setExportModalOpen] = useState(false);

  useEffect(() => {
    getDictValueEnum('job_fair_type', true).then(setJobFairTypeEnum);
@@ -76,27 +79,23 @@ const PublicJobFairList: React.FC = () => {
    });
  };

-  const buildListSearchParams = (values: Record<string, any>): API.PublicJobFair.ListParams => {
-    const { dateRange, current, pageSize, ...rest } = values || {};
-    const params = { ...rest } as API.PublicJobFair.ListParams;
-    if (dateRange?.[0] && dateRange?.[1]) {
-      params.startDate = dateRange[0];
-      params.endDate = dateRange[1];
-    }
-    return params;
-  };
-
-  const handleExport = async () => {
+  const handleExport = async (params: RecruitmentFairExportParams) => {
    message.loading('正在导出...');
    try {
-      const searchVal = formRef.current?.getFieldsValue();
-      await exportPublicJobFair(buildListSearchParams(searchVal || {}));
+      await exportPublicJobFair(params);
      message.success('导出成功');
+      setExportModalOpen(false);
    } catch {
      message.error('导出失败');
    }
  };

+  const dictOptions = (valueEnum: Record<string, any>) =>
+    Object.entries(valueEnum).map(([value, item]) => ({
+      value,
+      label: item?.text || item?.label || value,
+    }));
+
  const columns: ProColumns<API.PublicJobFair.JobFairItem>[] = [
    {
      title: '时间范围',
@@ -336,7 +335,12 @@ const PublicJobFairList: React.FC = () => {
              批量删除
            </Button>
          ),
-          <Button key="export" icon={<ExportOutlined />} onClick={handleExport}>
+          <Button
+            key="export"
+            icon={<ExportOutlined />}
+            hidden={!access.hasPerms('cms:publicJobFair:export')}
+            onClick={() => setExportModalOpen(true)}
+          >
            导出
          </Button>,
        ]}
@@ -373,6 +377,14 @@ const PublicJobFairList: React.FC = () => {
          setCurrentJobFair(undefined);
        }}
      />
+      <FairExportModal
+        open={exportModalOpen}
+        channel="online"
+        fairTypeOptions={dictOptions(jobFairTypeEnum)}
+        regionOptions={dictOptions(jobFairRegionTypeEnum)}
+        onCancel={() => setExportModalOpen(false)}
+        onExport={handleExport}
+      />
    </PageContainer>
  );
 };
--- a/src/pages/Jobfair/components/FairExportModal.tsx
+++ b/src/pages/Jobfair/components/FairExportModal.tsx
@@ -0,0 +1,265 @@
+import React, { useEffect } from 'react';
+import type { Dayjs } from 'dayjs';
+import { Button, Col, DatePicker, Form, Input, Modal, Row, Select, Space } from 'antd';
+import type {
+  RecruitmentFairExportChannel,
+  RecruitmentFairExportParams,
+  RecruitmentFairExportType,
+} from '@/services/jobfair/recruitmentFairExport';
+
+const { RangePicker } = DatePicker;
+
+interface Option {
+  label?: React.ReactNode;
+  text?: React.ReactNode;
+  value: string | number | boolean;
+}
+
+interface FormValues {
+  exportType: RecruitmentFairExportType;
+  title?: string;
+  hostUnit?: string;
+  fairType?: string;
+  region?: string;
+  venueId?: number;
+  address?: string;
+  startRange?: [Dayjs, Dayjs];
+  endRange?: [Dayjs, Dayjs];
+  applyRange?: [Dayjs, Dayjs];
+  createRange?: [Dayjs, Dayjs];
+  fairStatus?: RecruitmentFairExportParams['fairStatus'];
+  isCrossDomain?: string;
+  onlineApply?: boolean;
+  reviewStatus?: RecruitmentFairExportParams['reviewStatus'];
+}
+
+interface Props {
+  open: boolean;
+  channel: RecruitmentFairExportChannel;
+  fairTypeOptions?: Option[];
+  regionOptions?: Option[];
+  venueOptions?: Option[];
+  onCancel: () => void;
+  onExport: (params: RecruitmentFairExportParams) => Promise<void>;
+}
+
+const toOptions = (options: Option[] = []) =>
+  options.map((item) => ({
+    label: item.label ?? item.text,
+    value: item.value,
+  }));
+
+const dateRange = (range?: [Dayjs, Dayjs]) =>
+  range
+    ? {
+        start: range[0].format('YYYY-MM-DD HH:mm:ss'),
+        end: range[1].format('YYYY-MM-DD HH:mm:ss'),
+      }
+    : undefined;
+
+const FairExportModal: React.FC<Props> = ({
+  open,
+  channel,
+  fairTypeOptions,
+  regionOptions,
+  venueOptions,
+  onCancel,
+  onExport,
+}) => {
+  const [form] = Form.useForm<FormValues>();
+  const isOnline = channel === 'online';
+
+  useEffect(() => {
+    if (open) {
+      form.resetFields();
+      form.setFieldsValue({ exportType: 'companies' });
+    }
+  }, [form, open]);
+
+  const submit = async (values: FormValues) => {
+    const start = dateRange(values.startRange);
+    const end = dateRange(values.endRange);
+    const apply = dateRange(values.applyRange);
+    const create = dateRange(values.createRange);
+    await onExport({
+      exportType: values.exportType,
+      title: values.title?.trim() || undefined,
+      hostUnit: values.hostUnit?.trim() || undefined,
+      fairType: values.fairType,
+      region: values.region,
+      venueId: values.venueId,
+      address: values.address?.trim() || undefined,
+      startTime: start?.start,
+      endTime: end?.end,
+      applyStartTime: apply?.start,
+      applyEndTime: apply?.end,
+      createStartTime: create?.start,
+      createEndTime: create?.end,
+      fairStatus: values.fairStatus,
+      isCrossDomain: isOnline ? values.isCrossDomain : undefined,
+      onlineApply: isOnline ? undefined : values.onlineApply,
+      reviewStatus: values.reviewStatus,
+    });
+  };
+
+  return (
+    <Modal
+      title={`${isOnline ? '线上' : '户外'}招聘会参会数据导出`}
+      open={open}
+      width={820}
+      destroyOnClose
+      footer={null}
+      onCancel={onCancel}
+    >
+      <Form<FormValues>
+        form={form}
+        layout="vertical"
+        initialValues={{ exportType: 'companies' }}
+        onFinish={submit}
+      >
+        <Form.Item
+          label="导出内容"
+          name="exportType"
+          rules={[{ required: true, message: '请选择导出内容' }]}
+        >
+          <Select
+            options={[
+              { label: '导出所有参会企业', value: 'companies' },
+              { label: '导出所有参加岗位', value: 'jobs' },
+              { label: '导出企业和岗位（每个企业一个 sheet）', value: 'companyJobs' },
+            ]}
+          />
+        </Form.Item>
+
+        <Row gutter={16}>
+          <Col span={8}>
+            <Form.Item label="招聘会标题" name="title">
+              <Input allowClear placeholder="支持模糊查询" />
+            </Form.Item>
+          </Col>
+          <Col span={8}>
+            <Form.Item label="举办单位" name="hostUnit">
+              <Input allowClear placeholder="支持模糊查询" />
+            </Form.Item>
+          </Col>
+          <Col span={8}>
+            <Form.Item label="招聘会类型" name="fairType">
+              <Select allowClear options={toOptions(fairTypeOptions)} placeholder="全部" />
+            </Form.Item>
+          </Col>
+          <Col span={8}>
+            <Form.Item label={isOnline ? '区域类型' : '举办区域'} name="region">
+              <Select allowClear options={toOptions(regionOptions)} placeholder="全部" />
+            </Form.Item>
+          </Col>
+          {!isOnline && (
+            <Col span={8}>
+              <Form.Item label="场地" name="venueId">
+                <Select
+                  allowClear
+                  showSearch
+                  optionFilterProp="label"
+                  options={toOptions(venueOptions)}
+                  placeholder="全部"
+                />
+              </Form.Item>
+            </Col>
+          )}
+          <Col span={8}>
+            <Form.Item label="举办地址" name="address">
+              <Input allowClear placeholder="支持模糊查询" />
+            </Form.Item>
+          </Col>
+        </Row>
+
+        <Row gutter={16}>
+          <Col span={12}>
+            <Form.Item label="招聘会开始时间范围" name="startRange">
+              <RangePicker showTime format="YYYY-MM-DD HH:mm:ss" style={{ width: '100%' }} />
+            </Form.Item>
+          </Col>
+          <Col span={12}>
+            <Form.Item label="招聘会结束时间范围" name="endRange">
+              <RangePicker showTime format="YYYY-MM-DD HH:mm:ss" style={{ width: '100%' }} />
+            </Form.Item>
+          </Col>
+          <Col span={12}>
+            <Form.Item label="报名时间范围" name="applyRange">
+              <RangePicker showTime format="YYYY-MM-DD HH:mm:ss" style={{ width: '100%' }} />
+            </Form.Item>
+          </Col>
+          <Col span={12}>
+            <Form.Item label="创建时间范围" name="createRange">
+              <RangePicker showTime format="YYYY-MM-DD HH:mm:ss" style={{ width: '100%' }} />
+            </Form.Item>
+          </Col>
+        </Row>
+
+        <Row gutter={16}>
+          <Col span={8}>
+            <Form.Item label="举办状态" name="fairStatus">
+              <Select
+                allowClear
+                placeholder="全部"
+                options={[
+                  { label: '未举办', value: 'NOT_STARTED' },
+                  { label: '正在举办', value: 'ONGOING' },
+                  { label: '已举办', value: 'ENDED' },
+                ]}
+              />
+            </Form.Item>
+          </Col>
+          {isOnline ? (
+            <Col span={8}>
+              <Form.Item label="是否跨域" name="isCrossDomain">
+                <Select
+                  allowClear
+                  placeholder="全部"
+                  options={[
+                    { label: '是', value: 'Y' },
+                    { label: '否', value: 'N' },
+                  ]}
+                />
+              </Form.Item>
+            </Col>
+          ) : (
+            <Col span={8}>
+              <Form.Item label="是否开启线上申请" name="onlineApply">
+                <Select
+                  allowClear
+                  placeholder="全部"
+                  options={[
+                    { label: '是', value: true },
+                    { label: '否', value: false },
+                  ]}
+                />
+              </Form.Item>
+            </Col>
+          )}
+          <Col span={8}>
+            <Form.Item label="审核状态" name="reviewStatus">
+              <Select
+                allowClear
+                placeholder="全部"
+                options={[
+                  { label: '待审核', value: '0' },
+                  { label: '审核通过', value: '1' },
+                  { label: '审核不通过', value: '2' },
+                ]}
+              />
+            </Form.Item>
+          </Col>
+        </Row>
+
+        <Space style={{ width: '100%', justifyContent: 'flex-end' }}>
+          <Button onClick={onCancel}>取消</Button>
+          <Button type="primary" htmlType="submit">
+            开始导出
+          </Button>
+        </Space>
+      </Form>
+    </Modal>
+  );
+};
+
+export default FairExportModal;
--- a/src/services/jobfair/publicJobFair.ts
+++ b/src/services/jobfair/publicJobFair.ts
@@ -1,5 +1,6 @@
 import { request } from '@umijs/max';
 import { downLoadXlsx } from '@/utils/downloadfile';
+import type { RecruitmentFairExportParams } from './recruitmentFairExport';

 const BASE_URL = '/api/cms/publicJobFair';

@@ -227,6 +228,10 @@ export async function getJobFairCompanies(jobFairId: string) {
 }

 /** 导出招聘会 */
-export async function exportPublicJobFair(params?: API.PublicJobFair.ListParams) {
-  return downLoadXlsx(`${BASE_URL}/export`, { params }, `job_fair_${new Date().getTime()}.xlsx`);
+export async function exportPublicJobFair(params: RecruitmentFairExportParams) {
+  return downLoadXlsx(
+    `${BASE_URL}/export`,
+    { params },
+    `online_fair_participants_${new Date().getTime()}.xlsx`,
+  );
 }
--- a/src/services/jobfair/recruitmentFairExport.ts
+++ b/src/services/jobfair/recruitmentFairExport.ts
@@ -0,0 +1,37 @@
+import { downLoadXlsx } from '@/utils/downloadfile';
+
+export type RecruitmentFairExportType = 'companies' | 'jobs' | 'companyJobs';
+
+export interface RecruitmentFairExportParams {
+  exportType: RecruitmentFairExportType;
+  title?: string;
+  hostUnit?: string;
+  fairType?: string;
+  region?: string;
+  venueId?: number;
+  venueName?: string;
+  address?: string;
+  startTime?: string;
+  endTime?: string;
+  applyStartTime?: string;
+  applyEndTime?: string;
+  createStartTime?: string;
+  createEndTime?: string;
+  fairStatus?: 'NOT_STARTED' | 'ONGOING' | 'ENDED';
+  isCrossDomain?: string;
+  onlineApply?: boolean;
+  reviewStatus?: '0' | '1' | '2';
+}
+
+export type RecruitmentFairExportChannel = 'online' | 'outdoor';
+
+/** 下载线上/户外招聘会参会数据 Excel。 */
+export function exportRecruitmentFair(
+  channel: RecruitmentFairExportChannel,
+  params: RecruitmentFairExportParams,
+) {
+  const endpoint =
+    channel === 'online' ? '/api/cms/publicJobFair/export' : '/api/cms/outdoor-fair/export';
+  const filePrefix = channel === 'online' ? 'online_fair' : 'outdoor_fair';
+  return downLoadXlsx(endpoint, { params }, `${filePrefix}_participants_${Date.now()}.xlsx`);
+}
--- a/src/services/jobportal/outdoorFair.ts
+++ b/src/services/jobportal/outdoorFair.ts
@@ -1,5 +1,7 @@
 import { request } from '@umijs/max';
 import type { VenueBoothItem } from './venueInfo';
+import { downLoadXlsx } from '@/utils/downloadfile';
+import type { RecruitmentFairExportParams } from '@/services/jobfair/recruitmentFairExport';

 /** 户外招聘会列表项 */
 export interface OutdoorFairItem {
@@ -24,11 +26,11 @@ export interface OutdoorFairItem {
  reservedBoothCount?: number;
  /** 举办时间 */
  holdTime: string;
-  /** 截止时间 */
+  /** 招聘会结束时间 */
  endTime: string;
-  /** 开放申请 */
+  /** 报名开始时间 */
  applyStartTime: string;
-  /** 截止申请 */
+  /** 报名截止时间 */
  applyEndTime: string;
  /** 是否开启线上申请 */
  onlineApply: boolean;
@@ -188,6 +190,15 @@ export async function getOutdoorFairList(params?: OutdoorFairListParams) {
  });
 }

+/** 导出户外招聘会参会企业/岗位。 */
+export async function exportOutdoorFair(params: RecruitmentFairExportParams) {
+  return downLoadXlsx(
+    `${CMS_OUTDOOR_FAIR_BASE}/export`,
+    { params },
+    `outdoor_fair_participants_${new Date().getTime()}.xlsx`,
+  );
+}
+
 /**
 * 获取户外招聘会详情
 * GET /api/cms/outdoor-fair/{id}