cq_anquan
/
safety-eval-service-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

风险预警

dev-tmp1
zhanglei 2026-08-13 16:11:12 +08:00
parent 35aaacbb8d
commit 0d01e0ba41
2 changed files with 108 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

131
src/components/AttachmentUpload/index.js
View File

@ -4,11 +4,89 @@ import { PlusOutlined } from "@ant-design/icons";
const isImage = (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("");
return (
<>
<div style={{ display: "flex", alignItems: "flex-start", gap: 12 }}>
<Upload
id={id}
disabled={disabled}
listType="picture-card"
fileList={fileList}
onChange={onChange}
headers={{
token: sessionStorage.getItem("token"),
}}
maxCount={maxCount}
accept={accept}
action={`${window.process.env.app.API_HOST}/safetyEval/file/upload`}
beforeUpload={(file) => {
if (!accept) return true;
const rules = accept.split(",").map((e) => e.trim().toLowerCase());
const ext = "." + file.name.split(".").pop().toLowerCase();
const matchExt = rules.includes(ext);
const matchMime = rules.some((r) => {
if (r.endsWith("/*")) {
const prefix = r.slice(0, -1);
return file.type && file.type.toLowerCase().startsWith(prefix);
}
return false;
});
if (!matchExt && !matchMime) {
message.error(`仅支持 ${accept} 格式文件`);
return Upload.LIST_IGNORE;
}
return true;
}}
onPreview={(file) => {
if (isImage(file.url || file.thumbUrl)) {
setPreviewImage(file.url || file.thumbUrl);
} else {
window.open(file.url || file.thumbUrl);
}
}}
>
<button style={{ border: 0, background: "none" }} type="button">
<PlusOutlined />
<div style={{ marginTop: 8 }}>上传附件</div>
</button>
</Upload>
{addon ? (
<div style={{ height: 102, display: "flex", alignItems: "center" }}>
{addon}
</div>
) : null}
</div>
{previewImage && (
<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}
@ -50,57 +128,12 @@ export default function AttachmentUpload({ name, label, disabled = false, maxCou
);
}}
>
<Upload
<UploadWithAddon
addon={addon}
disabled={disabled}
listType="picture-card"
headers={{
token: sessionStorage.getItem('token')
}}
maxCount={maxCount}
accept={accept}
action={`${window.process.env.app.API_HOST}/safetyEval/file/upload`}
beforeUpload={(file) => {
if (!accept) return true;
const rules = accept.split(",").map((e) => e.trim().toLowerCase());
const ext = "." + file.name.split(".").pop().toLowerCase();
const matchExt = rules.includes(ext);
const matchMime = rules.some((r) => {
if (r.endsWith("/*")) {
const prefix = r.slice(0, -1);
return file.type && file.type.toLowerCase().startsWith(prefix);
}
return false;
});
if (!matchExt && !matchMime) {
message.error(`仅支持 ${accept} 格式文件`);
return Upload.LIST_IGNORE;
}
return true;
}}
onPreview={(file) => {
if (isImage(file.url || file.thumbUrl)) {
setPreviewImage(file.url || file.thumbUrl);
} else {
window.open(file.url || file.thumbUrl);
}
}}
>
<button style={{ border: 0, background: "none" }} type="button">
<PlusOutlined />
<div style={{ marginTop: 8 }}>上传附件</div>
</button>
</Upload>
/>
</Form.Item>
{previewImage && <Image
style={{ display: "none" }}
preview={{
visible: !!previewImage,
src: previewImage,
onVisibleChange: (visible) => {
if (!visible) setPreviewImage("");
},
}}
/>}
</>
);
}

23
src/pages/Container/SafetyEvalBusiness/ProjectFlow/SurveyContent.js
View File

@ -1,5 +1,5 @@
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 { Connect } from "@cqsjjb/jjb-dva-runtime";
import { NS_SAFETY_EVAL_BUSINESS } from "~/enumerate/namespace";
@ -160,6 +160,17 @@ const RectificationNoticePanel = ({ readOnly }) => (
accept=".pdf,.doc,.docx,.xls,.xlsx,.png,.jpg,.jpeg"
disabled={readOnly}
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>
);
@ -235,7 +246,13 @@ const SurveyContent = ({ readOnly, ...props }) => {
STAGES.forEach((s) => {
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,
attachTypeCode: s.key,
fileUrl: JSON.stringify(fileList),
checkbox:
s.key === "RECTIFICATION_NOTICE" ? Number(values.checkbox) || 0 : 0,
});
}
const res = await props.evalSurveySaveAttach(payload);