风险预警

dev-tmp1
zhanglei 2026-08-13 16:11:12 +08:00
parent 35aaacbb8d
commit 0d01e0ba41
2 changed files with 108 additions and 56 deletions

View File

@ -4,57 +4,20 @@ import { PlusOutlined } from "@ant-design/icons";
const isImage = (url) => const isImage = (url) =>
/\.(png|jpe?g|gif|bmp|webp|svg)(\?.*)?$/i.test(url || ""); /\.(png|jpe?g|gif|bmp|webp|svg)(\?.*)?$/i.test(url || "");
export default function AttachmentUpload({ name, label, disabled = false, maxCount, accept, extra ,rules, style }) { function UploadWithAddon({ addon, disabled, maxCount, accept, fileList, onChange, id }) {
const [previewImage, setPreviewImage] = useState(""); const [previewImage, setPreviewImage] = useState("");
return ( return (
<> <>
<Form.Item <div style={{ display: "flex", alignItems: "flex-start", gap: 12 }}>
name={name}
label={label}
extra={extra}
style={style}
valuePropName="fileList"
rules={rules}
getValueProps={(value) => {
if (Array.isArray(value)) {
return { fileList: value };
}
if (typeof value === "string" && value) {
try {
const parsed = JSON.parse(value);
if (Array.isArray(parsed)) {
return { fileList: parsed };
}
} catch {}
return {
fileList: value.split(",").map((item) => ({
url: item,
uid: item,
status: "done",
name: "附件",
})),
};
}
return { fileList: [] };
}}
getValueFromEvent={({ fileList }) => {
return (
fileList?.map((file) => ({
url: file.response?.data?.url || file.url,
uid: file.uid,
status: file.status,
name: file.name,
percent: file.percent,
})) || []
);
}}
>
<Upload <Upload
id={id}
disabled={disabled} disabled={disabled}
listType="picture-card" listType="picture-card"
fileList={fileList}
onChange={onChange}
headers={{ headers={{
token: sessionStorage.getItem('token') token: sessionStorage.getItem("token"),
}} }}
maxCount={maxCount} maxCount={maxCount}
accept={accept} accept={accept}
@ -90,17 +53,87 @@ export default function AttachmentUpload({ name, label, disabled = false, maxCou
<div style={{ marginTop: 8 }}>上传附件</div> <div style={{ marginTop: 8 }}>上传附件</div>
</button> </button>
</Upload> </Upload>
</Form.Item> {addon ? (
{previewImage && <Image <div style={{ height: 102, display: "flex", alignItems: "center" }}>
style={{ display: "none" }} {addon}
preview={{ </div>
visible: !!previewImage, ) : null}
src: previewImage, </div>
onVisibleChange: (visible) => { {previewImage && (
if (!visible) setPreviewImage(""); <Image
}, style={{ display: "none" }}
}} preview={{
/>} visible: !!previewImage,
src: previewImage,
onVisibleChange: (visible) => {
if (!visible) setPreviewImage("");
},
}}
/>
)}
</> </>
); );
} }
export default function AttachmentUpload({
name,
label,
disabled = false,
maxCount,
accept,
extra,
rules,
style,
addon,
}) {
return (
<Form.Item
name={name}
label={label}
extra={extra}
style={style}
valuePropName="fileList"
rules={rules}
getValueProps={(value) => {
if (Array.isArray(value)) {
return { fileList: value };
}
if (typeof value === "string" && value) {
try {
const parsed = JSON.parse(value);
if (Array.isArray(parsed)) {
return { fileList: parsed };
}
} catch {}
return {
fileList: value.split(",").map((item) => ({
url: item,
uid: item,
status: "done",
name: "附件",
})),
};
}
return { fileList: [] };
}}
getValueFromEvent={({ fileList }) => {
return (
fileList?.map((file) => ({
url: file.response?.data?.url || file.url,
uid: file.uid,
status: file.status,
name: file.name,
percent: file.percent,
})) || []
);
}}
>
<UploadWithAddon
addon={addon}
disabled={disabled}
maxCount={maxCount}
accept={accept}
/>
</Form.Item>
);
}

View File

@ -1,5 +1,5 @@
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import { Form, Button, Flex, Typography, Steps, Tag, Card, Table, message, Popover, Image } from "antd"; import { Form, Button, Flex, Typography, Steps, Tag, Card, Table, message, Popover, Image, Checkbox } from "antd";
import { CheckCircleFilled, DownloadOutlined } from "@ant-design/icons"; import { CheckCircleFilled, DownloadOutlined } from "@ant-design/icons";
import { Connect } from "@cqsjjb/jjb-dva-runtime"; import { Connect } from "@cqsjjb/jjb-dva-runtime";
import { NS_SAFETY_EVAL_BUSINESS } from "~/enumerate/namespace"; import { NS_SAFETY_EVAL_BUSINESS } from "~/enumerate/namespace";
@ -160,6 +160,17 @@ const RectificationNoticePanel = ({ readOnly }) => (
accept=".pdf,.doc,.docx,.xls,.xlsx,.png,.jpg,.jpeg" accept=".pdf,.doc,.docx,.xls,.xlsx,.png,.jpg,.jpeg"
disabled={readOnly} disabled={readOnly}
extra="支持 PDF、Word、Excel、PNG、JPG 格式,最多上传 10 个文件" extra="支持 PDF、Word、Excel、PNG、JPG 格式,最多上传 10 个文件"
addon={
<Form.Item
name="checkbox"
noStyle
valuePropName="checked"
getValueFromEvent={(e) => (e.target.checked ? 1 : 0)}
getValueProps={(v) => ({ checked: Number(v) === 1 })}
>
<Checkbox disabled={readOnly}>是否存在重大隐患</Checkbox>
</Form.Item>
}
/> />
</div> </div>
); );
@ -235,7 +246,13 @@ const SurveyContent = ({ readOnly, ...props }) => {
STAGES.forEach((s) => { STAGES.forEach((s) => {
values[s.key] = map[s.key] || []; values[s.key] = map[s.key] || [];
}); });
form.setFieldsValue(values); const noticeItem = (res?.data || []).find(
(item) => item.attachTypeCode === "RECTIFICATION_NOTICE",
);
form.setFieldsValue({
...values,
checkbox: Number(noticeItem?.checkbox) === 1 ? 1 : 0,
});
} }
}; };
@ -306,6 +323,8 @@ const SurveyContent = ({ readOnly, ...props }) => {
projectId, projectId,
attachTypeCode: s.key, attachTypeCode: s.key,
fileUrl: JSON.stringify(fileList), fileUrl: JSON.stringify(fileList),
checkbox:
s.key === "RECTIFICATION_NOTICE" ? Number(values.checkbox) || 0 : 0,
}); });
} }
const res = await props.evalSurveySaveAttach(payload); const res = await props.evalSurveySaveAttach(payload);