+
+
+ <TeamOutlined style={{ marginRight: 8 }} />
+ 功能背景
+
+
+ 石河子市人力资源和社会保障局为深入贯彻国家关于促进高质量充分就业的决策部署，
+ 积极与新疆维吾尔自治区其他地市联合举办跨域联合招聘活动，整合各地市就业服务资源，
+ 实现资源优势互补，为广大求职者提供更多地区的职位信息，为企业推送更多的优秀人才。
+
+
+ 活动结束后，在当地投递的属于石河子地区的岗位数据、人才简历等相关数据
+ 将统一回流至"石城智慧就业"一体化平台，实现数据有效归集和深度应用。
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 核心功能
+
+
+
+ 一站式获取各地市就业信息，自由选择意向就业城市，查看招聘企业信息和用工信息。
+ 聚合各地市就业资源，便捷获取全国范围内的工作机会。
+
+
+
+
+
+ 一键收藏其他城市招聘企业和职位信息，在个人中心随时查看，
+ 跨区域快速投递简历，简化投递流程，提高求职效率。
+
+
+
+
+
+ 自动汇总招聘会相关数据，包含参会企业数量、岗位数量、求职者人数、
+ 简历投递数量、匹配成功率等，形成详细数据报表。
+
+
+
+
+
+ 活动结束后，石河子地区岗位数据和人才简历自动回流至
+ "石城智慧就业"一体化平台，实现数据归集和深度应用。
+
+
+
+
+
+
+);
+
+// ==================== 各地市就业信息 Tab ====================
+
+const CityJobsTab: React.FC = () => {
+ const [jobs, setJobs] = useState
+ {ALLIANCE_CITIES.map((city) => (
+
+ {city.name}
+
+ ))}
+
+
+ 覆盖制造业、能源、医疗、教育、建筑等多个重点行业
+
+
+ 涵盖技术类、管理类、一线工人等多种岗位类型
+
+
+
+
+ <EnvironmentOutlined style={{ marginRight: 8 }} />
+ 选择联盟城市
+
+
+ {ALLIANCE_CITIES.map((city) => (
+ {
+ setSelectedCities((prev) =>
+ checked
+ ? [...prev, city.key]
+ : prev.filter((k) => k !== city.key)
+ );
+ }}
+ style={{
+ padding: '4px 12px',
+ fontSize: 14,
+ borderRadius: 4,
+ }}
+ >
+ {city.name}
+
+ ))}
+ {selectedCities.length > 0 && (
+
+ )}
+
+
+
+ `共 ${total} 个职位`,
+ }}
+ />
+
+ );
+};
+
+// ==================== 跨区简历投递 Tab ====================
+
+const ResumeDeliveryTab: React.FC = () => {
+ const [savedJobs, setSavedJobs] = useState
+ 已选择 {selectedCities.length > 0 ? selectedCities.length + ' 个城市' : '全部城市'}，
+ 共 {filteredJobs.length} 个职位
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+// ==================== 主页面 ====================
+
+const CrossCityFair: React.FC = () => {
+ const tabItems = [
+ {
+ key: 'background',
+ label: (
+
+
+ {
+ const res = await getBoothList({
+ current: params.current,
+ pageSize: params.pageSize,
+ boothNumber: params.boothNumber,
+ companyName: params.companyName,
+ });
+ return { data: res.rows, total: res.total, success: true };
+ }}
+ toolBarRender={() => [
+ }
+ hidden={!access.hasPerms('cms:indoorJobFair:add')}
+ onClick={() => { setEditingBooth(null); setModalOpen(true); }}
+ >新增摊位,
+ ]}
+ />
+
+ setModalOpen(false) }}
+ onFinish={async (values) => {
+ const res = editingBooth
+ ? await updateBooth({ id: editingBooth.id, ...values })
+ : await addBooth({ venueId: 1, ...values } as any);
+ if (res.code === 200) { message.success(res.msg); setModalOpen(false); actionRef.current?.reload(); return true; }
+ message.error(res.msg); return false;
+ }}
+ initialValues={editingBooth}
+ >
+
+
+ );
+};
+
+export default BoothTab;
diff --git a/src/pages/Jobfair/Indoorjobfair/Detail/components/CompanyQueryTab.tsx b/src/pages/Jobfair/Indoorjobfair/Detail/components/CompanyQueryTab.tsx
new file mode 100644
index 0000000..c5ded06
--- /dev/null
+++ b/src/pages/Jobfair/Indoorjobfair/Detail/components/CompanyQueryTab.tsx
@@ -0,0 +1,77 @@
+import React, { useRef, useState } from 'react';
+import { Button, message } from 'antd';
+import { ActionType, ProColumns, ProTable } from '@ant-design/pro-components';
+import { ExportOutlined } from '@ant-design/icons';
+import { getCompanyQueryList } from '@/services/jobportal/indoorJobFair';
+import type { CompanyQueryItem } from '@/services/jobportal/indoorJobFair';
+
+interface Props {
+ fairId: number;
+}
+
+const CompanyQueryTab: React.FC
+ {
+ const res = await getCompanyQueryList({
+ current: params.current,
+ pageSize: params.pageSize,
+ fairName: params.fairName,
+ });
+ return { data: res.rows, total: res.total, success: true };
+ }}
+ toolBarRender={() => [
+ }
+ onClick={() => handleExport('selected')}
+ >导出选中,
+ }
+ onClick={() => handleExport('page')}
+ >导出当前页,
+ }
+ onClick={() => handleExport('all')}
+ >导出全部,
+ ]}
+ />
+
+ );
+};
+
+export default CompanyQueryTab;
diff --git a/src/pages/Jobfair/Indoorjobfair/Detail/components/CompanyRecordTab.tsx b/src/pages/Jobfair/Indoorjobfair/Detail/components/CompanyRecordTab.tsx
new file mode 100644
index 0000000..d2f6f68
--- /dev/null
+++ b/src/pages/Jobfair/Indoorjobfair/Detail/components/CompanyRecordTab.tsx
@@ -0,0 +1,153 @@
+import React, { useRef, useState } from 'react';
+import { useAccess } from '@umijs/max';
+import { Button, message, Modal, Tag } from 'antd';
+import { ActionType, ProColumns, ProTable, ModalForm, ProFormText, ProFormSelect } from '@ant-design/pro-components';
+import { EyeOutlined } from '@ant-design/icons';
+import { getCompanyRecordList, updateCompanyRecordStatus, updateCompanyCreditStatus } from '@/services/jobportal/indoorJobFair';
+import type { CompanyRecordItem } from '@/services/jobportal/indoorJobFair';
+
+interface Props {
+ fairId: number;
+}
+
+const CompanyRecordTab: React.FC
+ {
+ const res = await getCompanyRecordList({
+ current: params.current,
+ pageSize: params.pageSize,
+ companyName: params.companyName,
+ contactPerson: params.contactPerson,
+ contactPhone: params.contactPhone,
+ });
+ return { data: res.rows, total: res.total, success: true };
+ }}
+ />
+
+ setModalOpen(false) }}
+ onFinish={modalType === 'status' ? handleUpdateStatus : handleUpdateCredit}
+ initialValues={currentRecord}
+ >
+ {modalType === 'status' ? (
+
+
+ );
+};
+
+export default CompanyRecordTab;
diff --git a/src/pages/Jobfair/Indoorjobfair/Detail/components/CompanyReviewTab.tsx b/src/pages/Jobfair/Indoorjobfair/Detail/components/CompanyReviewTab.tsx
new file mode 100644
index 0000000..3a7bf3a
--- /dev/null
+++ b/src/pages/Jobfair/Indoorjobfair/Detail/components/CompanyReviewTab.tsx
@@ -0,0 +1,153 @@
+import React, { useRef, useState } from 'react';
+import { useAccess } from '@umijs/max';
+import { Button, message, Modal, Tag } from 'antd';
+import { ActionType, ProColumns, ProTable } from '@ant-design/pro-components';
+import { ExportOutlined, EyeOutlined, CheckOutlined, CloseOutlined } from '@ant-design/icons';
+import { getCompanyReviewList, batchApproveCompany, batchRejectCompany } from '@/services/jobportal/indoorJobFair';
+import type { CompanyReviewItem } from '@/services/jobportal/indoorJobFair';
+
+interface Props {
+ fairId: number;
+}
+
+const CompanyReviewTab: React.FC
+ {
+ const res = await getCompanyReviewList({
+ current: params.current,
+ pageSize: params.pageSize,
+ fairName: params.fairName,
+ companyName: params.companyName,
+ reviewStatus: params.reviewStatus,
+ });
+ return { data: res.rows, total: res.total, success: true };
+ }}
+ toolBarRender={() => [
+ }
+ hidden={!access.hasPerms('cms:indoorJobFair:edit')}
+ onClick={handleBatchApprove}
+ >批量审核成功,
+ }
+ hidden={!access.hasPerms('cms:indoorJobFair:edit')}
+ onClick={handleBatchReject}
+ >批量审核失败,
+ }
+ onClick={() => handleExport('selected')}
+ >导出选中,
+ }
+ onClick={() => handleExport('page')}
+ >导出当前页,
+ }
+ onClick={() => handleExport('all')}
+ >导出全部,
+ ]}
+ />
+
+ );
+};
+
+export default CompanyReviewTab;
diff --git a/src/pages/Jobfair/Indoorjobfair/Detail/components/FairManageTab.tsx b/src/pages/Jobfair/Indoorjobfair/Detail/components/FairManageTab.tsx
new file mode 100644
index 0000000..626bdc2
--- /dev/null
+++ b/src/pages/Jobfair/Indoorjobfair/Detail/components/FairManageTab.tsx
@@ -0,0 +1,147 @@
+import React, { useRef, useState } from 'react';
+import { useAccess } from '@umijs/max';
+import { Button, message, Modal, Tag } from 'antd';
+import { ActionType, ProColumns, ProTable, ModalForm, ProFormText, ProFormSelect } from '@ant-design/pro-components';
+import { PlusOutlined, DeleteOutlined, FormOutlined, ApartmentOutlined } from '@ant-design/icons';
+import {
+ getJobFairList,
+ addJobFair,
+ updateJobFair,
+ deleteJobFair,
+} from '@/services/jobportal/indoorJobFair';
+import type { JobFairItem, JobFairForm } from '@/services/jobportal/indoorJobFair';
+
+interface Props {
+ fairId: number;
+ fairInfo: JobFairItem;
+ onFairUpdate: () => void;
+}
+
+const FairManageTab: React.FC
+ {
+ const res = await getJobFairList({
+ current: params.current,
+ pageSize: params.pageSize,
+ fairName: params.fairName,
+ startDate: params.startDate,
+ endDate: params.endDate,
+ } as any);
+ return { data: res.rows, total: res.total, success: true };
+ }}
+ toolBarRender={() => [
+ }
+ hidden={!access.hasPerms('cms:indoorJobFair:add')}
+ onClick={() => { setEditingFair(null); setModalOpen(true); }}
+ >新增招聘会,
+ ]}
+ />
+
+ setModalOpen(false) }}
+ onFinish={async (values) => {
+ const submitValues = {
+ ...values,
+ venueName: venueNameMap[values.venueId as number] || '',
+ };
+ const res = editingFair
+ ? await updateJobFair({ id: editingFair.id, ...submitValues } as JobFairForm)
+ : await addJobFair(submitValues as JobFairForm);
+ if (res.code === 200) { message.success(res.msg); setModalOpen(false); actionRef.current?.reload(); return true; }
+ message.error(res.msg); return false;
+ }}
+ initialValues={editingFair}
+ >
+
+
+ );
+};
+
+export default FairManageTab;
diff --git a/src/pages/Jobfair/Indoorjobfair/Detail/components/JobQueryTab.tsx b/src/pages/Jobfair/Indoorjobfair/Detail/components/JobQueryTab.tsx
new file mode 100644
index 0000000..2f04d72
--- /dev/null
+++ b/src/pages/Jobfair/Indoorjobfair/Detail/components/JobQueryTab.tsx
@@ -0,0 +1,90 @@
+import React, { useRef, useState } from 'react';
+import { Button, message } from 'antd';
+import { ActionType, ProColumns, ProTable } from '@ant-design/pro-components';
+import { ExportOutlined } from '@ant-design/icons';
+import { getJobQueryList } from '@/services/jobportal/indoorJobFair';
+import type { JobQueryItem } from '@/services/jobportal/indoorJobFair';
+
+interface Props {
+ fairId: number;
+}
+
+const JobQueryTab: React.FC
+ {
+ const res = await getJobQueryList({
+ current: params.current,
+ pageSize: params.pageSize,
+ fairName: params.fairName,
+ companyName: params.companyName,
+ });
+ return { data: res.rows, total: res.total, success: true };
+ }}
+ toolBarRender={() => [
+ }
+ onClick={() => handleExport('selected')}
+ >导出选中,
+ }
+ onClick={() => handleExport('page')}
+ >导出当前页,
+ }
+ onClick={() => handleExport('all')}
+ >导出全部,
+ ]}
+ />
+
+ );
+};
+
+export default JobQueryTab;
diff --git a/src/pages/Jobfair/Indoorjobfair/Detail/components/JobReviewTab.tsx b/src/pages/Jobfair/Indoorjobfair/Detail/components/JobReviewTab.tsx
new file mode 100644
index 0000000..44db4ec
--- /dev/null
+++ b/src/pages/Jobfair/Indoorjobfair/Detail/components/JobReviewTab.tsx
@@ -0,0 +1,140 @@
+import React, { useRef, useState } from 'react';
+import { useAccess } from '@umijs/max';
+import { Button, message, Tag } from 'antd';
+import { ActionType, ProColumns, ProTable, ModalForm, ProFormText } from '@ant-design/pro-components';
+import { EyeOutlined, CheckOutlined, CloseOutlined } from '@ant-design/icons';
+import { getJobReviewList, approveJob, rejectJob } from '@/services/jobportal/indoorJobFair';
+import type { JobReviewItem } from '@/services/jobportal/indoorJobFair';
+
+interface Props {
+ fairId: number;
+}
+
+const JobReviewTab: React.FC
+ {
+ const res = await getJobReviewList({
+ current: params.current,
+ pageSize: params.pageSize,
+ companyName: params.companyName,
+ jobTitle: params.jobTitle,
+ reviewStatus: params.reviewStatus,
+ });
+ return { data: res.rows, total: res.total, success: true };
+ }}
+ />
+
+ setReviewModalOpen(false) }}
+ onFinish={async (values) => {
+ if (values.action === 'approve') {
+ return handleApprove(values);
+ } else {
+ return handleReject(values);
+ }
+ }}
+ initialValues={currentJob}
+ >
+
+
+ );
+};
+
+export default JobReviewTab;
diff --git a/src/pages/Jobfair/Indoorjobfair/Detail/components/ReservationRecordTab.tsx b/src/pages/Jobfair/Indoorjobfair/Detail/components/ReservationRecordTab.tsx
new file mode 100644
index 0000000..33a8c0b
--- /dev/null
+++ b/src/pages/Jobfair/Indoorjobfair/Detail/components/ReservationRecordTab.tsx
@@ -0,0 +1,51 @@
+import React, { useRef } from 'react';
+import { ActionType, ProColumns, ProTable } from '@ant-design/pro-components';
+import { getReservationRecordList } from '@/services/jobportal/indoorJobFair';
+import type { ReservationRecordItem } from '@/services/jobportal/indoorJobFair';
+
+interface Props {
+ fairId: number;
+}
+
+const ReservationRecordTab: React.FC
+ {
+ const res = await getReservationRecordList({
+ current: params.current,
+ pageSize: params.pageSize,
+ operator: params.operator,
+ });
+ return { data: res.rows, total: res.total, success: true };
+ }}
+ />
+
+ );
+};
+
+export default ReservationRecordTab;
diff --git a/src/pages/Jobfair/Indoorjobfair/Detail/components/UnsubscribeTab.tsx b/src/pages/Jobfair/Indoorjobfair/Detail/components/UnsubscribeTab.tsx
new file mode 100644
index 0000000..edc830b
--- /dev/null
+++ b/src/pages/Jobfair/Indoorjobfair/Detail/components/UnsubscribeTab.tsx
@@ -0,0 +1,60 @@
+import React, { useRef } from 'react';
+import { ActionType, ProColumns, ProTable } from '@ant-design/pro-components';
+import { getUnsubscribeList } from '@/services/jobportal/indoorJobFair';
+import type { UnsubscribeItem } from '@/services/jobportal/indoorJobFair';
+
+interface Props {
+ fairId: number;
+}
+
+const UnsubscribeTab: React.FC
+ {
+ const res = await getUnsubscribeList({
+ current: params.current,
+ pageSize: params.pageSize,
+ fairName: params.fairName,
+ companyName: params.companyName,
+ boothNumber: params.boothNumber,
+ contactPerson: params.contactPerson,
+ contactPhone: params.contactPhone,
+ });
+ return { data: res.rows, total: res.total, success: true };
+ }}
+ />
+
+ );
+};
+
+export default UnsubscribeTab;
diff --git a/src/pages/Jobfair/Indoorjobfair/Detail/components/VenueTab.tsx b/src/pages/Jobfair/Indoorjobfair/Detail/components/VenueTab.tsx
new file mode 100644
index 0000000..d4925fa
--- /dev/null
+++ b/src/pages/Jobfair/Indoorjobfair/Detail/components/VenueTab.tsx
@@ -0,0 +1,131 @@
+import React, { useRef, useState } from 'react';
+import { useAccess } from '@umijs/max';
+import { Button, message, Modal, Tag } from 'antd';
+import { ActionType, ProColumns, ProTable, ModalForm, ProFormText, ProFormSelect } from '@ant-design/pro-components';
+import { PlusOutlined, DeleteOutlined, FormOutlined, LayoutOutlined } from '@ant-design/icons';
+import {
+ getVenueList,
+ addVenue,
+ updateVenue,
+ deleteVenue,
+} from '@/services/jobportal/indoorJobFair';
+import type { VenueItem, VenueForm } from '@/services/jobportal/indoorJobFair';
+
+interface Props {
+ fairId: number;
+}
+
+const VenueTab: React.FC
+ {
+ const res = await getVenueList({
+ current: params.current,
+ pageSize: params.pageSize,
+ employmentAgency: params.employmentAgency,
+ venueName: params.venueName,
+ venueType: params.venueType,
+ });
+ return { data: res.rows, total: res.total, success: true };
+ }}
+ toolBarRender={() => [
+ }
+ hidden={!access.hasPerms('cms:indoorJobFair:add')}
+ onClick={() => { setEditingVenue(null); setModalOpen(true); }}
+ >新增场地,
+ ]}
+ />
+
+ setModalOpen(false) }}
+ onFinish={async (values) => {
+ const res = editingVenue
+ ? await updateVenue({ id: editingVenue.id, ...values })
+ : await addVenue(values as VenueForm);
+ if (res.code === 200) { message.success(res.msg); setModalOpen(false); actionRef.current?.reload(); return true; }
+ message.error(res.msg); return false;
+ }}
+ initialValues={editingVenue}
+ >
+
+
+ );
+};
+
+export default VenueTab;
diff --git a/src/pages/Jobfair/Indoorjobfair/Detail/index.tsx b/src/pages/Jobfair/Indoorjobfair/Detail/index.tsx
new file mode 100644
index 0000000..88e95ad
--- /dev/null
+++ b/src/pages/Jobfair/Indoorjobfair/Detail/index.tsx
@@ -0,0 +1,114 @@
+import React, { useState, useEffect } from 'react';
+import { history, useSearchParams } from '@umijs/max';
+import { PageContainer } from '@ant-design/pro-components';
+import { Tabs, Button, Spin, message } from 'antd';
+import { ArrowLeftOutlined } from '@ant-design/icons';
+import { getJobFairList } from '@/services/jobportal/indoorJobFair';
+import type { JobFairItem } from '@/services/jobportal/indoorJobFair';
+import VenueTab from './components/VenueTab';
+import BoothTab from './components/BoothTab';
+import FairManageTab from './components/FairManageTab';
+import CompanyQueryTab from './components/CompanyQueryTab';
+import JobQueryTab from './components/JobQueryTab';
+import CompanyReviewTab from './components/CompanyReviewTab';
+import UnsubscribeTab from './components/UnsubscribeTab';
+import CompanyRecordTab from './components/CompanyRecordTab';
+import JobReviewTab from './components/JobReviewTab';
+import ReservationRecordTab from './components/ReservationRecordTab';
+
+const IndoorJobFairDetail: React.FC = () => {
+ const [searchParams] = useSearchParams();
+ const fairId = Number(searchParams.get('id'));
+ const [fairInfo, setFairInfo] = useState
+ {
+ const res = await getAttendeeList(fairId, {
+ current: params.current, pageSize: params.pageSize,
+ name: params.name, phone: params.phone, interviewStatus: params.interviewStatus,
+ });
+ return { data: res.rows, total: res.total, success: true };
+ }}
+ toolBarRender={() => [
+ }
+ onClick={() => setScanModalOpen(true)}
+ >模拟扫码入场,
+ }>导出,
+ ]}
+ />
+
+ {/* 模拟扫码入场弹窗 */}
+ setScanModalOpen(false) }}
+ onFinish={async (values) => {
+ const res = await scanAttendeeEntry(values);
+ if (res.code === 200) { message.success(res.msg); setScanModalOpen(false); actionRef.current?.reload(); return true; }
+ message.error(res.msg); return false;
+ }}
+ >
+
+
+ {/* 简历编辑抽屉 */}
+ setResumeDrawerOpen(false)}
+ destroyOnClose
+ >
+ {
+ if (!currentAttendee) return;
+ const res = await updateAttendeeResume(currentAttendee.id, values);
+ if (res.code === 200) { message.success('简历更新成功'); setResumeDrawerOpen(false); actionRef.current?.reload(); return true; }
+ message.error(res.msg); return false;
+ }}
+ >
+ ({ label: v, value: v }))}
+ />
+
+
+
+ {/* 面试跟踪弹窗 */}
+ setInterviewModalOpen(false) }}
+ initialValues={currentAttendee}
+ onFinish={async (values) => {
+ if (!currentAttendee) return;
+ const res = await trackInterview({ attendeeId: currentAttendee.id, ...values });
+ if (res.code === 200) { message.success('面试信息更新成功'); setInterviewModalOpen(false); actionRef.current?.reload(); return true; }
+ message.error(res.msg); return false;
+ }}
+ >
+
+
+ );
+};
+
+export default AttendeeTab;
diff --git a/src/pages/Jobfair/Outdoorfair/Detail/components/BoothTab.tsx b/src/pages/Jobfair/Outdoorfair/Detail/components/BoothTab.tsx
new file mode 100644
index 0000000..fbd7710
--- /dev/null
+++ b/src/pages/Jobfair/Outdoorfair/Detail/components/BoothTab.tsx
@@ -0,0 +1,181 @@
+import React, { useRef, useState } from 'react';
+import { useAccess } from '@umijs/max';
+import { Button, message, Modal, Tag, Dropdown } from 'antd';
+import { ActionType, ProColumns, ProTable, ModalForm, ProFormText, ProFormSelect } from '@ant-design/pro-components';
+import { PlusOutlined, DeleteOutlined, FormOutlined, CheckOutlined, CloseOutlined, SendOutlined, EllipsisOutlined, ApartmentOutlined } from '@ant-design/icons';
+import {
+ getBoothList,
+ addBooth,
+ updateBooth,
+ deleteBooth,
+ reviewBooth,
+ assignBooth,
+} from '@/services/jobportal/outdoorFairDetail';
+import { getCompanyRegistrationList } from '@/services/jobportal/outdoorFairDetail';
+
+interface Props {
+ fairId: number;
+}
+
+const reviewStatusMap: Record
+ {
+ const res = await getBoothList(fairId, {
+ current: params.current, pageSize: params.pageSize,
+ boothNumber: params.boothNumber, reviewStatus: params.reviewStatus,
+ });
+ return { data: res.rows, total: res.total, success: true };
+ }}
+ toolBarRender={() => [
+ }
+ hidden={!access.hasPerms('cms:outdoorFair:add')}
+ onClick={() => { setEditingBooth(null); setModalOpen(true); }}
+ >新增展位,
+ ]}
+ />
+
+ {/* 新增/编辑展位 */}
+ setModalOpen(false) }}
+ onFinish={async (values) => {
+ const res = editingBooth
+ ? await updateBooth({ id: editingBooth.id, ...values })
+ : await addBooth({ fairId, ...values });
+ if (res.code === 200) { message.success(res.msg); setModalOpen(false); actionRef.current?.reload(); return true; }
+ message.error(res.msg); return false;
+ }}
+ initialValues={editingBooth}
+ >
+
+
+ {/* 分配展位给企业 */}
+ setAssignModalOpen(false) }}
+ onFinish={async (values) => {
+ if (!assigningBooth) return false;
+ const res = await assignBooth({
+ fairId, boothId: assigningBooth.id, companyId: values.companyId, boothNumber: assigningBooth.boothNumber,
+ });
+ if (res.code === 200) { message.success(res.msg); setAssignModalOpen(false); actionRef.current?.reload(); return true; }
+ message.error(res.msg); return false;
+ }}
+ >
+ {
+ const res = await getCompanyRegistrationList(fairId, { reviewStatus: 'approved' });
+ return res.rows.map((r: any) => ({ label: r.companyName, value: r.companyId }));
+ }}
+ placeholder="请搜索并选择企业"
+ />
+
+
+ );
+};
+
+export default BoothTab;
diff --git a/src/pages/Jobfair/Outdoorfair/Detail/components/CompanyAddModal.tsx b/src/pages/Jobfair/Outdoorfair/Detail/components/CompanyAddModal.tsx
new file mode 100644
index 0000000..8c4bc7f
--- /dev/null
+++ b/src/pages/Jobfair/Outdoorfair/Detail/components/CompanyAddModal.tsx
@@ -0,0 +1,80 @@
+import React, { useRef, useState } from 'react';
+import { Modal, message } from 'antd';
+import { ActionType, ProTable, ProColumns } from '@ant-design/pro-components';
+import { addParticipatingCompany } from '@/services/jobportal/outdoorFairDetail';
+
+interface Props {
+ open: boolean;
+ fairId: number;
+ onCancel: () => void;
+ onSuccess: () => void;
+}
+
+/** 模拟可添加的企业列表 */
+const MOCK_AVAILABLE_COMPANIES = [
+ { companyId: 1013, companyName: '石河子市天富集团', industry: '能源', scale: '1000人以上', contactPerson: '黄经理', contactPhone: '13309930001' },
+ { companyId: 1014, companyName: '新疆兵团勘察设计院', industry: '建筑/工程', scale: '200-500人', contactPerson: '曹院长', contactPhone: '13309930002' },
+ { companyId: 1015, companyName: '石河子市商业银行', industry: '金融', scale: '500-1000人', contactPerson: '钱行长', contactPhone: '13309930003' },
+ { companyId: 1016, companyName: '兵团广播电视大学', industry: '教育/科研', scale: '200-500人', contactPerson: '杨校长', contactPhone: '13309930004' },
+ { companyId: 1017, companyName: '新疆如意纺织服装有限公司', industry: '纺织/服装', scale: '1000人以上', contactPerson: '林经理', contactPhone: '13309930005' },
+ { companyId: 1018, companyName: '石河子市人民医院', industry: '医疗/卫生', scale: '1000人以上', contactPerson: '郝主任', contactPhone: '13309930006' },
+ { companyId: 1019, companyName: '兵团信息技术服务中心', industry: 'IT/互联网', scale: '100-200人', contactPerson: '孙主管', contactPhone: '13309930007' },
+ { companyId: 1020, companyName: '新疆燕京啤酒有限公司', industry: '快消/食品', scale: '500-1000人', contactPerson: '吕厂长', contactPhone: '13309930008' },
+];
+
+const CompanyAddModal: React.FC该单位未发布岗位
;
+ }
+ return (
+
+
+ {
+ const res = await getDeviceList(fairId, { current: params.current, pageSize: params.pageSize, type: 'mobile_terminal' });
+ return { data: res.rows, total: res.total, success: true };
+ }}
+ />
+
+
+ {
+ const res = await getDeviceList(fairId, { current: params.current, pageSize: params.pageSize, type: 'qr_sticker' });
+ return { data: res.rows, total: res.total, success: true };
+ }}
+ />
+
+
+
+
+ {/* 模拟闸机 */}
+
+
+ {gateStatuses.map((gate: any) => (
+
+
+
+ {gate.gateName}
+ handleToggleGate(gate.id)}
+ checkedChildren="开" unCheckedChildren="关" />
+ {gate.isOpen ? '已开启' : '已关闭'}
+
+
+
+
+ ))}
+
+ r.scanMethod === 'qr' ? '二维码' : '身份证' },
+ ]}
+ request={async (params) => {
+ const res = await getGateEntryLogs(fairId, { current: params.current, pageSize: params.pageSize });
+ return { data: res.rows, total: res.total, success: true };
+ }}
+ />
+
+
+ {/* 新增/编辑设备 */}
+ setDeviceModalOpen(false) }}
+ initialValues={editingDevice || { type: defaultType }}
+ onFinish={async (values) => {
+ const res = editingDevice
+ ? await updateDevice({ id: editingDevice.id, ...values })
+ : await addDevice({ fairId, ...values });
+ if (res.code === 200) { message.success(res.msg); setDeviceModalOpen(false); mobileActionRef.current?.reload(); qrActionRef.current?.reload(); return true; }
+ message.error(res.msg); return false;
+ }}
+ >
+
+
+ {/* 分配展位 */}
+ setAssignModalOpen(false) }}
+ onFinish={async (values) => {
+ if (!assigningDevice) return;
+ const booth = (await getBoothList(fairId, { current: 1, pageSize: 100 })).rows.find((b: any) => b.id === values.boothId);
+ const res = await assignDevice(assigningDevice.id, values.boothId, booth?.boothNumber || '', booth?.companyName || '');
+ if (res.code === 200) { message.success(res.msg); setAssignModalOpen(false); mobileActionRef.current?.reload(); qrActionRef.current?.reload(); return true; }
+ message.error(res.msg); return false;
+ }}
+ >
+ {
+ const res = await getBoothList(fairId);
+ return res.rows.map((b: any) => ({ label: `${b.boothNumber} (${b.companyName || '未分配'})`, value: b.id }));
+ }}
+ placeholder="请搜索并选择展位"
+ />
+
+
+ {/* 模拟闸机扫码 */}
+ setScanModalOpen(false) }}
+ onFinish={async (values) => {
+ if (!scanGate) return;
+ const res = await simulateGateScan({ fairId, gateName: scanGate.gateName, ...values });
+ if (res.code === 200) { message.success(res.msg); setScanModalOpen(false); gateLogActionRef.current?.reload(); fetchGateStatuses(); return true; }
+ message.error(res.msg); return false;
+ }}
+ >
+
+
+ );
+};
+
+export default DeviceTab;
diff --git a/src/pages/Jobfair/Outdoorfair/Detail/components/FairInfoTab.tsx b/src/pages/Jobfair/Outdoorfair/Detail/components/FairInfoTab.tsx
new file mode 100644
index 0000000..be2c183
--- /dev/null
+++ b/src/pages/Jobfair/Outdoorfair/Detail/components/FairInfoTab.tsx
@@ -0,0 +1,234 @@
+import React, { useRef, useState } from 'react';
+import { useAccess } from '@umijs/max';
+import { Button, Card, Descriptions, List, Tag, message, Modal, Space } from 'antd';
+import { ActionType, ProTable } from '@ant-design/pro-components';
+import { PlusOutlined, DeleteOutlined, FormOutlined } from '@ant-design/icons';
+import type { OutdoorFairItem } from '@/services/jobportal/outdoorFair';
+import { updateOutdoorFair } from '@/services/jobportal/outdoorFair';
+import {
+ getParticipatingCompanies,
+ addParticipatingCompany,
+ removeParticipatingCompany,
+ addJobForCompany,
+ updateJobForCompany,
+ removeJobFromCompany,
+} from '@/services/jobportal/outdoorFairDetail';
+import EditModal from '@/pages/Jobfair/Outdoorfair/components/EditModal';
+import CompanyAddModal from './CompanyAddModal';
+import JobEditModal from './JobEditModal';
+
+interface Props {
+ fairId: number;
+ fairInfo: OutdoorFairItem;
+ onFairUpdate: () => void;
+}
+
+const FairInfoTab: React.FC
+ {/* 基本信息卡片 */}
+
+ {fairInfo.title}
+ {fairInfo.hostUnit}
+
+ {fairInfo.fairType}
+
+ {fairInfo.region}
+ {fairInfo.address}
+ {fairInfo.boothCount}
+ {fairInfo.holdTime}
+ {fairInfo.endTime}
+ {fairInfo.applyStartTime}
+ {fairInfo.applyEndTime}
+ {fairInfo.onlineApply ? '是' : '否'}
+
+
+
+ {/* 参会企业及岗位 */}
+ {
+ const res = await getParticipatingCompanies(fairId, {
+ current: params.current,
+ pageSize: params.pageSize,
+ companyName: params.companyName,
+ });
+ return { data: res.rows, total: res.total, success: true };
+ }}
+ expandable={{
+ expandedRowRender: (record) => (
+ {r.industry} },
+ { title: '规模', dataIndex: 'scale', width: 110, hideInSearch: true },
+ { title: '联系人', dataIndex: 'contactPerson', width: 100, hideInSearch: true },
+ { title: '联系电话', dataIndex: 'contactPhone', width: 130, hideInSearch: true },
+ { title: '展位号', dataIndex: 'boothNumber', width: 80, hideInSearch: true,
+ render: (_, r: any) => r.boothNumber || '--' },
+ { title: '岗位数', width: 80, hideInSearch: true,
+ render: (_, r: any) => r.jobList?.length || 0 },
+ {
+ title: '操作', valueType: 'option', width: 200,
+ render: (_, record: any) => [
+ ,
+ ,
+ ],
+ },
+ ]}
+ />
+
+
+ {/* 编辑招聘会基本信息弹窗 */}
+ setEditModalOpen(false)}
+ onSubmit={async (values) => {
+ const res = await updateOutdoorFair(values as any);
+ if (res.code === 200) {
+ message.success('修改成功');
+ setEditModalOpen(false);
+ onFairUpdate();
+ } else {
+ message.error(res.msg || '操作失败');
+ }
+ }}
+ />
+
+ {/* 添加企业弹窗 */}
+ setCompanyModalOpen(false)}
+ onSuccess={() => { setCompanyModalOpen(false); actionRef.current?.reload(); }}
+ />
+
+ {/* 添加/编辑岗位弹窗 */}
+ { setJobModalOpen(false); setEditingJob(null); setSelectedCompany(null); }}
+ onSuccess={() => { setJobModalOpen(false); setEditingJob(null); actionRef.current?.reload(); }}
+ />
+
+ );
+};
+
+export default FairInfoTab;
diff --git a/src/pages/Jobfair/Outdoorfair/Detail/components/JobEditModal.tsx b/src/pages/Jobfair/Outdoorfair/Detail/components/JobEditModal.tsx
new file mode 100644
index 0000000..ad8aecc
--- /dev/null
+++ b/src/pages/Jobfair/Outdoorfair/Detail/components/JobEditModal.tsx
@@ -0,0 +1,65 @@
+import React, { useEffect } from 'react';
+import { ModalForm, ProForm, ProFormText, ProFormDigit, ProFormSelect } from '@ant-design/pro-components';
+import { Form } from 'antd';
+import { addJobForCompany, updateJobForCompany } from '@/services/jobportal/outdoorFairDetail';
+
+interface Props {
+ open: boolean;
+ fairId: number;
+ company: any;
+ job: any;
+ onCancel: () => void;
+ onSuccess: () => void;
+}
+
+const JobEditModal: React.FC
+ {record.jobList.length === 0 ? (
+
+ ),
+ }}
+ columns={[
+ { title: '企业名称', dataIndex: 'companyName', ellipsis: true },
+ { title: '行业', dataIndex: 'industry', width: 100, hideInSearch: true,
+ render: (_, r: any) => 暂无岗位
+ ) : ( +- (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ `${v} 人` },
+ ]} dataSource={dailyData} pagination={false} size="small" />
+
+
+