);
-const SimpleUploadPanel = ({ index, title, desc, icon, fileType, fileName, fileSize, uploader, date }) => (
+const SimpleUploadPanel = ({ index, title, desc }) => (
-
+
{index}
{title}
{desc}
-
已完成
-
-
-
- {icon}
- 上传{title}
- 支持 PDF、Word、JPG、PNG
-
- 上传后本节点自动标记完成
-
-
-
-
- 已归档文件
- 已上传
-
-
- {fileType}
-
- {fileName}
- {fileSize} · {uploader} · {date} 上传
-
-
-
-
-
-
-
-
-
-
-
-
-
);
-const SurveyContent = () => {
+const STEP_PANELS = {
+ notice: () =>
,
+ inspection: () =>
,
+ rectification: () => (
+
+ ),
+ enterprise: () => (
+
+ ),
+ review: () => (
+
+ ),
+};
+
+const SurveyContent = (props) => {
+ const [form] = Form.useForm();
const [activeStage, setActiveStage] = useState("notice");
+ const [attachMap, setAttachMap] = useState({});
+ const { evalSurveyListLoading, evalSurveySaveAttachLoading } = props.safetyEvalBusiness;
+ const projectId = router.query?.id;
+ const currentIdx = STAGES.findIndex((s) => s.key === activeStage);
+ const isFirst = currentIdx === 0;
+ const isLast = currentIdx === STAGES.length - 1;
+
+ const loadAttachments = async () => {
+ if (!projectId) return;
+ const res = await props.evalSurveyList({ projectId });
+ if (res?.success !== false) {
+ const map = {};
+ (res?.data || []).forEach((item) => {
+ const key = item.attachTypeCode;
+ try {
+ const parsed = JSON.parse(item.fileUrl);
+ map[key] = Array.isArray(parsed) ? parsed : [];
+ } catch {
+ map[key] = [];
+ }
+ });
+ setAttachMap(map);
+ // 回填所有步骤的附件到表单
+ const values = {};
+ Object.entries(ATTACH_TYPE).forEach(([, typeCode]) => {
+ values[typeCode] = map[typeCode] || [];
+ });
+ form.setFieldsValue(values);
+ }
+ };
+
+ useEffect(() => {
+ loadAttachments();
+ }, []);
+
+ const goPrev = () => {
+ if (currentIdx > 0) setActiveStage(STAGES[currentIdx - 1].key);
+ };
+
+ const goNext = () => {
+ if (currentIdx < STAGES.length - 1) setActiveStage(STAGES[currentIdx + 1].key);
+ };
+
+ const handleSave = async () => {
+ const values = form.getFieldsValue();
+ const payload = [];
+ for (const [key, typeCode] of Object.entries(ATTACH_TYPE)) {
+ const fileList = values[typeCode] || [];
+ const validFiles = fileList.filter((f) => f.status === "done" && f.url);
+ if (validFiles.length === 0) {
+ setActiveStage(key);
+ message.warning(`请先在"${STAGES.find((s) => s.key === key).label}"步骤上传附件`);
+ return;
+ }
+ payload.push({
+ projectId,
+ attachTypeCode: typeCode,
+ fileUrl: JSON.stringify(fileList),
+ });
+ }
+ const res = await props.evalSurveySaveAttach(payload);
+ if (res?.success !== false) {
+ message.success("保存成功");
+ props.getDetail();
+ }
+ };
return (
-
- 项目组专职人员 ≥ 2人
- 从业告知、现场勘查、整改与复查全过程留痕
-
+
setActiveStage(STAGES[idx].key)}
+ style={{ marginBottom: 16 }}
+ items={STAGES.map((s) => ({ title: s.label }))}
+ />
-
- s.key === activeStage)}
-
- onChange={(idx) => setActiveStage(STAGES[idx].key)}
- style={{ marginBottom: 16 }}
- items={STAGES.map((s) => ({
- title: s.label,
- status: "process",
- }))}
- />
+ {STEP_PANELS[activeStage]()}
- {activeStage === "notice" && }
- {activeStage === "inspection" && }
- {activeStage === "rectification" && (
-
+
+
+
+ {!isFirst && }
+ {isLast ? (
+
+ ) : (
+
)}
- {activeStage === "enterprise" && (
-
- )}
- {activeStage === "review" && (
-
- )}
-
+
);
};
-export default SurveyContent;
\ No newline at end of file
+export default Connect(
+ [NS_SAFETY_EVAL_BUSINESS],
+ true,
+)(SurveyContent);
\ No newline at end of file
diff --git a/src/pages/Container/SafetyEvalBusiness/ProjectFlow/TeamContent.js b/src/pages/Container/SafetyEvalBusiness/ProjectFlow/TeamContent.js
index edd1e85..ce1462a 100644
--- a/src/pages/Container/SafetyEvalBusiness/ProjectFlow/TeamContent.js
+++ b/src/pages/Container/SafetyEvalBusiness/ProjectFlow/TeamContent.js
@@ -214,9 +214,9 @@ const TeamContent = (props) => {
-
+
-
+
setModalOpen(false)} width={700}
diff --git a/src/pages/Container/SafetyEvalBusiness/ProjectFlow/index.js b/src/pages/Container/SafetyEvalBusiness/ProjectFlow/index.js
index 552e205..7357ab7 100644
--- a/src/pages/Container/SafetyEvalBusiness/ProjectFlow/index.js
+++ b/src/pages/Container/SafetyEvalBusiness/ProjectFlow/index.js
@@ -21,76 +21,100 @@ const PROCESS_TABS = [
key: "risk",
index: "1",
label: "风险分析",
- state: "已完成",
- stateType: "success",
role: "市场部经办人 / 市场部经理",
},
{
key: "contract",
index: "2",
label: "业务合同",
- state: "已完成",
- stateType: "success",
role: "机构管理员 / 项目负责人",
},
- {
- key: "team",
- index: "3",
- label: "项目组",
- state: "已完成",
- stateType: "success",
- role: "评价部经理 / 机构主账号",
- },
- {
- key: "survey",
- index: "4",
- label: "现场踏勘",
- state: "已完成",
- stateType: "success",
- role: "项目组成员",
- },
- {
- key: "report",
- index: "5",
- label: "报告编制",
- state: "编制中",
- stateType: "processing",
- role: "报告编制人",
- },
- {
- key: "internal",
- index: "6",
- label: "内部审核",
- state: "待办理",
- stateType: "default",
- role: "内部审核人",
- },
- {
- key: "technical",
- index: "7",
- label: "技术审核",
- state: "待办理",
- stateType: "default",
- role: "技术负责人",
- },
- {
- key: "control",
- index: "8",
- label: "过程控制",
- state: "前置未完成",
- stateType: "warning",
- role: "过程控制负责人",
- locked: true,
- },
+ { key: "team", index: "3", label: "项目组", role: "评价部经理 / 机构主账号" },
+ { key: "survey", index: "4", label: "现场踏勘", role: "项目组成员" },
+ { key: "report", index: "5", label: "报告编制", role: "报告编制人" },
+ { key: "internal", index: "6", label: "内部审核", role: "内部审核人" },
+ { key: "technical", index: "7", label: "技术审核", role: "技术负责人" },
+ { key: "control", index: "8", label: "过程控制", role: "过程控制负责人" },
];
const { router } = tools;
+const TYPE_TO_TAB_KEY = {
+ RISK_ANALYSIS: "risk",
+ BUSINESS_CONTRACT: "contract",
+ PROJECT_GROUP: "team",
+ SITE_SURVEY: "survey",
+ REPORT_PREPARATION: "report",
+ INTERNAL_REVIEW: "internal",
+ TECHNICAL_REVIEW: "technical",
+ PROCESS_CONTROL: "control",
+};
+
+const parseProjectNode = (data) => {
+ if (Array.isArray(data)) return data;
+ try {
+ return JSON.parse(data || "[]");
+ } catch {
+ return [];
+ }
+};
+
+const buildProcessTabs = (projectNode) => {
+ const nodes = parseProjectNode(projectNode);
+ const nodeMap = {};
+ nodes.forEach((n) => {
+ nodeMap[n.type] = n;
+ });
+
+ const allPrevDone = (idx) => {
+ for (let i = 0; i < idx; i++) {
+ const key = PROCESS_TABS[i].key;
+ const type = Object.keys(TYPE_TO_TAB_KEY).find(
+ (k) => TYPE_TO_TAB_KEY[k] === key,
+ );
+ if (!type) continue;
+ const node = nodeMap[type];
+ if (!node || node.state !== 1) return false;
+ }
+ return true;
+ };
+
+ return PROCESS_TABS.map((item, idx) => {
+ const type = Object.keys(TYPE_TO_TAB_KEY).find(
+ (k) => TYPE_TO_TAB_KEY[k] === item.key,
+ );
+ const node = type ? nodeMap[type] : null;
+
+ if (idx === 7) {
+ // 过程控制：前7个全部完成才解锁
+ const unlocked = allPrevDone(7);
+ return {
+ ...item,
+ state: unlocked ? "待办理" : "前置未完成",
+ stateType: unlocked ? "default" : "warning",
+ locked: !unlocked,
+ };
+ }
+
+ if (node) {
+ return {
+ ...item,
+ state: node.state === 1 ? "已完成" : "待办理",
+ stateType: node.state === 1 ? "success" : "default",
+ locked: false,
+ };
+ }
+ return { ...item, locked: false };
+ });
+};
+
const ProjectFlow = (props) => {
const [activeKey, setActiveKey] = useState("risk");
const [visible, setVisible] = useState(false);
- const { wpsDoc } = props.safetyEvalBusiness || {};
+ const { wpsDoc, evalProjectDetailData } = props.safetyEvalBusiness || {};
const projectId = router.query?.id;
+ const processTabs = buildProcessTabs(evalProjectDetailData?.projectNode);
+
const handleTabChange = (key) => {
if (key === "report") {
openReportEditor();
@@ -103,29 +127,33 @@ const ProjectFlow = (props) => {
setVisible(true);
};
+ const getDetail = () => {
+ props.evalProjectDetail({
+ id: projectId,
+ });
+ };
+
useEffect(() => {
props.queryMyOrCreateDoc({
docxUrl: "",
});
- props.evalProjectDetail({
- id: projectId,
- });
+ getDetail();
}, []);
- const tabItems = PROCESS_TABS.map((item) => {
+ const tabItems = processTabs.map((item) => {
let children = null;
switch (item.key) {
case "risk":
- children = ;
+ children = ;
break;
case "contract":
- children = ;
+ children = ;
break;
case "team":
- children = ;
+ children = ;
break;
case "survey":
- children = ;
+ children = ;
break;
case "internal":
diff --git a/src/pages/Container/SafetyEvalBusiness/ProjectFlow/index.less b/src/pages/Container/SafetyEvalBusiness/ProjectFlow/index.less
index f59e03f..5ca438c 100644
--- a/src/pages/Container/SafetyEvalBusiness/ProjectFlow/index.less
+++ b/src/pages/Container/SafetyEvalBusiness/ProjectFlow/index.less
@@ -1,4 +1,50 @@
.pf {
+ // 区块头部
+ &-section-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 12px 16px;
+ margin-bottom: 16px;
+ background: #fafcff;
+ border: 1px solid #e8edf5;
+ border-radius: 8px;
+ border-left: 4px solid #1677ff;
+ }
+
+ // 模板下载卡片
+ &-template-card {
+ background: #fafcff;
+ border: 1px dashed #1677ff;
+ border-radius: 8px;
+ padding: 12px 16px;
+ margin-bottom: 16px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ }
+
+ &-template-left {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ }
+
+ &-template-icon {
+ font-size: 22px;
+ }
+
+ &-template-name {
+ font-size: 13px;
+ font-weight: 500;
+ color: #172033;
+ }
+
+ &-template-desc {
+ font-size: 12px;
+ color: #999;
+ }
+
// 权限标签区域
&-permission {
margin-bottom: 12px;
diff --git a/src/pages/Container/SafetyEvalBusiness/RiskWarning/index.js b/src/pages/Container/SafetyEvalBusiness/RiskWarning/index.js
index 0aceb0c..341100a 100644
--- a/src/pages/Container/SafetyEvalBusiness/RiskWarning/index.js
+++ b/src/pages/Container/SafetyEvalBusiness/RiskWarning/index.js
@@ -115,7 +115,7 @@ const RiskWarning = (props) => {
width: 100,
render: (code) => {
const cfg = RISK_LEVEL_MAP[code];
- return cfg ? {cfg.text} : {code};
+ return cfg ? {cfg.text} : "";
},
},
{ title: "预警类型", dataIndex: "warningTypeName", width: 100 },
@@ -126,14 +126,14 @@ const RiskWarning = (props) => {
width: 260,
},
{ title: "责任人", dataIndex: "responsiblePerson", width: 90 },
- { title: "预警时间", dataIndex: "warningTime", width: 110 },
+ { title: "预警时间", dataIndex: "warningTime", width: 120 },
{
title: "状态",
dataIndex: "statusCode",
width: 90,
render: (code) => {
const cfg = RISK_STATUS_MAP[code];
- return cfg ? {cfg.text} : {code};
+ return cfg ? {cfg.text} : "";
},
},
{
@@ -242,18 +242,7 @@ const RiskWarning = (props) => {
onReset={handleReset}
/>
-
-
- 处理按钮会打开处置面板；标记闭环会直接更新行状态。
-
-
+