safety-eval-service-frontend/src/pages/Container/EnterpriseInfo/OrgInfo/index.js

import { Connect } from "@cqsjjb/jjb-dva-runtime";
import { Button, Form, message, Space } from "antd";
import { useEffect, useState } from "react";
import FormBuilder from "zy-react-library/components/FormBuilder";
import Page from "zy-react-library/components/Page";
import { getOrgInfoDetail } from "~/api/enterpriseInfo/orgBootstrap";
import PageHeader from "../components/PageHeader";
import { NS_ORG_INFO } from "~/enumerate/namespace";
import { mockUploadFileList } from "~/utils/mockUpload";
import { buildOrgInfoFormOptions } from "./formOptions";

function OrgInfoPage(props) {
  const [form] = Form.useForm();
  const [editing, setEditing] = useState(true);
  const [submitting, setSubmitting] = useState(false);
  const [detail, setDetail] = useState({});
  /** 是否已存在机构数据（有 id 视为已入库，只能修改） */
  const [hasExistingData, setHasExistingData] = useState(false);

  const formOptions = buildOrgInfoFormOptions();

  const loadDetail = async () => {
    try {
      const res = getOrgInfoDetail();
      if (res?.data?.id) {
        setDetail(res.data);
        form.setFieldsValue(res.data);
        setHasExistingData(true);
        setEditing(false);
      }
      else {
        setDetail({});
        setHasExistingData(false);
        setEditing(true);
        form.setFieldsValue({
          filingType: "确认备案",
          filingRecordStatus: "未备案",
          attachments: mockUploadFileList("资质申请书.pdf"),
        });
      }
    }
    catch (err) {
      console.warn("[OrgInfo] loadDetail failed:", err);
      setDetail({});
      setHasExistingData(false);
      setEditing(true);
    }
  };

  useEffect(() => {
    loadDetail();
  }, []);

  const handleCancelEdit = () => {
    if (hasExistingData) {
      form.setFieldsValue(detail);
      setEditing(false);
    }
    else {
      form.resetFields();
    }
  };

  const handleSave = async (submitType) => {
    try {
      const values = await form.validateFields();
      setSubmitting(true);

      let request;
      if (hasExistingData) {
        // 已有数据：仅走修改接口
        request = props.orgInfoSave;
        values.id = detail.id;
      }
      else {
        // 无数据：暂存、提交均走保存接口（草稿/已提交由 authStatusCode 区分）
        request = submitType === "draft" ? props.orgInfoDraft : props.orgInfoSave;
      }

      const res = await request(values);
      if (res?.success !== false) {
        message.success(
          hasExistingData
            ? "修改成功"
            : (submitType === "draft" ? "暂存成功" : "提交成功"),
        );
        setEditing(false);
        loadDetail();
      }
    }
    catch (err) {
      if (err?.errorFields) {
        return;
      }
      message.error(hasExistingData ? "修改失败，请稍后重试" : "保存失败，请稍后重试");
    }
    finally {
      setSubmitting(false);
    }
  };

  return (
    <Page isShowAllAction={false}>
      <PageHeader
        title="机构信息管理"
        subTitle="新成立或首次使用系统的安全评价机构，可通过系统提供的引导页面，详细填写机构的基本信息。"
        extra={hasExistingData && !editing && (
          <Button type="primary" onClick={() => setEditing(true)}>
            修改
          </Button>
        )}
      />
      <FormBuilder
        form={form}
        span={12}
        disabled={!editing}
        useAutoGenerateRequired={false}
        options={formOptions}
        labelCol={{ span: 10 }}
        showActionButtons={false}
      />
      {editing && (
        <div style={{ marginTop: 24, textAlign: "center" }}>
          <Space>
            <Button onClick={handleCancelEdit}>
              取消
            </Button>
            {!hasExistingData && (
              <Button loading={submitting} onClick={() => handleSave("draft")}>
                暂存
              </Button>
            )}
            <Button type="primary" loading={submitting} onClick={() => handleSave("submit")}>
              提交
            </Button>
          </Space>
        </div>
      )}
    </Page>
  );
}

export default Connect([NS_ORG_INFO], true)(OrgInfoPage);