475 lines
15 KiB
JavaScript
475 lines
15 KiB
JavaScript
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||
import {
|
||
Button,
|
||
Col,
|
||
DatePicker,
|
||
Form,
|
||
Input,
|
||
InputNumber,
|
||
message,
|
||
Row,
|
||
Select,
|
||
Space,
|
||
} from "antd";
|
||
import AttachmentUpload from "~/components/AttachmentUpload";
|
||
|
||
import dayjs from "dayjs";
|
||
import { useEffect, useState } from "react";
|
||
import PageLayout from "@cqsjjb/jjb-react-admin-component/PageLayout";
|
||
|
||
import {
|
||
CHONGQING_DISTRICTS,
|
||
ENTERPRISE_SCALE_OPTIONS,
|
||
ENTERPRISE_STATUS_OPTIONS,
|
||
FILING_RECORD_STATUS_OPTIONS,
|
||
FILING_TYPE_OPTIONS,
|
||
} from "~/enumerate/enterpriseOptions";
|
||
import { NS_ORG_INFO } from "~/enumerate/namespace";
|
||
import { mockUploadFileList } from "~/utils/mockUpload";
|
||
import {
|
||
creditCodeRule,
|
||
latitudeRule,
|
||
longitudeRule,
|
||
nonNegativeIntegerRule,
|
||
phoneRule,
|
||
positiveNumberRule,
|
||
urlRule,
|
||
} from "~/utils/validators";
|
||
|
||
function OrgInfoPage(props) {
|
||
const [form] = Form.useForm();
|
||
const { orgInfoLoading } = props.orgInfo;
|
||
const [editing, setEditing] = useState(true);
|
||
const [submitting, setSubmitting] = useState(false);
|
||
const [detail, setDetail] = useState({});
|
||
/** 是否已存在机构数据（有 id 视为已入库，只能修改） */
|
||
const [hasExistingData, setHasExistingData] = useState(false);
|
||
|
||
const loadDetail = async () => {
|
||
try {
|
||
const res = await props.orgInfoGet();
|
||
if (res?.data?.id) {
|
||
setDetail(res.data);
|
||
form.setFieldsValue({
|
||
...res.data,
|
||
productionDate: res.data.productionDate
|
||
? dayjs(res.data.productionDate)
|
||
: undefined,
|
||
attachmentUrls: res.data.attachmentUrls? JSON.parse(res.data.attachmentUrls) :null,
|
||
});
|
||
setHasExistingData(true);
|
||
setEditing(false);
|
||
} else {
|
||
setDetail({});
|
||
setHasExistingData(false);
|
||
setEditing(true);
|
||
}
|
||
} catch (err) {
|
||
console.warn("[OrgInfo] loadDetail failed:", err);
|
||
setDetail({});
|
||
setHasExistingData(false);
|
||
setEditing(true);
|
||
}
|
||
};
|
||
|
||
useEffect(() => {
|
||
loadDetail();
|
||
}, []);
|
||
|
||
const handleCancelEdit = () => {
|
||
setEditing(false);
|
||
};
|
||
|
||
const handleSave = async (submitType) => {
|
||
try {
|
||
const formValues = await form.validateFields();
|
||
const values = {
|
||
...formValues,
|
||
productionDate: formValues.productionDate
|
||
? dayjs(formValues.productionDate).format("YYYY-MM-DD")
|
||
: undefined,
|
||
attachmentUrls: formValues.attachmentUrls? JSON.stringify(formValues.attachmentUrls) :null,
|
||
authStatusCode: submitType === "draft" ? 0 : 1,
|
||
authStatusName: submitType === "draft" ? "草稿" : "已提交",
|
||
};
|
||
setSubmitting(true);
|
||
|
||
let request;
|
||
if (hasExistingData) {
|
||
request = props.orgInfoModify;
|
||
values.id = detail.id;
|
||
} else {
|
||
request =
|
||
submitType === "draft" ? props.orgInfoDraft : props.orgInfoSave;
|
||
}
|
||
|
||
const res = await request(values);
|
||
if (res?.success !== false) {
|
||
message.success(
|
||
hasExistingData
|
||
? "修改成功"
|
||
: submitType === "draft"
|
||
? "暂存成功"
|
||
: "提交成功",
|
||
);
|
||
setEditing(false);
|
||
loadDetail();
|
||
}
|
||
} finally {
|
||
setSubmitting(false);
|
||
}
|
||
};
|
||
|
||
return (
|
||
<PageLayout
|
||
title={
|
||
<div>
|
||
<span>机构信息管理</span>
|
||
<div className="pageLayout-extra">
|
||
新成立或首次使用系统的安全评价机构，可通过系统提供的引导页面，详细填写机构的基本信息。
|
||
</div>
|
||
</div>
|
||
}
|
||
extra={
|
||
hasExistingData &&
|
||
!editing && (
|
||
<Button
|
||
type="primary"
|
||
loading={orgInfoLoading}
|
||
onClick={() => setEditing(true)}
|
||
>
|
||
修改
|
||
</Button>
|
||
)
|
||
}
|
||
>
|
||
<Form form={form} labelCol={{ span: 10 }} disabled={!editing}>
|
||
<Row gutter={[16, 16]}>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="unitName"
|
||
label="生产经营单位名称"
|
||
rules={[{ required: true, message: "请输入生产经营单位名称" }]}
|
||
>
|
||
<Input placeholder="请输入生产经营单位名称" allowClear />
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="creditCode"
|
||
label="统一社会信用代码"
|
||
rules={[creditCodeRule(true)]}
|
||
>
|
||
<Input placeholder="请输入统一社会信用代码" allowClear />
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="safetyIndustryCategoryName"
|
||
label="安全生产监管行业类别"
|
||
rules={[
|
||
{ required: true, message: "请输入安全生产监管行业类别" },
|
||
]}
|
||
>
|
||
<Input placeholder="请输入安全生产监管行业类别" allowClear />
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="districtName"
|
||
label="属地"
|
||
rules={[{ required: true, message: "请选择属地" }]}
|
||
>
|
||
<Select
|
||
options={CHONGQING_DISTRICTS}
|
||
placeholder="请选择属地"
|
||
allowClear
|
||
/>
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="townStreet"
|
||
label="所属镇、街道"
|
||
rules={[{ required: true, message: "请输入所属镇街道" }]}
|
||
>
|
||
<Input placeholder="请输入所属镇街道" allowClear />
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item name="villageCommunity" label="属村（社区）">
|
||
<Input placeholder="请输入属村（社区）" allowClear />
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="longitude"
|
||
label="所在地坐标经度"
|
||
rules={[longitudeRule(false)]}
|
||
>
|
||
<InputNumber
|
||
style={{ width: "100%" }}
|
||
min={-180}
|
||
max={180}
|
||
precision={6}
|
||
placeholder="请输入经度"
|
||
/>
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="latitude"
|
||
label="所在地坐标纬度"
|
||
rules={[latitudeRule(false)]}
|
||
>
|
||
<InputNumber
|
||
style={{ width: "100%" }}
|
||
min={-90}
|
||
max={90}
|
||
precision={6}
|
||
placeholder="请输入纬度"
|
||
/>
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="registerAddress"
|
||
label="注册地址"
|
||
rules={[{ required: true, message: "请输入注册地址" }]}
|
||
>
|
||
<Input.TextArea rows={3} placeholder="请输入注册地址" />
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="businessAddress"
|
||
label="经营地址"
|
||
rules={[{ required: true, message: "请输入经营地址" }]}
|
||
>
|
||
<Input.TextArea rows={3} placeholder="请输入经营地址" />
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item name="ownershipTypeName" label="归属类型">
|
||
<Input placeholder="请输入归属类型" allowClear />
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="economyIndustryCode"
|
||
label="国民经济行业分类(GB/T4754-2017)"
|
||
>
|
||
<Input placeholder="请输入国民经济行业分类" allowClear />
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="legalRepresentative"
|
||
label="法定代表人"
|
||
rules={[{ required: true, message: "请输入法定代表人" }]}
|
||
>
|
||
<Input placeholder="请输入法定代表人" allowClear />
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="legalRepresentativePhone"
|
||
label="法定代表人联系电话"
|
||
rules={[phoneRule("法定代表人联系电话", false)]}
|
||
>
|
||
<Input placeholder="请输入法定代表人联系电话" allowClear />
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="principalName"
|
||
label="主要负责人"
|
||
rules={[{ required: true, message: "请输入主要负责人" }]}
|
||
>
|
||
<Input placeholder="请输入主要负责人" allowClear />
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="principalPhone"
|
||
label="主要负责人联系电话"
|
||
rules={[phoneRule("主要负责人联系电话", true)]}
|
||
>
|
||
<Input placeholder="请输入主要负责人联系电话" allowClear />
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item name="safetyDeptManager" label="安全管理部门负责人">
|
||
<Input placeholder="请输入安全管理部门负责人" allowClear />
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="safetyDeptManagerPhone"
|
||
label="安全管理部门负责人联系电话"
|
||
rules={[phoneRule("安全管理部门负责人联系电话", false)]}
|
||
>
|
||
<Input
|
||
placeholder="请输入安全管理部门负责人联系电话"
|
||
allowClear
|
||
/>
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item name="safetyDeputyManager" label="主管安全副总">
|
||
<Input placeholder="请输入主管安全副总" allowClear />
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="safetyDeputyPhone"
|
||
label="主管安全副总联系电话"
|
||
rules={[phoneRule("主管安全副总联系电话", false)]}
|
||
>
|
||
<Input placeholder="请输入主管安全副总联系电话" allowClear />
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item name="productionDate" label="投产日期">
|
||
<DatePicker
|
||
style={{ width: "100%" }}
|
||
placeholder="请选择投产日期"
|
||
/>
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item name="businessStatusName" label="企业经营状态">
|
||
<Input placeholder="请输入企业经营状态" allowClear />
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="infoDisclosureUrl"
|
||
label="信息公开网址"
|
||
rules={[urlRule("信息公开网址", false)]}
|
||
>
|
||
<Input placeholder="请输入信息公开网址" allowClear />
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="workplaceArea"
|
||
label="工作场所建筑面积"
|
||
rules={[positiveNumberRule("工作场所建筑面积", false)]}
|
||
>
|
||
<InputNumber
|
||
style={{ width: "100%" }}
|
||
min={0}
|
||
precision={2}
|
||
placeholder="请输入工作场所建筑面积"
|
||
/>
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="archiveRoomArea"
|
||
label="档案室面积"
|
||
rules={[positiveNumberRule("档案室面积", false)]}
|
||
>
|
||
<InputNumber
|
||
style={{ width: "100%" }}
|
||
min={0}
|
||
precision={2}
|
||
placeholder="请输入档案室面积"
|
||
/>
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="fulltimeEvaluatorCount"
|
||
label="专职安全评价师数量"
|
||
rules={[nonNegativeIntegerRule("专职安全评价师数量", false)]}
|
||
>
|
||
<InputNumber
|
||
style={{ width: "100%" }}
|
||
min={0}
|
||
precision={0}
|
||
placeholder="请输入专职安全评价师数量"
|
||
/>
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item
|
||
name="registeredEngineerCount"
|
||
label="注册安全工程师数量"
|
||
rules={[nonNegativeIntegerRule("注册安全工程师数量", false)]}
|
||
>
|
||
<InputNumber
|
||
style={{ width: "100%" }}
|
||
min={0}
|
||
precision={0}
|
||
placeholder="请输入注册安全工程师数量"
|
||
/>
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item name="enterpriseStatusName" label="企业状态">
|
||
<Select
|
||
options={ENTERPRISE_STATUS_OPTIONS}
|
||
placeholder="请选择企业状态"
|
||
allowClear
|
||
/>
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item name="enterpriseScaleName" label="企业规模">
|
||
<Select
|
||
options={ENTERPRISE_SCALE_OPTIONS}
|
||
placeholder="请选择企业规模"
|
||
allowClear
|
||
/>
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item name="filingTypeName" label="备案类型">
|
||
<Select
|
||
options={FILING_TYPE_OPTIONS}
|
||
placeholder="请选择备案类型"
|
||
allowClear
|
||
/>
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<Form.Item name="filingRecordStatusName" label="备案状态">
|
||
<Select
|
||
options={FILING_RECORD_STATUS_OPTIONS}
|
||
placeholder="请选择备案状态"
|
||
allowClear
|
||
/>
|
||
</Form.Item>
|
||
</Col>
|
||
<Col span={12}>
|
||
<AttachmentUpload name="attachmentUrls" label="上传附件" />
|
||
</Col>
|
||
</Row>
|
||
</Form>
|
||
{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>
|
||
)}
|
||
</PageLayout>
|
||
);
|
||
}
|
||
|
||
export default Connect([NS_ORG_INFO], true)(OrgInfoPage);
|