招聘会

src/pages/Jobfair/PublicJobFair/components/JobSelectModal.tsx

@@ -0,0 +1,91 @@
+import React, { useRef, useState } from 'react';
+import { Modal, message } from 'antd';
+import { ActionType, ProColumns, ProTable } from '@ant-design/pro-components';
+import { batchAddJobToJobFair } from '@/services/jobfair/publicJobFair';
+import { getCmsJobList } from '@/services/Management/list';
+
+interface JobSelectModalProps {
+  open: boolean;
+  jobFairId: string;
+  company?: API.PublicJobFair.CompanyInfo;
+  onCancel: () => void;
+  onSuccess: () => void;
+}
+
+const JobSelectModal: React.FC<JobSelectModalProps> = ({ open, jobFairId, company, onCancel, onSuccess }) => {
+  const actionRef = useRef<ActionType>();
+  const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  const handleOk = async () => {
+    if (!selectedRowKeys.length) {
+      message.warning('请选择岗位');
+      return;
+    }
+    if (!company) return;
+    setLoading(true);
+    const data = selectedRowKeys.map((jobId) => ({
+      jobFairId,
+      jobId: jobId as number,
+      companyId: company.companyId,
+    }));
+    const res = await batchAddJobToJobFair(data);
+    setLoading(false);
+    if (res.code === 200) {
+      message.success('添加成功');
+      setSelectedRowKeys([]);
+      onSuccess();
+    } else {
+      message.error(res.msg || '添加失败');
+    }
+  };
+
+  const columns: ProColumns[] = [
+    { title: '岗位名称', dataIndex: 'jobTitle', ellipsis: true },
+    { title: '薪资', dataIndex: 'salary', hideInSearch: true, render: (_, r) => `${r.minSalary || 0}K-${r.maxSalary || 0}K` },
+    { title: '学历', dataIndex: 'education', hideInSearch: true },
+    { title: '经验', dataIndex: 'experience', hideInSearch: true },
+    { title: '招聘人数', dataIndex: 'vacancies', hideInSearch: true },
+  ];
+
+  return (
+    <Modal
+      title={`选择岗位 - ${company?.companyName || ''}`}
+      open={open}
+      width={800}
+      onCancel={() => {
+        setSelectedRowKeys([]);
+        onCancel();
+      }}
+      onOk={handleOk}
+      okText="确定添加"
+      confirmLoading={loading}
+      destroyOnClose
+    >
+      <ProTable
+        actionRef={actionRef}
+        rowKey="jobId"
+        columns={columns}
+        search={{ labelWidth: 'auto' }}
+        pagination={{ pageSize: 5 }}
+        rowSelection={{
+          selectedRowKeys,
+          onChange: setSelectedRowKeys,
+        }}
+        request={async (params) => {
+          if (!company?.companyId) return { data: [], total: 0, success: true };
+          const res = await getCmsJobList({
+            current: params.current,
+            pageSize: params.pageSize,
+            companyId: company.companyId,
+            jobTitle: params.jobTitle,
+          } as any);
+          return { data: res.rows, total: res.total, success: true };
+        }}
+        toolBarRender={false}
+      />
+    </Modal>
+  );
+};
+
+export default JobSelectModal;