shz-admin/src/pages/Management/List/SeeMatching/resumeView.tsx

import { Modal, Card, Descriptions, List, Button, Form, Select, Input, DatePicker, message, Empty, Spin } from 'antd';
import React, { useEffect, useState } from 'react';
import {
  addCmsUserWorkExperiencesList,
  addCmsInterview,
  getCmsInterviewList,
  getAppSkillList,
} from '@/services/Management/list';
import dayjs from 'dayjs';

const { TextArea } = Input;
const { Option } = Select;

export type ListFormProps = {
  onClose: (flag?: boolean, formVals?: unknown) => void;
  open: boolean;
  values?: Partial<API.MobileUser.ListRow>;
  matching?: any;
};

const ResumeViewModal: React.FC<ListFormProps> = (props) => {

  const [loading, setLoading] = useState(false);
  const [experienceList, setExperienceList] = useState<any[]>([]);
  const [skillList, setSkillList] = useState<any[]>([]);

  // 面试邀约相关状态
  const [interviewForm] = Form.useForm();
  const [interviewMethod, setInterviewMethod] = useState<string>('online');
  const [submitting, setSubmitting] = useState<boolean>(false);
  const [alreadyInvited, setAlreadyInvited] = useState<boolean>(false);
  const [checkingInvitation, setCheckingInvitation] = useState<boolean>(false);

  // 性别映射
  const sexMap: Record<string, string> = {
    '0': '男',
    '1': '女',
  };

  // 学历映射
  const educationMap: Record<string, string> = {
    '1': '初中及以下',
    '2': '高中',
    '3': '中专',
    '4': '大专',
    '5': '本科',
    '6': '硕士',
    '7': '博士',
  };

  // 政治面貌映射
  const politicalMap: Record<string, string> = {
    '1': '中共党员',
    '2': '中共预备党员',
    '3': '共青团员',
    '4': '群众',
    '5': '民主党派',
  };

  useEffect(() => {
    if (props.open && props.values) {
      fetchResumeDetail();
      fetchSkills();
      checkExistingInvitation();
      interviewForm.resetFields();
      setInterviewMethod('online');
    }
  }, [props.values, props.open]);

  // 检查是否已存在有效邀约
  const checkExistingInvitation = async () => {
    if (!props.matching?.jobId || !props.values?.userId) return;
    setCheckingInvitation(true);
    try {
      const res = await getCmsInterviewList({
        jobId: Number(props.matching.jobId),
        userId: props.values.userId,
      });
      if (res?.code === 200 && res?.rows?.length > 0) {
        const hasActive = res.rows.some(
          (item: API.Management.InterviewInvitation) => item.status !== 'rejected'
        );
        setAlreadyInvited(hasActive);
      }
    } catch (error) {
      console.error('检查邀约状态失败:', error);
    } finally {
      setCheckingInvitation(false);
    }
  };

  const fetchResumeDetail = async () => {
    if (!props.values?.userId) return;
    setLoading(true);
    try {
      const parm = { userId: props.values.userId, jobId: props.matching?.jobId };
      const response = await addCmsUserWorkExperiencesList(parm);
      if (response.code === 200) {
        setExperienceList(response.rows);
      }
    } catch (error) {
      console.error('获取经历详情失败:', error);
    } finally {
      setLoading(false);
    }
  };

  const fetchSkills = async () => {
    if (!props.values?.userId) return;
    try {
      const response = await getAppSkillList({ userId: props.values.userId });
      if (response.code === 200) {
        setSkillList(response.rows || []);
      }
    } catch (error) {
      console.error('获取技能信息失败:', error);
    }
  };

  // 发送面试邀约
  const handleInterviewSubmit = async () => {
    try {
      const values = await interviewForm.validateFields();
      setSubmitting(true);

      const payload: API.Management.InterviewInvitation = {
        companyId: props.matching?.companyId,
        jobId: Number(props.matching?.jobId),
        userId: props.values?.userId,
        applyId: props.values?.applyId ? Number(props.values.applyId) : undefined,
        jobName: props.matching?.jobName,
        interviewTime: values.interviewTime
          ? dayjs(values.interviewTime).format('YYYY-MM-DD HH:mm:ss')
          : undefined,
        interviewMethod: values.interviewMethod,
        meetingLink: values.meetingLink,
        meetingPassword: values.meetingPassword,
        interviewLocation: values.interviewLocation,
        contactPhone: values.contactPhone,
        interviewerName: values.interviewerName,
        status: 'pending',
        remark: values.remark,
      };

      const response = await addCmsInterview(payload);
      if (response.code === 200) {
        message.success('面试邀约已发送');
        setAlreadyInvited(true);
        interviewForm.resetFields();
        setInterviewMethod('online');
      } else {
        message.error(response.msg || '发送失败');
      }
    } catch (error: any) {
      const errMsg = error?.response?.data?.msg || error?.message || '发送面试邀约失败';
      message.error(errMsg);
      console.error('发送面试邀约失败:', error);
    } finally {
      setSubmitting(false);
    }
  };

  const values = props.values;

  return (
    <Modal
      open={props.open}
      onCancel={() => props.onClose()}
      title="简历详情"
      width={900}
      footer={[
        <Button key="cancel" onClick={() => props.onClose()}>
          取消
        </Button>,
      ]}
      destroyOnClose
    >
      {!values ? (
        <Empty description="暂无数据" />
      ) : (
        <>
          {/* 基本信息 */}
          <Card title="基本信息" bordered style={{ marginBottom: 16 }}>
            <Descriptions column={3} size="small" bordered>
              <Descriptions.Item label="姓名">{values.name || '-'}</Descriptions.Item>
              <Descriptions.Item label="性别">
                {sexMap[values.sex || ''] || values.sex || '-'}
              </Descriptions.Item>
              <Descriptions.Item label="出生日期">{values.birthDate || '-'}</Descriptions.Item>
              <Descriptions.Item label="手机号码">{values.phone || '-'}</Descriptions.Item>
              <Descriptions.Item label="学历">
                {educationMap[values.education || ''] || values.education || '-'}
              </Descriptions.Item>
              <Descriptions.Item label="政治面貌">
                {politicalMap[values.politicalAffiliation || ''] || values.politicalAffiliation || '-'}
              </Descriptions.Item>
              <Descriptions.Item label="期望薪资">
                {values.salaryMin && values.salaryMax
                  ? `${values.salaryMin}-${values.salaryMax}`
                  : '-'}
              </Descriptions.Item>
              <Descriptions.Item label="身份证号">{values.idCard || '-'}</Descriptions.Item>
            </Descriptions>
          </Card>

          {/* 技能列表 */}
          {skillList.length > 0 && (
            <Card title="技能信息" bordered style={{ marginBottom: 16 }}>
              <List
                itemLayout="horizontal"
                dataSource={skillList}
                renderItem={(skill: any) => (
                  <List.Item>
                    <List.Item.Meta
                      title={skill.name || '未命名技能'}
                      description={`等级: ${skill.levels || '未填写'}`}
                    />
                  </List.Item>
                )}
              />
            </Card>
          )}

          {/* 工作经历 */}
          <Card title="工作经历" bordered style={{ marginBottom: 16 }}>
            <Spin spinning={loading}>
              {!experienceList || experienceList.length === 0 ? (
                <Empty description="暂无工作经历" />
              ) : (
                <List
                  itemLayout="vertical"
                  dataSource={experienceList}
                  renderItem={(item: any, index: number) => (
                    <List.Item style={{ marginBottom: 12 }}>
                      <Card
                        title={`经历 #${index + 1}`}
                        bordered
                        size="small"
                        style={{ width: '100%', boxShadow: '0 1px 4px rgba(0,0,0,0.08)' }}
                      >
                        <Descriptions column={2} size="small">
                          <Descriptions.Item label="公司名称">
                            {item.companyName || '-'}
                          </Descriptions.Item>
                          <Descriptions.Item label="职务">
                            {item.position || '-'}
                          </Descriptions.Item>
                          <Descriptions.Item label="开始时间">
                            {item.startDate || '-'}
                          </Descriptions.Item>
                          <Descriptions.Item label="截止时间">
                            {item.endDate || '-'}
                          </Descriptions.Item>
                          <Descriptions.Item label="工作描述" span={2}>
                            {item.description || '-'}
                          </Descriptions.Item>
                        </Descriptions>
                      </Card>
                    </List.Item>
                  )}
                />
              )}
            </Spin>
          </Card>

          {/* 面试邀约 */}
          <Card title="面试邀约" bordered>
            <Form
              form={interviewForm}
              layout="vertical"
              initialValues={{ interviewMethod: 'online', meetingLink: 'https://mc.repohub.cn/pro.html' }}
            >
              <Form.Item
                name="interviewMethod"
                label="面试方式"
                rules={[{ required: true, message: '请选择面试方式' }]}
              >
                <Select
                  placeholder="请选择面试方式"
                  onChange={(value) => setInterviewMethod(value)}
                >
                  <Option value="online">线上</Option>
                  <Option value="offline">线下</Option>
                </Select>
              </Form.Item>

              <Form.Item
                name="interviewTime"
                label="面试时间"
                rules={[{ required: true, message: '请选择面试时间' }]}
              >
                <DatePicker
                  showTime
                  style={{ width: '100%' }}
                  placeholder="请选择面试时间"
                />
              </Form.Item>

              {interviewMethod === 'online' && (
                <Form.Item
                  name="meetingLink"
                  label="在线会议链接"
                >
                  <Input placeholder="请输入在线会议链接" />
                </Form.Item>
              )}

              {interviewMethod === 'offline' && (
                <Form.Item
                  name="interviewLocation"
                  label="面试地点"
                  rules={[{ required: true, message: '请输入面试地点' }]}
                >
                  <Input placeholder="请输入面试地点" />
                </Form.Item>
              )}

              <Form.Item
                name="remark"
                label="备注"
              >
                <TextArea rows={3} placeholder="选填，如有其他注意事项可在此说明" />
              </Form.Item>

              <Form.Item
                name="interviewerName"
                label="面试官姓名"
                rules={[{ required: true, message: '请输入面试官姓名' }]}
              >
                <Input placeholder="请输入面试官姓名" />
              </Form.Item>

              <Form.Item
                name="contactPhone"
                label="面试官联系方式"
                rules={[{ required: true, message: '请输入面试官联系方式' }]}
              >
                <Input placeholder="请输入手机号或微信等联系方式" />
              </Form.Item>

              <Form.Item>
                <Button
                  type="primary"
                  loading={submitting || checkingInvitation}
                  disabled={alreadyInvited}
                  onClick={handleInterviewSubmit}
                >
                  {alreadyInvited ? '已邀约' : '发送面试邀约'}
                </Button>
              </Form.Item>
            </Form>
          </Card>
        </>
      )}
    </Modal>
  );
};

export default ResumeViewModal;