1119 lines
36 KiB
JavaScript
1119 lines
36 KiB
JavaScript
|
import React, { useEffect, useMemo, useState } from "react";
|
|||
|
|
import {
|
|||
|
|
Form,
|
|||
|
|
Table,
|
|||
|
|
Button,
|
|||
|
|
Modal,
|
|||
|
|
Input,
|
|||
|
|
Select,
|
|||
|
|
message,
|
|||
|
|
DatePicker,
|
|||
|
|
Space,
|
|||
|
|
ConfigProvider,
|
|||
|
|
} from "antd";
|
|||
|
|
import {
|
|||
|
|
DownloadOutlined,
|
|||
|
|
ExportOutlined,
|
|||
|
|
} from "@ant-design/icons";
|
|||
|
|
import PageLayout from "@cqsjjb/jjb-react-admin-component/PageLayout";
|
|||
|
|
import SearchForm from "@cqsjjb/jjb-react-admin-component/SearchForm";
|
|||
|
|
import ControlWrapper from "@cqsjjb/jjb-react-admin-component/ControlWrapper";
|
|||
|
|
import { AntdTableFuncControl } from "@cqsjjb/jjb-common-decorator/antd";
|
|||
|
|
import { NS_REGULATOR_EVAL_REPORT } from "~/enumerate/namespace";
|
|||
|
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
|||
|
|
import { tools } from "@cqsjjb/jjb-common-lib";
|
|||
|
|
import dayjs from "dayjs";
|
|||
|
|
import "./index.less";
|
|||
|
|
|
|||
|
|
const { router } = tools;
|
|||
|
|
const { TextArea } = Input;
|
|||
|
|
const { RangePicker } = DatePicker;
|
|||
|
|
|
|||
|
|
const API_HOST = window.process?.env?.app?.API_HOST || "";
|
|||
|
|
|
|||
|
|
/** 原型 CSS：--radius 8 / --radius-lg 12 */
|
|||
|
|
const PROTO_THEME = {
|
|||
|
|
token: { borderRadius: 8, borderRadiusLG: 12, borderRadiusSM: 6 },
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const EVAL_TYPE_OPTIONS = [
|
|||
|
|
{ label: "安全预评价", value: "PRE" },
|
|||
|
|
{ label: "安全验收评价", value: "ACCEPT" },
|
|||
|
|
{ label: "安全现状评价", value: "STATUS" },
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
/** 监管端原型行业筛选项（编码对齐 OpenAPI 示例 HAZCHEM） */
|
|||
|
|
const INDUSTRY_OPTIONS = [
|
|||
|
|
{ label: "化工", value: "HAZCHEM" },
|
|||
|
|
{ label: "矿山", value: "MINE" },
|
|||
|
|
{ label: "工贸", value: "INDUSTRY_TRADE" },
|
|||
|
|
{ label: "建筑施工", value: "CONSTRUCTION" },
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
const getYearOptions = () => {
|
|||
|
|
const year = dayjs().year();
|
|||
|
|
return [0, 1, 2].map((offset) => {
|
|||
|
|
const y = year - offset;
|
|||
|
|
return { label: String(y), value: y };
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const getOptionLabel = (options, value) =>
|
|||
|
|
options.find((item) => item.value === value)?.label || value || "-";
|
|||
|
|
|
|||
|
|
/** 文件流下载（批量 ZIP / 导出 CSV） */
|
|||
|
|
const downloadBinaryPost = async (path, body, fallbackName) => {
|
|||
|
|
const res = await fetch(`${API_HOST}${path}`, {
|
|||
|
|
method: "POST",
|
|||
|
|
headers: {
|
|||
|
|
"Content-Type": "application/json",
|
|||
|
|
token: sessionStorage.getItem("token") || "",
|
|||
|
|
},
|
|||
|
|
body: JSON.stringify(body),
|
|||
|
|
});
|
|||
|
|
const contentType = res.headers.get("content-type") || "";
|
|||
|
|
if (contentType.includes("application/json")) {
|
|||
|
|
const json = await res.json();
|
|||
|
|
throw new Error(json.errMessage || json.message || "操作失败");
|
|||
|
|
}
|
|||
|
|
if (!res.ok) {
|
|||
|
|
throw new Error(`请求失败(${res.status})`);
|
|||
|
|
}
|
|||
|
|
const blob = await res.blob();
|
|||
|
|
let fileName = fallbackName;
|
|||
|
|
const disposition = res.headers.get("content-disposition") || "";
|
|||
|
|
const matched = disposition.match(/filename\*?=(?:UTF-8''|")?([^";]+)/i);
|
|||
|
|
if (matched?.[1]) {
|
|||
|
|
try {
|
|||
|
|
fileName = decodeURIComponent(matched[1].replace(/"/g, ""));
|
|||
|
|
} catch {
|
|||
|
|
fileName = matched[1].replace(/"/g, "");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
const blobUrl = window.URL.createObjectURL(blob);
|
|||
|
|
const link = document.createElement("a");
|
|||
|
|
link.href = blobUrl;
|
|||
|
|
link.download = fileName;
|
|||
|
|
link.style.display = "none";
|
|||
|
|
document.body.appendChild(link);
|
|||
|
|
link.click();
|
|||
|
|
document.body.removeChild(link);
|
|||
|
|
window.URL.revokeObjectURL(blobUrl);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
/** 单文件本地下载（不在线打开） */
|
|||
|
|
const downloadFileByUrl = async (fileUrl, fileName) => {
|
|||
|
|
const response = await fetch(fileUrl, {
|
|||
|
|
headers: { token: sessionStorage.getItem("token") || "" },
|
|||
|
|
});
|
|||
|
|
if (!response.ok) throw new Error(`HTTP ${response.status}`);
|
|||
|
|
const blob = await response.blob();
|
|||
|
|
const blobUrl = window.URL.createObjectURL(blob);
|
|||
|
|
const link = document.createElement("a");
|
|||
|
|
link.href = blobUrl;
|
|||
|
|
link.download = fileName || "报告文件";
|
|||
|
|
link.style.display = "none";
|
|||
|
|
document.body.appendChild(link);
|
|||
|
|
link.click();
|
|||
|
|
document.body.removeChild(link);
|
|||
|
|
window.URL.revokeObjectURL(blobUrl);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
/** OpenAPI：AI 分析为前端静态；文案对齐原型 reportAiAnalysis */
|
|||
|
|
const buildStaticAiAnalysis = (record) => ({
|
|||
|
|
overview:
|
|||
|
|
"已完成报告全文结构化识别，共识别186页、32项法规标准、18类危险有害因素和46条对策措施。",
|
|||
|
|
metrics: [
|
|||
|
|
{ label: "综合关注度", value: "中" },
|
|||
|
|
{ label: "质量参考分", value: "86" },
|
|||
|
|
{ label: "重点提示", value: "2项" },
|
|||
|
|
{ label: "一般建议", value: "4项" },
|
|||
|
|
],
|
|||
|
|
rows: [
|
|||
|
|
{
|
|||
|
|
dim: "法规标准",
|
|||
|
|
result: "识别32项，2项版本建议核验",
|
|||
|
|
level: "一般",
|
|||
|
|
advice: "核对GB 50016引用版本及地方标准有效性",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
dim: "危险辨识",
|
|||
|
|
result: "主要危险因素覆盖，提示液氨装卸泄漏场景描述不足",
|
|||
|
|
level: "重点",
|
|||
|
|
advice: "复核危险因素章节与现场储存、装卸设施是否一致",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
dim: "评价方法",
|
|||
|
|
result: "方法与评价单元基本匹配",
|
|||
|
|
level: "低",
|
|||
|
|
advice: "核对定量评价参数来源和计算附件",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
dim: "对策措施",
|
|||
|
|
result: "4条措施表述较通用",
|
|||
|
|
level: "一般",
|
|||
|
|
advice: "补充责任主体、实施条件和可验证指标",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
dim: "数据一致性",
|
|||
|
|
result: "发现3处表格数据与正文表述差异",
|
|||
|
|
level: "重点",
|
|||
|
|
advice: "核查安全距离、设备数量和人员统计数据",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
dim: "评价结论",
|
|||
|
|
result: "结论与章节分析基本一致",
|
|||
|
|
level: "低",
|
|||
|
|
advice: "结合重点提示完成最终人工判断",
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
conclusion:
|
|||
|
|
"报告整体结构完整，建议重点复核法规版本、液氨装卸场景及3处数据一致性问题。本结果仅供辅助监管使用。",
|
|||
|
|
reportLabel: record?.reportNo || record?.reportName || "",
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
/** 原型 .reg-modal-section */
|
|||
|
|
const ModalSection = ({ title, desc, children }) => (
|
|||
|
|
<div className="redb-modal-section">
|
|||
|
|
<h4>{title}</h4>
|
|||
|
|
{desc ? <p>{desc}</p> : null}
|
|||
|
|
{children}
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
/** 原型 tableHtml：字段表 / 数据表；kv=字段-内容两列表 */
|
|||
|
|
const ProtoTable = ({ headers, rows, kv = false }) => (
|
|||
|
|
<div className={`redb-data-table${kv ? " redb-data-table-kv" : ""}`}>
|
|||
|
|
<table>
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
{headers.map((h) => (
|
|||
|
|
<th key={h}>{h}</th>
|
|||
|
|
))}
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody>
|
|||
|
|
{rows.map((row, idx) => (
|
|||
|
|
<tr key={idx}>
|
|||
|
|
{row.map((cell, cIdx) => (
|
|||
|
|
<td key={cIdx}>{cell}</td>
|
|||
|
|
))}
|
|||
|
|
</tr>
|
|||
|
|
))}
|
|||
|
|
</tbody>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
const getFileExtLabel = (name = "") => {
|
|||
|
|
const ext = String(name).split(".").pop();
|
|||
|
|
return ext && ext !== name ? ext.toUpperCase() : "PDF";
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const EvalReportDatabase = (props) => {
|
|||
|
|
const [searchForm] = Form.useForm();
|
|||
|
|
const [exportForm] = Form.useForm();
|
|||
|
|
const [spotcheckForm] = Form.useForm();
|
|||
|
|
const [reviewForm] = Form.useForm();
|
|||
|
|
const [batchForm] = Form.useForm();
|
|||
|
|
|
|||
|
|
const [dataSource, setDataSource] = useState([]);
|
|||
|
|
const [total, setTotal] = useState(0);
|
|||
|
|
const [statData, setStatData] = useState({});
|
|||
|
|
const [selectedRowKeys, setSelectedRowKeys] = useState([]);
|
|||
|
|
|
|||
|
|
const [detailVisible, setDetailVisible] = useState(false);
|
|||
|
|
const [detailData, setDetailData] = useState(null);
|
|||
|
|
const [aiVisible, setAiVisible] = useState(false);
|
|||
|
|
const [aiData, setAiData] = useState(null);
|
|||
|
|
const [exportVisible, setExportVisible] = useState(false);
|
|||
|
|
const [batchVisible, setBatchVisible] = useState(false);
|
|||
|
|
|
|||
|
|
const [spotcheckVisible, setSpotcheckVisible] = useState(false);
|
|||
|
|
const [spotcheckList, setSpotcheckList] = useState([]);
|
|||
|
|
const [spotcheckStartVisible, setSpotcheckStartVisible] = useState(false);
|
|||
|
|
const [reviewVisible, setReviewVisible] = useState(false);
|
|||
|
|
const [reviewRecord, setReviewRecord] = useState(null);
|
|||
|
|
const [currentReport, setCurrentReport] = useState(null);
|
|||
|
|
|
|||
|
|
const {
|
|||
|
|
regulatorEvalReportPageLoading,
|
|||
|
|
regulatorEvalReportDetailLoading,
|
|||
|
|
regulatorSpotcheckListLoading,
|
|||
|
|
regulatorSpotcheckStartLoading,
|
|||
|
|
regulatorSpotcheckReviewLoading,
|
|||
|
|
} = props.regulatorEvalReport || {};
|
|||
|
|
|
|||
|
|
const fetchSummary = async () => {
|
|||
|
|
const res = await props.regulatorEvalReportSummary();
|
|||
|
|
if (res?.success !== false) {
|
|||
|
|
setStatData(res?.data || {});
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const getData = async (pagination) => {
|
|||
|
|
const params = {
|
|||
|
|
...router.query,
|
|||
|
|
current: pagination?.current || router.query.current || 1,
|
|||
|
|
size: pagination?.size || router.query.size || 20,
|
|||
|
|
};
|
|||
|
|
// RangePicker 拆成接口字段
|
|||
|
|
if (params.archiveTimeRange?.length === 2) {
|
|||
|
|
params.archiveTimeStart = dayjs(params.archiveTimeRange[0]).format("YYYY-MM-DD");
|
|||
|
|
params.archiveTimeEnd = dayjs(params.archiveTimeRange[1]).format("YYYY-MM-DD");
|
|||
|
|
}
|
|||
|
|
delete params.archiveTimeRange;
|
|||
|
|
|
|||
|
|
const res = await props.regulatorEvalReportPage(params);
|
|||
|
|
if (res?.success !== false) {
|
|||
|
|
setDataSource(res?.data || []);
|
|||
|
|
setTotal(res?.total || 0);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
useEffect(() => {
|
|||
|
|
const q = { ...router.query };
|
|||
|
|
if (q.archiveTimeStart && q.archiveTimeEnd) {
|
|||
|
|
q.archiveTimeRange = [dayjs(q.archiveTimeStart), dayjs(q.archiveTimeEnd)];
|
|||
|
|
}
|
|||
|
|
searchForm.setFieldsValue(q);
|
|||
|
|
fetchSummary();
|
|||
|
|
getData();
|
|||
|
|
}, []);
|
|||
|
|
|
|||
|
|
const handleSearch = (values) => {
|
|||
|
|
const next = { ...values, current: 1, size: router.query.size || 20 };
|
|||
|
|
if (next.archiveTimeRange?.length === 2) {
|
|||
|
|
next.archiveTimeStart = dayjs(next.archiveTimeRange[0]).format("YYYY-MM-DD");
|
|||
|
|
next.archiveTimeEnd = dayjs(next.archiveTimeRange[1]).format("YYYY-MM-DD");
|
|||
|
|
} else {
|
|||
|
|
next.archiveTimeStart = undefined;
|
|||
|
|
next.archiveTimeEnd = undefined;
|
|||
|
|
}
|
|||
|
|
delete next.archiveTimeRange;
|
|||
|
|
router.query = { ...router.query, ...next };
|
|||
|
|
getData();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const handleReset = (values) => {
|
|||
|
|
searchForm.resetFields();
|
|||
|
|
router.query = { ...values, current: 1, size: 20 };
|
|||
|
|
getData();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const handlePageChange = (pagination) => {
|
|||
|
|
router.query = {
|
|||
|
|
...router.query,
|
|||
|
|
current: pagination.current,
|
|||
|
|
size: pagination.pageSize,
|
|||
|
|
};
|
|||
|
|
getData(pagination);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const handleViewDetail = async (record) => {
|
|||
|
|
setDetailData(null);
|
|||
|
|
setDetailVisible(true);
|
|||
|
|
const res = await props.regulatorEvalReportDetail({ id: record.id });
|
|||
|
|
if (res?.success !== false) {
|
|||
|
|
setDetailData(res?.data || {});
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const handleDownloadOne = async (record) => {
|
|||
|
|
let fileUrl = record.fileUrl;
|
|||
|
|
let fileName = record.fileName || record.reportName || "报告文件";
|
|||
|
|
if (!fileUrl) {
|
|||
|
|
const res = await props.regulatorEvalReportDetail({ id: record.id });
|
|||
|
|
if (res?.success === false) return;
|
|||
|
|
fileUrl = res?.data?.fileUrl;
|
|||
|
|
fileName = res?.data?.fileName || fileName;
|
|||
|
|
}
|
|||
|
|
if (!fileUrl) {
|
|||
|
|
message.warning("文件地址不存在");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const hide = message.loading("正在下载...", 0);
|
|||
|
|
try {
|
|||
|
|
await downloadFileByUrl(fileUrl, fileName);
|
|||
|
|
message.success("下载已开始");
|
|||
|
|
} catch {
|
|||
|
|
message.error("下载失败，请稍后重试");
|
|||
|
|
} finally {
|
|||
|
|
hide();
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const handleOpenAi = (record) => {
|
|||
|
|
setAiData({ record, analysis: buildStaticAiAnalysis(record) });
|
|||
|
|
setAiVisible(true);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const handleBatchDownload = () => {
|
|||
|
|
if (!selectedRowKeys.length) {
|
|||
|
|
message.warning("请先勾选需要下载的报告");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (selectedRowKeys.length > 50) {
|
|||
|
|
message.warning("批量下载上限 50 份");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
batchForm.setFieldsValue({
|
|||
|
|
scopeLabel: `批量下载（已选 ${selectedRowKeys.length} 份）`,
|
|||
|
|
keepRecord: "是",
|
|||
|
|
remark: "",
|
|||
|
|
});
|
|||
|
|
setBatchVisible(true);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const handleBatchOk = async () => {
|
|||
|
|
const hide = message.loading("正在打包下载...", 0);
|
|||
|
|
try {
|
|||
|
|
await downloadBinaryPost(
|
|||
|
|
"/safetyEval/regulator/eval-report/batch-download",
|
|||
|
|
{ ids: selectedRowKeys },
|
|||
|
|
`安评报告批量下载_${dayjs().format("YYYYMMDDHHmmss")}.zip`,
|
|||
|
|
);
|
|||
|
|
message.success("批量操作已提交");
|
|||
|
|
setBatchVisible(false);
|
|||
|
|
} catch (err) {
|
|||
|
|
message.error(err.message || "批量下载失败");
|
|||
|
|
} finally {
|
|||
|
|
hide();
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const handleOpenExport = () => {
|
|||
|
|
exportForm.setFieldsValue({
|
|||
|
|
scope: selectedRowKeys.length ? "SELECTED" : "FILTERED",
|
|||
|
|
});
|
|||
|
|
setExportVisible(true);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const handleExportOk = async () => {
|
|||
|
|
const values = await exportForm.validateFields().catch(() => null);
|
|||
|
|
if (!values) return;
|
|||
|
|
const body = {
|
|||
|
|
scope: values.scope,
|
|||
|
|
...router.query,
|
|||
|
|
};
|
|||
|
|
delete body.current;
|
|||
|
|
delete body.size;
|
|||
|
|
delete body.archiveTimeRange;
|
|||
|
|
if (values.scope === "SELECTED") {
|
|||
|
|
if (!selectedRowKeys.length) {
|
|||
|
|
message.warning("请先勾选需要导出的报告");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
body.ids = selectedRowKeys;
|
|||
|
|
}
|
|||
|
|
const hide = message.loading("正在导出目录...", 0);
|
|||
|
|
try {
|
|||
|
|
await downloadBinaryPost(
|
|||
|
|
"/safetyEval/regulator/eval-report/export-catalog",
|
|||
|
|
body,
|
|||
|
|
`安评报告数据库目录_${dayjs().format("YYYYMMDDHHmmss")}.csv`,
|
|||
|
|
);
|
|||
|
|
message.success("目录导出已开始");
|
|||
|
|
setExportVisible(false);
|
|||
|
|
} catch (err) {
|
|||
|
|
message.error(err.message || "导出失败");
|
|||
|
|
} finally {
|
|||
|
|
hide();
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const handleOpenSpotcheckList = async (record) => {
|
|||
|
|
setCurrentReport(record);
|
|||
|
|
setSpotcheckVisible(true);
|
|||
|
|
setSpotcheckList([]);
|
|||
|
|
const res = await props.regulatorSpotcheckList({ reportId: record.id });
|
|||
|
|
if (res?.success !== false) {
|
|||
|
|
setSpotcheckList(res?.data || []);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const handleOpenSpotcheckStart = (record) => {
|
|||
|
|
setCurrentReport(record);
|
|||
|
|
spotcheckForm.resetFields();
|
|||
|
|
spotcheckForm.setFieldsValue({ checkResultCode: 1 });
|
|||
|
|
setSpotcheckStartVisible(true);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const handleSpotcheckStartOk = async () => {
|
|||
|
|
const values = await spotcheckForm.validateFields().catch(() => null);
|
|||
|
|
if (!values) return;
|
|||
|
|
if (values.checkResultCode === 2 && !values.rectifyRequire?.trim()) {
|
|||
|
|
message.warning("不合格时必须填写整改要求");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const res = await props.regulatorSpotcheckStart({
|
|||
|
|
reportId: currentReport.id,
|
|||
|
|
checkResultCode: values.checkResultCode,
|
|||
|
|
checkResultName: values.checkResultCode === 1 ? "合格" : "不合格",
|
|||
|
|
checkOpinion: values.checkOpinion,
|
|||
|
|
rectifyRequire: values.rectifyRequire,
|
|||
|
|
});
|
|||
|
|
if (res?.success !== false) {
|
|||
|
|
message.success("抽查已发起");
|
|||
|
|
setSpotcheckStartVisible(false);
|
|||
|
|
getData();
|
|||
|
|
if (spotcheckVisible && currentReport?.id) {
|
|||
|
|
const listRes = await props.regulatorSpotcheckList({
|
|||
|
|
reportId: currentReport.id,
|
|||
|
|
});
|
|||
|
|
if (listRes?.success !== false) setSpotcheckList(listRes?.data || []);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const handleOpenReview = (record) => {
|
|||
|
|
setReviewRecord(record);
|
|||
|
|
reviewForm.resetFields();
|
|||
|
|
reviewForm.setFieldsValue({ reviewResultCode: 1 });
|
|||
|
|
setReviewVisible(true);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const handleReviewOk = async () => {
|
|||
|
|
const values = await reviewForm.validateFields().catch(() => null);
|
|||
|
|
if (!values) return;
|
|||
|
|
const res = await props.regulatorSpotcheckReview({
|
|||
|
|
spotcheckId: reviewRecord.id,
|
|||
|
|
reviewResultCode: values.reviewResultCode,
|
|||
|
|
reviewResultName: values.reviewResultCode === 1 ? "通过" : "不通过",
|
|||
|
|
});
|
|||
|
|
if (res?.success !== false) {
|
|||
|
|
message.success("复核结果已提交");
|
|||
|
|
setReviewVisible(false);
|
|||
|
|
getData();
|
|||
|
|
if (currentReport?.id) {
|
|||
|
|
const listRes = await props.regulatorSpotcheckList({
|
|||
|
|
reportId: currentReport.id,
|
|||
|
|
});
|
|||
|
|
if (listRes?.success !== false) setSpotcheckList(listRes?.data || []);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const columns = [
|
|||
|
|
{
|
|||
|
|
title: "报告编号",
|
|||
|
|
dataIndex: "reportNo",
|
|||
|
|
width: 150,
|
|||
|
|
render: (val) => <span className="redb-mono">{val || "-"}</span>,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "报告名称",
|
|||
|
|
dataIndex: "reportName",
|
|||
|
|
width: 240,
|
|||
|
|
ellipsis: true,
|
|||
|
|
render: (val) => val || "-",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "报送机构",
|
|||
|
|
dataIndex: "orgName",
|
|||
|
|
width: 200,
|
|||
|
|
ellipsis: true,
|
|||
|
|
render: (val) => val || "-",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "评价类型",
|
|||
|
|
dataIndex: "evalTypeName",
|
|||
|
|
width: 120,
|
|||
|
|
render: (val, record) =>
|
|||
|
|
val || getOptionLabel(EVAL_TYPE_OPTIONS, record.evalTypeCode),
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "行业",
|
|||
|
|
dataIndex: "industryName",
|
|||
|
|
width: 100,
|
|||
|
|
render: (val, record) =>
|
|||
|
|
val || getOptionLabel(INDUSTRY_OPTIONS, record.industryCode),
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "签发日期",
|
|||
|
|
dataIndex: "issueDate",
|
|||
|
|
width: 120,
|
|||
|
|
render: (val) => (val ? dayjs(val).format("YYYY-MM-DD") : "-"),
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "报送时间",
|
|||
|
|
dataIndex: "archiveTime",
|
|||
|
|
width: 160,
|
|||
|
|
render: (val) => (val ? dayjs(val).format("YYYY-MM-DD HH:mm") : "-"),
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "操作",
|
|||
|
|
width: 200,
|
|||
|
|
fixed: "right",
|
|||
|
|
render: (_, record) => (
|
|||
|
|
<Space size={4} wrap>
|
|||
|
|
<Button type="primary" size="small" onClick={() => handleViewDetail(record)}>
|
|||
|
|
查看报告
|
|||
|
|
</Button>
|
|||
|
|
<Button size="small" onClick={() => handleOpenAi(record)}>
|
|||
|
|
AI分析
|
|||
|
|
</Button>
|
|||
|
|
</Space>
|
|||
|
|
),
|
|||
|
|
},
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
const spotcheckColumns = [
|
|||
|
|
{
|
|||
|
|
title: "抽查时间",
|
|||
|
|
dataIndex: "checkTime",
|
|||
|
|
width: 160,
|
|||
|
|
render: (val) => (val ? dayjs(val).format("YYYY-MM-DD HH:mm") : "-"),
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "抽查人",
|
|||
|
|
dataIndex: "checkerName",
|
|||
|
|
width: 100,
|
|||
|
|
render: (val) => val || "-",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "抽查结果",
|
|||
|
|
dataIndex: "checkResultName",
|
|||
|
|
width: 90,
|
|||
|
|
render: (val, record) => {
|
|||
|
|
if (record.checkResultCode === 1) return <span className="redb-tag redb-tag-success">合格</span>;
|
|||
|
|
if (record.checkResultCode === 2) return <span className="redb-tag redb-tag-danger">不合格</span>;
|
|||
|
|
return val || "-";
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "抽查意见",
|
|||
|
|
dataIndex: "checkOpinion",
|
|||
|
|
ellipsis: true,
|
|||
|
|
render: (val) => val || "-",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "整改要求",
|
|||
|
|
dataIndex: "rectifyRequire",
|
|||
|
|
ellipsis: true,
|
|||
|
|
render: (val) => val || "-",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "整改反馈",
|
|||
|
|
dataIndex: "rectifyFeedback",
|
|||
|
|
ellipsis: true,
|
|||
|
|
render: (val) => val || "-",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "复核结果",
|
|||
|
|
dataIndex: "reviewResultName",
|
|||
|
|
width: 100,
|
|||
|
|
render: (val, record) => {
|
|||
|
|
if (record.reviewResultCode === 1) return <span className="redb-tag redb-tag-success">通过</span>;
|
|||
|
|
if (record.reviewResultCode === 2) return <span className="redb-tag redb-tag-danger">不通过</span>;
|
|||
|
|
return val || "-";
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: "操作",
|
|||
|
|
width: 100,
|
|||
|
|
fixed: "right",
|
|||
|
|
render: (_, record) => {
|
|||
|
|
// 有整改反馈且尚未复核时可复核
|
|||
|
|
if (record.rectifyFeedback && !record.reviewResultCode) {
|
|||
|
|
return (
|
|||
|
|
<Button type="link" size="small" onClick={() => handleOpenReview(record)}>
|
|||
|
|
复核
|
|||
|
|
</Button>
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
return "-";
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
const currentYear = dayjs().year();
|
|||
|
|
|
|||
|
|
const levelClass = useMemo(
|
|||
|
|
() => ({
|
|||
|
|
重点: "redb-tag-danger",
|
|||
|
|
一般: "redb-tag-warning",
|
|||
|
|
低: "redb-tag-success",
|
|||
|
|
}),
|
|||
|
|
[],
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<ConfigProvider theme={PROTO_THEME}>
|
|||
|
|
<PageLayout title="安评报告数据库">
|
|||
|
|
<div className="redb-page">
|
|||
|
|
<div className="redb-summary-strip">
|
|||
|
|
<span>
|
|||
|
|
近三年报告：
|
|||
|
|
<strong>{statData.recentThreeYearCount ?? "-"}份</strong>
|
|||
|
|
</span>
|
|||
|
|
<span>
|
|||
|
|
{currentYear}年度：
|
|||
|
|
<strong>{statData.currentYearCount ?? "-"}份</strong>
|
|||
|
|
</span>
|
|||
|
|
{statData.submittedTotalCount != null && (
|
|||
|
|
<span>
|
|||
|
|
已报送合计：
|
|||
|
|
<strong>{statData.submittedTotalCount}份</strong>
|
|||
|
|
</span>
|
|||
|
|
)}
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<SearchForm
|
|||
|
|
form={searchForm}
|
|||
|
|
loading={false}
|
|||
|
|
style={{ marginBottom: 12 }}
|
|||
|
|
formLine={[
|
|||
|
|
<Form.Item key="keyword" name="keyword">
|
|||
|
|
<ControlWrapper.Input
|
|||
|
|
label="报告名称/编号"
|
|||
|
|
placeholder="输入报告名称或编号"
|
|||
|
|
allowClear
|
|||
|
|
/>
|
|||
|
|
</Form.Item>,
|
|||
|
|
<Form.Item key="orgName" name="orgName">
|
|||
|
|
<ControlWrapper.Input
|
|||
|
|
label="报送机构"
|
|||
|
|
placeholder="输入评价机构名称"
|
|||
|
|
allowClear
|
|||
|
|
/>
|
|||
|
|
</Form.Item>,
|
|||
|
|
<Form.Item key="reportYear" name="reportYear">
|
|||
|
|
<ControlWrapper.Select
|
|||
|
|
label="报告年度"
|
|||
|
|
placeholder="全部"
|
|||
|
|
allowClear
|
|||
|
|
options={getYearOptions()}
|
|||
|
|
/>
|
|||
|
|
</Form.Item>,
|
|||
|
|
<Form.Item key="evalTypeCode" name="evalTypeCode">
|
|||
|
|
<ControlWrapper.Select
|
|||
|
|
label="评价类型"
|
|||
|
|
placeholder="全部"
|
|||
|
|
allowClear
|
|||
|
|
options={EVAL_TYPE_OPTIONS}
|
|||
|
|
/>
|
|||
|
|
</Form.Item>,
|
|||
|
|
<Form.Item key="industryCode" name="industryCode">
|
|||
|
|
<ControlWrapper.Select
|
|||
|
|
label="行业类别"
|
|||
|
|
placeholder="全部"
|
|||
|
|
allowClear
|
|||
|
|
options={INDUSTRY_OPTIONS}
|
|||
|
|
/>
|
|||
|
|
</Form.Item>,
|
|||
|
|
<Form.Item key="archiveTimeRange" name="archiveTimeRange">
|
|||
|
|
<RangePicker style={{ width: "100%" }} placeholder={["报送时间起", "报送时间止"]} />
|
|||
|
|
</Form.Item>,
|
|||
|
|
]}
|
|||
|
|
onFinish={handleSearch}
|
|||
|
|
onReset={handleReset}
|
|||
|
|
/>
|
|||
|
|
|
|||
|
|
<div className="redb-toolbar">
|
|||
|
|
<div className="redb-toolbar-left">
|
|||
|
|
<span className="redb-total">共 {total} 条报告记录</span>
|
|||
|
|
</div>
|
|||
|
|
<div className="redb-toolbar-right">
|
|||
|
|
<Button size="small" icon={<DownloadOutlined />} onClick={handleBatchDownload}>
|
|||
|
|
批量下载
|
|||
|
|
</Button>
|
|||
|
|
<Button size="small" icon={<ExportOutlined />} onClick={handleOpenExport}>
|
|||
|
|
导出目录
|
|||
|
|
</Button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<Table
|
|||
|
|
rowKey="id"
|
|||
|
|
columns={columns}
|
|||
|
|
dataSource={dataSource}
|
|||
|
|
loading={regulatorEvalReportPageLoading}
|
|||
|
|
rowSelection={{
|
|||
|
|
selectedRowKeys,
|
|||
|
|
onChange: (keys) => {
|
|||
|
|
setSelectedRowKeys(keys);
|
|||
|
|
},
|
|||
|
|
}}
|
|||
|
|
scroll={{ y: props.scrollY, x: 1400 }}
|
|||
|
|
pagination={{
|
|||
|
|
total,
|
|||
|
|
current: Number(router.query.current) || 1,
|
|||
|
|
pageSize: Number(router.query.size) || 20,
|
|||
|
|
showSizeChanger: true,
|
|||
|
|
showQuickJumper: true,
|
|||
|
|
pageSizeOptions: ["20", "50", "100"],
|
|||
|
|
showTotal: (count) => `共 ${count} 条`,
|
|||
|
|
}}
|
|||
|
|
onChange={handlePageChange}
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
{/* 查看报告 — 对齐原型 reportLibraryDetail */}
|
|||
|
|
<Modal
|
|||
|
|
title={
|
|||
|
|
detailData
|
|||
|
|
? `查看安全评价报告 - ${detailData.reportNo || ""}`
|
|||
|
|
: "查看安全评价报告"
|
|||
|
|
}
|
|||
|
|
open={detailVisible}
|
|||
|
|
onCancel={() => setDetailVisible(false)}
|
|||
|
|
width={980}
|
|||
|
|
destroyOnClose
|
|||
|
|
className="redb-modal"
|
|||
|
|
footer={
|
|||
|
|
<Space>
|
|||
|
|
<Button onClick={() => setDetailVisible(false)}>关闭</Button>
|
|||
|
|
{detailData && (
|
|||
|
|
<Button
|
|||
|
|
type="primary"
|
|||
|
|
onClick={() => handleDownloadOne(detailData)}
|
|||
|
|
disabled={!detailData.fileUrl && !detailData.id}
|
|||
|
|
>
|
|||
|
|
下载报告
|
|||
|
|
</Button>
|
|||
|
|
)}
|
|||
|
|
</Space>
|
|||
|
|
}
|
|||
|
|
>
|
|||
|
|
{detailData ? (
|
|||
|
|
<>
|
|||
|
|
<ModalSection
|
|||
|
|
title="报告基本信息"
|
|||
|
|
desc="展示评价机构上传的正式安全评价报告信息。"
|
|||
|
|
>
|
|||
|
|
<ProtoTable
|
|||
|
|
kv
|
|||
|
|
headers={["字段", "内容"]}
|
|||
|
|
rows={[
|
|||
|
|
["报告编号", detailData.reportNo || "-"],
|
|||
|
|
["报告名称", detailData.reportName || "-"],
|
|||
|
|
["评价机构", detailData.orgName || "-"],
|
|||
|
|
[
|
|||
|
|
"评价类型",
|
|||
|
|
detailData.evalTypeName ||
|
|||
|
|
getOptionLabel(EVAL_TYPE_OPTIONS, detailData.evalTypeCode),
|
|||
|
|
],
|
|||
|
|
[
|
|||
|
|
"所属行业",
|
|||
|
|
detailData.industryName ||
|
|||
|
|
getOptionLabel(INDUSTRY_OPTIONS, detailData.industryCode),
|
|||
|
|
],
|
|||
|
|
[
|
|||
|
|
"签发日期",
|
|||
|
|
detailData.issueDate
|
|||
|
|
? dayjs(detailData.issueDate).format("YYYY-MM-DD")
|
|||
|
|
: "-",
|
|||
|
|
],
|
|||
|
|
[
|
|||
|
|
"报送时间",
|
|||
|
|
detailData.archiveTime
|
|||
|
|
? dayjs(detailData.archiveTime).format("YYYY-MM-DD HH:mm")
|
|||
|
|
: "-",
|
|||
|
|
],
|
|||
|
|
]}
|
|||
|
|
/>
|
|||
|
|
</ModalSection>
|
|||
|
|
<ModalSection
|
|||
|
|
title="报告文件"
|
|||
|
|
desc="支持在线查看和下载正式报告。"
|
|||
|
|
>
|
|||
|
|
<ProtoTable
|
|||
|
|
headers={["文件名称", "文件类型", "版本"]}
|
|||
|
|
rows={[
|
|||
|
|
[
|
|||
|
|
detailData.fileName || detailData.reportName || "正式安全评价报告.pdf",
|
|||
|
|
getFileExtLabel(detailData.fileName),
|
|||
|
|
"V1.0",
|
|||
|
|
],
|
|||
|
|
]}
|
|||
|
|
/>
|
|||
|
|
</ModalSection>
|
|||
|
|
</>
|
|||
|
|
) : (
|
|||
|
|
<div className="redb-loading">
|
|||
|
|
{regulatorEvalReportDetailLoading ? "加载中..." : "暂无数据"}
|
|||
|
|
</div>
|
|||
|
|
)}
|
|||
|
|
</Modal>
|
|||
|
|
|
|||
|
|
{/* AI分析 — 对齐原型 reportAiAnalysis */}
|
|||
|
|
<Modal
|
|||
|
|
title={
|
|||
|
|
aiData
|
|||
|
|
? `AI报告分析 - ${aiData.record?.reportNo || aiData.record?.reportName || ""}`
|
|||
|
|
: "AI报告分析"
|
|||
|
|
}
|
|||
|
|
open={aiVisible}
|
|||
|
|
onCancel={() => setAiVisible(false)}
|
|||
|
|
width={980}
|
|||
|
|
destroyOnClose
|
|||
|
|
className="redb-modal"
|
|||
|
|
footer={
|
|||
|
|
<Space>
|
|||
|
|
<Button onClick={() => setAiVisible(false)}>关闭</Button>
|
|||
|
|
<Button
|
|||
|
|
type="primary"
|
|||
|
|
onClick={() => {
|
|||
|
|
message.success("AI分析结果文件已生成");
|
|||
|
|
setAiVisible(false);
|
|||
|
|
}}
|
|||
|
|
>
|
|||
|
|
生成AI分析报告
|
|||
|
|
</Button>
|
|||
|
|
</Space>
|
|||
|
|
}
|
|||
|
|
>
|
|||
|
|
{aiData && (
|
|||
|
|
<>
|
|||
|
|
<ModalSection title="分析概览" desc={aiData.analysis.overview}>
|
|||
|
|
<div className="redb-summary-strip" style={{ marginTop: "0.8rem", marginBottom: 0 }}>
|
|||
|
|
{aiData.analysis.metrics.map((m) => (
|
|||
|
|
<span key={m.label}>
|
|||
|
|
{m.label}：<strong>{m.value}</strong>
|
|||
|
|
</span>
|
|||
|
|
))}
|
|||
|
|
</div>
|
|||
|
|
</ModalSection>
|
|||
|
|
<div className="redb-data-table">
|
|||
|
|
<table>
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th>分析维度</th>
|
|||
|
|
<th>AI识别结果</th>
|
|||
|
|
<th>风险等级</th>
|
|||
|
|
<th>建议人工核查内容</th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody>
|
|||
|
|
{aiData.analysis.rows.map((row) => (
|
|||
|
|
<tr key={row.dim}>
|
|||
|
|
<td>{row.dim}</td>
|
|||
|
|
<td>{row.result}</td>
|
|||
|
|
<td>
|
|||
|
|
<span className={`redb-tag ${levelClass[row.level] || ""}`}>
|
|||
|
|
{row.level}
|
|||
|
|
</span>
|
|||
|
|
</td>
|
|||
|
|
<td>{row.advice}</td>
|
|||
|
|
</tr>
|
|||
|
|
))}
|
|||
|
|
</tbody>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
<div className="redb-ai-note">
|
|||
|
|
<strong>AI结论：</strong>
|
|||
|
|
{aiData.analysis.conclusion}
|
|||
|
|
</div>
|
|||
|
|
</>
|
|||
|
|
)}
|
|||
|
|
</Modal>
|
|||
|
|
|
|||
|
|
{/* 导出目录 — 对齐原型 export */}
|
|||
|
|
<Modal
|
|||
|
|
title="安评报告数据库目录"
|
|||
|
|
open={exportVisible}
|
|||
|
|
onCancel={() => setExportVisible(false)}
|
|||
|
|
onOk={handleExportOk}
|
|||
|
|
okText="生成文件"
|
|||
|
|
cancelText="关闭"
|
|||
|
|
width={720}
|
|||
|
|
destroyOnClose
|
|||
|
|
className="redb-modal"
|
|||
|
|
>
|
|||
|
|
<ModalSection
|
|||
|
|
title="导出设置"
|
|||
|
|
desc="导出当前查询范围内的数据，系统将记录导出人和导出时间。"
|
|||
|
|
>
|
|||
|
|
<Form form={exportForm} layout="vertical" preserve={false} className="redb-form-grid">
|
|||
|
|
<Form.Item
|
|||
|
|
name="scope"
|
|||
|
|
label="导出范围"
|
|||
|
|
rules={[{ required: true, message: "请选择导出范围" }]}
|
|||
|
|
className="redb-field"
|
|||
|
|
>
|
|||
|
|
<Select
|
|||
|
|
options={[
|
|||
|
|
{ label: "当前勾选", value: "SELECTED" },
|
|||
|
|
{ label: "当前查询结果", value: "FILTERED" },
|
|||
|
|
{ label: "全部数据", value: "ALL" },
|
|||
|
|
]}
|
|||
|
|
/>
|
|||
|
|
</Form.Item>
|
|||
|
|
<Form.Item name="fileFormat" label="文件格式" initialValue="CSV" className="redb-field">
|
|||
|
|
<Select
|
|||
|
|
options={[
|
|||
|
|
{ label: "CSV", value: "CSV" },
|
|||
|
|
{ label: "Excel", value: "Excel" },
|
|||
|
|
{ label: "PDF", value: "PDF" },
|
|||
|
|
]}
|
|||
|
|
/>
|
|||
|
|
</Form.Item>
|
|||
|
|
<Form.Item name="exportRemark" label="导出说明" className="redb-field redb-field-full">
|
|||
|
|
<TextArea rows={3} placeholder="选填" />
|
|||
|
|
</Form.Item>
|
|||
|
|
</Form>
|
|||
|
|
</ModalSection>
|
|||
|
|
</Modal>
|
|||
|
|
|
|||
|
|
{/* 批量下载 — 对齐原型 reportBatchAction */}
|
|||
|
|
<Modal
|
|||
|
|
title="批量下载"
|
|||
|
|
open={batchVisible}
|
|||
|
|
onCancel={() => setBatchVisible(false)}
|
|||
|
|
onOk={handleBatchOk}
|
|||
|
|
okText="确认执行"
|
|||
|
|
cancelText="关闭"
|
|||
|
|
width={720}
|
|||
|
|
destroyOnClose
|
|||
|
|
className="redb-modal"
|
|||
|
|
>
|
|||
|
|
<ModalSection
|
|||
|
|
title="批量操作确认"
|
|||
|
|
desc="批量分类将按年度、行业和评价类型重新校验目录；批量下载将生成所选报告的压缩文件。"
|
|||
|
|
>
|
|||
|
|
<Form form={batchForm} layout="vertical" preserve={false} className="redb-form-grid">
|
|||
|
|
<Form.Item name="scopeLabel" label="操作范围" className="redb-field">
|
|||
|
|
<Input disabled />
|
|||
|
|
</Form.Item>
|
|||
|
|
<Form.Item name="keepRecord" label="保留原分类记录" className="redb-field">
|
|||
|
|
<Select options={[{ label: "是", value: "是" }, { label: "否", value: "否" }]} />
|
|||
|
|
</Form.Item>
|
|||
|
|
<Form.Item name="remark" label="操作说明" className="redb-field redb-field-full">
|
|||
|
|
<TextArea rows={3} placeholder="选填" />
|
|||
|
|
</Form.Item>
|
|||
|
|
</Form>
|
|||
|
|
</ModalSection>
|
|||
|
|
</Modal>
|
|||
|
|
|
|||
|
|
{/* 抽查记录 */}
|
|||
|
|
<Modal
|
|||
|
|
title={
|
|||
|
|
currentReport
|
|||
|
|
? `抽查记录 — ${currentReport.reportName || currentReport.reportNo || ""}`
|
|||
|
|
: "抽查记录"
|
|||
|
|
}
|
|||
|
|
open={spotcheckVisible}
|
|||
|
|
onCancel={() => setSpotcheckVisible(false)}
|
|||
|
|
width={980}
|
|||
|
|
destroyOnClose
|
|||
|
|
className="redb-modal"
|
|||
|
|
footer={
|
|||
|
|
<Space>
|
|||
|
|
<Button onClick={() => setSpotcheckVisible(false)}>关闭</Button>
|
|||
|
|
{currentReport?.reportStatusCode === 1 && (
|
|||
|
|
<Button
|
|||
|
|
type="primary"
|
|||
|
|
onClick={() => handleOpenSpotcheckStart(currentReport)}
|
|||
|
|
>
|
|||
|
|
发起抽查
|
|||
|
|
</Button>
|
|||
|
|
)}
|
|||
|
|
</Space>
|
|||
|
|
}
|
|||
|
|
>
|
|||
|
|
<Table
|
|||
|
|
rowKey="id"
|
|||
|
|
size="small"
|
|||
|
|
columns={spotcheckColumns}
|
|||
|
|
dataSource={spotcheckList}
|
|||
|
|
loading={regulatorSpotcheckListLoading}
|
|||
|
|
pagination={false}
|
|||
|
|
scroll={{ x: 1100 }}
|
|||
|
|
locale={{ emptyText: "暂无抽查记录" }}
|
|||
|
|
/>
|
|||
|
|
</Modal>
|
|||
|
|
|
|||
|
|
{/* 发起抽查 */}
|
|||
|
|
<Modal
|
|||
|
|
title={
|
|||
|
|
currentReport
|
|||
|
|
? `发起报告抽查 - ${currentReport.reportNo || ""}`
|
|||
|
|
: "发起报告抽查"
|
|||
|
|
}
|
|||
|
|
open={spotcheckStartVisible}
|
|||
|
|
onCancel={() => setSpotcheckStartVisible(false)}
|
|||
|
|
onOk={handleSpotcheckStartOk}
|
|||
|
|
confirmLoading={regulatorSpotcheckStartLoading}
|
|||
|
|
okText="提交抽查"
|
|||
|
|
width={640}
|
|||
|
|
destroyOnClose
|
|||
|
|
className="redb-modal"
|
|||
|
|
>
|
|||
|
|
<Form form={spotcheckForm} layout="vertical" preserve={false}>
|
|||
|
|
<Form.Item
|
|||
|
|
name="checkResultCode"
|
|||
|
|
label="抽查结果"
|
|||
|
|
rules={[{ required: true, message: "请选择抽查结果" }]}
|
|||
|
|
>
|
|||
|
|
<Select
|
|||
|
|
options={[
|
|||
|
|
{ label: "合格", value: 1 },
|
|||
|
|
{ label: "不合格", value: 2 },
|
|||
|
|
]}
|
|||
|
|
/>
|
|||
|
|
</Form.Item>
|
|||
|
|
<Form.Item name="checkOpinion" label="抽查意见">
|
|||
|
|
<TextArea rows={3} placeholder="填写抽查意见" maxLength={500} showCount />
|
|||
|
|
</Form.Item>
|
|||
|
|
<Form.Item
|
|||
|
|
noStyle
|
|||
|
|
shouldUpdate={(prev, cur) => prev.checkResultCode !== cur.checkResultCode}
|
|||
|
|
>
|
|||
|
|
{({ getFieldValue }) =>
|
|||
|
|
getFieldValue("checkResultCode") === 2 ? (
|
|||
|
|
<Form.Item
|
|||
|
|
name="rectifyRequire"
|
|||
|
|
label="整改要求"
|
|||
|
|
rules={[{ required: true, message: "不合格须填写整改要求" }]}
|
|||
|
|
>
|
|||
|
|
<TextArea rows={3} placeholder="请填写整改要求" maxLength={500} showCount />
|
|||
|
|
</Form.Item>
|
|||
|
|
) : null
|
|||
|
|
}
|
|||
|
|
</Form.Item>
|
|||
|
|
</Form>
|
|||
|
|
</Modal>
|
|||
|
|
|
|||
|
|
{/* 复核 */}
|
|||
|
|
<Modal
|
|||
|
|
title="抽查复核"
|
|||
|
|
open={reviewVisible}
|
|||
|
|
onCancel={() => setReviewVisible(false)}
|
|||
|
|
onOk={handleReviewOk}
|
|||
|
|
confirmLoading={regulatorSpotcheckReviewLoading}
|
|||
|
|
okText="提交复核结果"
|
|||
|
|
width={520}
|
|||
|
|
destroyOnClose
|
|||
|
|
className="redb-modal"
|
|||
|
|
>
|
|||
|
|
{reviewRecord && (
|
|||
|
|
<div className="redb-note" style={{ marginBottom: 12 }}>
|
|||
|
|
<div>整改反馈：{reviewRecord.rectifyFeedback || "-"}</div>
|
|||
|
|
</div>
|
|||
|
|
)}
|
|||
|
|
<Form form={reviewForm} layout="vertical" preserve={false}>
|
|||
|
|
<Form.Item
|
|||
|
|
name="reviewResultCode"
|
|||
|
|
label="复核结果"
|
|||
|
|
rules={[{ required: true, message: "请选择复核结果" }]}
|
|||
|
|
>
|
|||
|
|
<Select
|
|||
|
|
options={[
|
|||
|
|
{ label: "通过", value: 1 },
|
|||
|
|
{ label: "不通过", value: 2 },
|
|||
|
|
]}
|
|||
|
|
/>
|
|||
|
|
</Form.Item>
|
|||
|
|
</Form>
|
|||
|
|
</Modal>
|
|||
|
|
</PageLayout>
|
|||
|
|
</ConfigProvider>
|
|||
|
|
);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export default Connect(
|
|||
|
|
[NS_REGULATOR_EVAL_REPORT],
|
|||
|
|
true,
|
|||
|
|
)(AntdTableFuncControl(EvalReportDatabase));
|