风险预警
parent
35aaacbb8d
commit
0d01e0ba41
|
|
@ -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>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -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);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue