feat
parent
6ad6475911
commit
77af783720
|
|
@ -14,7 +14,7 @@ module.exports = {
|
|||
|
||||
//API_HOST: "http://192.168.0.152",
|
||||
API_HOST: "http://192.168.0.150", //太浅
|
||||
//API_HOST: "http://192.168.0.152",
|
||||
// API_HOST: "http://192.168.0.152",
|
||||
//API_HOST: "http://192.168.0.103", //huwei
|
||||
},
|
||||
production: {
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
import React, { useState, useEffect } from "react";
|
||||
import { Tag, Button, Card, Row, Col, Table, Select, Input, Flex, Typography, message } from "antd";
|
||||
import { Tag, Button, Card, Table, Select, Input, Flex, Typography, message, Popover } from "antd";
|
||||
import { CheckCircleFilled } from "@ant-design/icons";
|
||||
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||
import { NS_SAFETY_EVAL_BUSINESS } from "~/enumerate/namespace";
|
||||
import { tools } from "@cqsjjb/jjb-common-lib";
|
||||
|
|
@ -7,15 +8,14 @@ import { tools } from "@cqsjjb/jjb-common-lib";
|
|||
const { TextArea } = Input;
|
||||
const { router } = tools;
|
||||
|
||||
const CONCLUSION_OPTIONS = [
|
||||
{ value: "conform_to", label: "符合" },
|
||||
{ value: "not_conform_to", label: "需修改" },
|
||||
];
|
||||
|
||||
const ControlContent = (props) => {
|
||||
const projectId = router.query?.id;
|
||||
const { processControlDetail, processControlFiles } = props.safetyEvalBusiness || {};
|
||||
const { processControl, controllers, reviewItems } = processControlDetail || {};
|
||||
const { processControlDetail, processControlFiles } =
|
||||
props.safetyEvalBusiness || {};
|
||||
const { processControl, controllers, reviewItems } =
|
||||
processControlDetail || {};
|
||||
|
||||
const [selectPeople, setSelectPeople] = useState(null);
|
||||
|
||||
// 当前步骤：1-过程控制审核 2-机构负责人签发 3-项目归档
|
||||
const [step, setStep] = useState(1);
|
||||
|
|
@ -27,8 +27,21 @@ const ControlContent = (props) => {
|
|||
// 项目归档
|
||||
const [files, setFiles] = useState([]);
|
||||
|
||||
// 机构负责人签发
|
||||
const [approvalOpinion, setApprovalOpinion] = useState("");
|
||||
|
||||
const fetchDetail = () => {
|
||||
props.evalProcessControlDetail({ projectId });
|
||||
props.evalProcessControlDetail({ projectId }).then((res) => {
|
||||
if (res?.success) {
|
||||
setOpinionContent(res?.data?.opinionContent);
|
||||
if (res?.data?.signTaskPersonCo) {
|
||||
setSelectPeople({
|
||||
value: res?.data?.signTaskPersonCo?.signerPersonnelId,
|
||||
label: res?.data?.signTaskPersonCo?.signerName,
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const fetchFiles = () => {
|
||||
|
|
@ -68,11 +81,12 @@ const ControlContent = (props) => {
|
|||
setRows(next);
|
||||
};
|
||||
|
||||
const controllerName = processControl?.controllerName || "";
|
||||
const isDispatched = processControl?.reviewerSignatureTaskStatus !== "non_dispatched";
|
||||
const isSignatureCompleted = processControl?.reviewerSignatureTaskStatus === "completed";
|
||||
const isDispatched =
|
||||
processControl?.reviewerSignatureTaskStatus !== "non_dispatched";
|
||||
const isSignatureCompleted =
|
||||
processControl?.reviewerSignatureTaskStatus === "completed";
|
||||
const hasHandoverForm = !!processControl?.handoverFormUrl;
|
||||
const problemCount = rows.filter((r) => r.reviewConclusion === "not_conform_to").length;
|
||||
|
||||
const canArchive = isSignatureCompleted && hasHandoverForm;
|
||||
|
||||
// 过程控制签字提交（confirm）
|
||||
|
|
@ -95,7 +109,9 @@ const ControlContent = (props) => {
|
|||
};
|
||||
const res = await props.evalProcessControlConfirm(payload);
|
||||
if (res?.success !== false) {
|
||||
message.success(resultCode === "passed" ? "已提交通过审核" : "已提交退回修改");
|
||||
message.success(
|
||||
resultCode === "passed" ? "已提交通过审核" : "已提交退回修改",
|
||||
);
|
||||
fetchDetail();
|
||||
}
|
||||
};
|
||||
|
|
@ -103,23 +119,20 @@ const ControlContent = (props) => {
|
|||
// 下发签字任务（assign）
|
||||
const handleAssign = async () => {
|
||||
if (!projectId) return;
|
||||
const res = await props.evalProcessControlAssign({ projectId });
|
||||
const res = await props.evalProcessControlAssign({
|
||||
projectId,
|
||||
signTaskPersonCmd: {
|
||||
signerPersonnelId: selectPeople?.value,
|
||||
signerName: selectPeople?.label,
|
||||
},
|
||||
opinionContent: approvalOpinion,
|
||||
});
|
||||
if (res?.success !== false) {
|
||||
message.success("已下发签字任务");
|
||||
fetchDetail();
|
||||
}
|
||||
};
|
||||
|
||||
// 生成归档交接单
|
||||
const handleGenerateHandover = async () => {
|
||||
if (!projectId) return;
|
||||
const res = await props.evalProcessControlGenerateHandover({ projectId });
|
||||
if (res?.success !== false) {
|
||||
message.success("归档交接单已生成");
|
||||
fetchDetail();
|
||||
}
|
||||
};
|
||||
|
||||
// 归档项目并入库
|
||||
const handleArchive = async () => {
|
||||
if (!projectId) return;
|
||||
|
|
@ -131,10 +144,10 @@ const ControlContent = (props) => {
|
|||
};
|
||||
|
||||
const reviewColumns = [
|
||||
{ title: "审核维度", dataIndex: "reviewDimensionName", width: 120 },
|
||||
{ title: "审核重点", dataIndex: "reviewFocus", width: 200 },
|
||||
{ title: "程序审核项", dataIndex: "reviewDimensionName", width: 120 },
|
||||
{ title: "核查内容", dataIndex: "reviewFocus", width: 200 },
|
||||
{
|
||||
title: "结论",
|
||||
title: "结果",
|
||||
dataIndex: "reviewConclusion",
|
||||
width: 120,
|
||||
render: (val, _, idx) => (
|
||||
|
|
@ -144,21 +157,21 @@ const ControlContent = (props) => {
|
|||
style={{ width: 100 }}
|
||||
onChange={(v) => updateRow(idx, "reviewConclusion", v)}
|
||||
>
|
||||
{CONCLUSION_OPTIONS.map((opt) => (
|
||||
<Select.Option key={opt.value} value={opt.value}>
|
||||
{opt.label}
|
||||
</Select.Option>
|
||||
))}
|
||||
<Select.Option value="conform_to">符合</Select.Option>
|
||||
<Select.Option value="not_conform_to">不符合</Select.Option>
|
||||
</Select>
|
||||
),
|
||||
},
|
||||
{
|
||||
title: "审核意见",
|
||||
title: "意见",
|
||||
dataIndex: "reviewOpinion",
|
||||
render: (val, _, idx) => (
|
||||
<Input
|
||||
size="small"
|
||||
value={val}
|
||||
allowClear
|
||||
maxLength={60}
|
||||
placeholder="请输入意见"
|
||||
onChange={(e) => updateRow(idx, "reviewOpinion", e.target.value)}
|
||||
/>
|
||||
),
|
||||
|
|
@ -166,23 +179,61 @@ const ControlContent = (props) => {
|
|||
];
|
||||
|
||||
const fileColumns = [
|
||||
{ title: "流程名称", dataIndex: "processName", width: 100 },
|
||||
{ title: "条目名称", dataIndex: "itemName", width: 120 },
|
||||
{ title: "文件名称", dataIndex: "materialName", width: 200 },
|
||||
{ title: "流程名称", dataIndex: "processName", ellipsis: true },
|
||||
{ title: "条目名称", dataIndex: "itemName", ellipsis: true },
|
||||
|
||||
{
|
||||
title: "文件地址",
|
||||
title: "文件",
|
||||
dataIndex: "projectDocUrl",
|
||||
width: 200,
|
||||
render: (url) =>
|
||||
url ? (
|
||||
<a href={url} target="_blank" rel="noreferrer">
|
||||
查看文件
|
||||
|
||||
render: (val) => {
|
||||
let files = [];
|
||||
if (typeof val === "string") {
|
||||
try { files = JSON.parse(val); } catch { files = []; }
|
||||
} else if (Array.isArray(val)) {
|
||||
files = val;
|
||||
}
|
||||
if (!files.length) return "-";
|
||||
return (
|
||||
<Flex vertical gap={2}>
|
||||
<Popover
|
||||
title="附件列表"
|
||||
placement="topLeft"
|
||||
content={
|
||||
<Flex vertical gap={4} >
|
||||
{files.map((f, i) => (
|
||||
<a
|
||||
key={f.uid || i}
|
||||
href={f.url }
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
style={{
|
||||
overflow: "hidden",
|
||||
textOverflow: "ellipsis",
|
||||
whiteSpace: "nowrap",
|
||||
display: "inline-block",
|
||||
maxWidth: 280,
|
||||
}}
|
||||
>
|
||||
📎 {f.name || f.url || "查看文件"}
|
||||
</a>
|
||||
) : (
|
||||
"-"
|
||||
),
|
||||
))}
|
||||
</Flex>
|
||||
}
|
||||
trigger="hover"
|
||||
>
|
||||
<a
|
||||
onClick={(e) => e.preventDefault()}
|
||||
style={{ cursor: "pointer" }}
|
||||
>
|
||||
{files.length}个附件
|
||||
</a>
|
||||
</Popover>
|
||||
</Flex>
|
||||
);
|
||||
},
|
||||
{ title: "资料类型", dataIndex: "materialType", width: 100 },
|
||||
},
|
||||
|
||||
];
|
||||
|
||||
const STEP_ITEMS = [
|
||||
|
|
@ -193,7 +244,10 @@ const ControlContent = (props) => {
|
|||
|
||||
return (
|
||||
<div>
|
||||
<Flex gap={0} style={{ marginBottom: 16, borderBottom: "1px solid #e8e8e8" }}>
|
||||
<Flex
|
||||
gap={0}
|
||||
style={{ marginBottom: 16, borderBottom: "1px solid #e8e8e8" }}
|
||||
>
|
||||
{STEP_ITEMS.map((item) => (
|
||||
<Button
|
||||
key={item.key}
|
||||
|
|
@ -201,7 +255,10 @@ const ControlContent = (props) => {
|
|||
onClick={() => setStep(item.key)}
|
||||
style={{
|
||||
minWidth: 128,
|
||||
borderBottom: step === item.key ? "3px solid #1677ff" : "3px solid transparent",
|
||||
borderBottom:
|
||||
step === item.key
|
||||
? "3px solid #1677ff"
|
||||
: "3px solid transparent",
|
||||
borderRadius: 0,
|
||||
fontWeight: step === item.key ? 700 : 400,
|
||||
color: step === item.key ? "#1677ff" : undefined,
|
||||
|
|
@ -219,42 +276,6 @@ const ControlContent = (props) => {
|
|||
style={{ marginBottom: 16 }}
|
||||
styles={{ body: { paddingBottom: 0 } }}
|
||||
>
|
||||
<div className="pf-permission">
|
||||
<Tag color="blue" className="pf-tag">
|
||||
过程控制负责人
|
||||
</Tag>
|
||||
<span className="pf-desc">过程控制负责人核验前7节点完成及签字记录</span>
|
||||
</div>
|
||||
|
||||
<Row gutter={16} style={{ marginBottom: 16 }}>
|
||||
<Col span={8}>
|
||||
<Card size="small">
|
||||
<Typography.Text type="secondary">过程控制负责人</Typography.Text>
|
||||
<div>
|
||||
<strong>{controllerName || "-"}</strong>
|
||||
</div>
|
||||
</Card>
|
||||
</Col>
|
||||
<Col span={8}>
|
||||
<Card size="small">
|
||||
<Typography.Text type="secondary">审核项</Typography.Text>
|
||||
<div>
|
||||
<strong>{rows.length}项</strong>
|
||||
</div>
|
||||
</Card>
|
||||
</Col>
|
||||
<Col span={8}>
|
||||
<Card size="small">
|
||||
<Typography.Text type="secondary">问题</Typography.Text>
|
||||
<div>
|
||||
<Typography.Text strong type={problemCount > 0 ? "warning" : undefined}>
|
||||
{problemCount}项
|
||||
</Typography.Text>
|
||||
</div>
|
||||
</Card>
|
||||
</Col>
|
||||
</Row>
|
||||
|
||||
<Table
|
||||
dataSource={rows}
|
||||
columns={reviewColumns}
|
||||
|
|
@ -263,40 +284,15 @@ const ControlContent = (props) => {
|
|||
size="small"
|
||||
/>
|
||||
|
||||
<div style={{ margin: "12px 0" }}>
|
||||
<Typography.Text strong>总体过程控制意见</Typography.Text>
|
||||
<TextArea
|
||||
rows={2}
|
||||
value={opinionContent}
|
||||
onChange={(e) => setOpinionContent(e.target.value)}
|
||||
style={{ marginTop: 4 }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<Flex justify="space-between" align="center" style={{ marginTop: 10, paddingBottom: 16 }}>
|
||||
<Flex gap={8} align="center">
|
||||
<Typography.Text type="secondary">过程控制负责人签字</Typography.Text>
|
||||
<strong>{controllerName}</strong>
|
||||
<Button
|
||||
size="small"
|
||||
onClick={handleAssign}
|
||||
loading={props.safetyEvalBusiness?.processControlAssignLoading}
|
||||
disabled={isDispatched}
|
||||
>
|
||||
{isDispatched ? "已下发APP签字" : "下发APP签字"}
|
||||
</Button>
|
||||
</Flex>
|
||||
<Flex gap={8}>
|
||||
<Button onClick={() => handleConfirm("not_passed")}>退回修改</Button>
|
||||
<Flex justify="flex-end" gap={8} style={{ padding: "12px 0" }}>
|
||||
<Button
|
||||
type="primary"
|
||||
onClick={() => handleConfirm("passed")}
|
||||
loading={props.safetyEvalBusiness?.processControlConfirmLoading}
|
||||
>
|
||||
通过
|
||||
过程控制签字提交
|
||||
</Button>
|
||||
</Flex>
|
||||
</Flex>
|
||||
</Card>
|
||||
)}
|
||||
|
||||
|
|
@ -306,47 +302,89 @@ const ControlContent = (props) => {
|
|||
style={{ marginBottom: 16 }}
|
||||
styles={{ body: { paddingBottom: 0 } }}
|
||||
>
|
||||
<div className="pf-permission">
|
||||
<Tag color="blue" className="pf-tag">
|
||||
评价机构负责人
|
||||
</Tag>
|
||||
<span className="pf-desc">机构负责人终审并签发，确认项目成果</span>
|
||||
</div>
|
||||
|
||||
<Row gutter={16} style={{ marginBottom: 16 }}>
|
||||
{controllers?.map((c) => (
|
||||
<Col span={8} key={c.id || c.personnelId}>
|
||||
<Card size="small">
|
||||
<Typography.Text type="secondary">机构负责人</Typography.Text>
|
||||
<div>
|
||||
<strong>{c.personnelName}</strong>
|
||||
</div>
|
||||
{c.deptName && (
|
||||
<div>
|
||||
<Typography.Text type="secondary" style={{ fontSize: 12 }}>
|
||||
{c.deptName}
|
||||
</Typography.Text>
|
||||
</div>
|
||||
)}
|
||||
</Card>
|
||||
</Col>
|
||||
))}
|
||||
{(!controllers || controllers.length === 0) && (
|
||||
<Col span={24}>
|
||||
<Typography.Text type="secondary">暂无机构负责人信息</Typography.Text>
|
||||
</Col>
|
||||
)}
|
||||
</Row>
|
||||
|
||||
<Flex justify="flex-end" style={{ paddingBottom: 16 }}>
|
||||
<Button
|
||||
type="primary"
|
||||
onClick={handleAssign}
|
||||
loading={props.safetyEvalBusiness?.processControlAssignLoading}
|
||||
<div className="final-approval-card">
|
||||
<div
|
||||
style={{
|
||||
marginBottom: 12,
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
gap: 8,
|
||||
}}
|
||||
>
|
||||
终审并签发
|
||||
<CheckCircleFilled style={{ color: "#52c41a", fontSize: 16 }} />
|
||||
<span>无可能引发法律纠纷的重大风险</span>
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
marginBottom: 12,
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
gap: 8,
|
||||
}}
|
||||
>
|
||||
<CheckCircleFilled style={{ color: "#52c41a", fontSize: 16 }} />
|
||||
<span>评价过程无违规现象</span>
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
marginBottom: 12,
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
gap: 8,
|
||||
}}
|
||||
>
|
||||
<CheckCircleFilled style={{ color: "#52c41a", fontSize: 16 }} />
|
||||
<span>全过程记录和签字完整</span>
|
||||
</div>
|
||||
|
||||
<div style={{ marginBottom: 12 }}>
|
||||
<Typography.Text strong>签发意见</Typography.Text>
|
||||
<TextArea
|
||||
rows={3}
|
||||
value={approvalOpinion}
|
||||
onChange={(e) => setApprovalOpinion(e.target.value)}
|
||||
placeholder="请输入签发意见"
|
||||
style={{ marginTop: 4 }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<Flex
|
||||
justify="space-between"
|
||||
align="center"
|
||||
style={{ paddingBottom: 16 }}
|
||||
>
|
||||
<Flex gap={8} align="center">
|
||||
<Typography.Text type="secondary">
|
||||
评价机构负责人
|
||||
</Typography.Text>
|
||||
<Select
|
||||
placeholder="请选择评价机构负责人"
|
||||
size="small"
|
||||
allowClear
|
||||
style={{ width: 180 }}
|
||||
disabled={isDispatched}
|
||||
value={selectPeople?.value}
|
||||
onChange={(value, option) => {
|
||||
setSelectPeople(option);
|
||||
}}
|
||||
options={(controllers || []).map((r) => ({
|
||||
value: r.personnelId,
|
||||
label: r.personnelName,
|
||||
}))}
|
||||
/>
|
||||
<Button
|
||||
size="small"
|
||||
onClick={handleAssign}
|
||||
loading={
|
||||
props.safetyEvalBusiness?.processControlAssignLoading
|
||||
}
|
||||
disabled={isDispatched || !selectPeople?.value}
|
||||
>
|
||||
{isDispatched ? "已下发APP签字" : "下发APP签字"}
|
||||
</Button>
|
||||
</Flex>
|
||||
</Flex>
|
||||
</div>
|
||||
</Card>
|
||||
)}
|
||||
|
||||
|
|
@ -360,28 +398,27 @@ const ControlContent = (props) => {
|
|||
<Tag color="blue" className="pf-tag">
|
||||
项目归档
|
||||
</Tag>
|
||||
<span className="pf-desc">项目过程文件清单，确认签字完成后归档入库</span>
|
||||
<span className="pf-desc">
|
||||
项目过程文件清单，确认签字完成后归档入库
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<Table
|
||||
dataSource={files}
|
||||
columns={fileColumns}
|
||||
rowKey={(record) => `${record.processName}-${record.materialName}-${record.itemName}`}
|
||||
rowKey={(record) =>
|
||||
`${record.processName}-${record.materialName}-${record.itemName}`
|
||||
}
|
||||
pagination={false}
|
||||
size="small"
|
||||
/>
|
||||
|
||||
<Flex justify="space-between" align="center" style={{ marginTop: 12, paddingBottom: 16 }}>
|
||||
<Flex gap={8} align="center">
|
||||
{!hasHandoverForm && (
|
||||
<Button
|
||||
size="small"
|
||||
onClick={handleGenerateHandover}
|
||||
loading={props.safetyEvalBusiness?.processControlHandoverLoading}
|
||||
<Flex
|
||||
justify="space-between"
|
||||
align="center"
|
||||
style={{ marginTop: 12, paddingBottom: 16 }}
|
||||
>
|
||||
生成归档交接单
|
||||
</Button>
|
||||
)}
|
||||
<Flex gap={8} align="center">
|
||||
{hasHandoverForm && (
|
||||
<Typography.Text type="success">
|
||||
归档交接单已生成
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@ import {
|
|||
Row,
|
||||
Col,
|
||||
message,
|
||||
Tooltip,
|
||||
} from "antd";
|
||||
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||
import { NS_SAFETY_EVAL_BUSINESS } from "~/enumerate/namespace";
|
||||
|
|
@ -36,9 +37,14 @@ const InternalReviewContent = (props) => {
|
|||
|
||||
const [rows, setRows] = useState([]);
|
||||
const [overallOpinion, setOverallOpinion] = useState("");
|
||||
const [selectedReviewer, setSelectedReviewer] = useState(undefined);
|
||||
|
||||
const fetchDetail = () => {
|
||||
props.evalInternalReviewDetail({ projectId });
|
||||
props.evalInternalReviewDetail({ projectId }).then((res) => {
|
||||
if (res?.success && res.data.signTaskPersonCo) {
|
||||
setSelectedReviewer(res.data.signTaskPersonCo?.signerPersonnelId);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
|
|
@ -65,7 +71,7 @@ const InternalReviewContent = (props) => {
|
|||
setRows(next);
|
||||
};
|
||||
|
||||
const reviewerName = internalReview?.reviewerName || "";
|
||||
|
||||
const isDispatched =
|
||||
internalReview?.reviewerSignatureTaskStatus === "dispatched";
|
||||
const problemCount = rows.filter(
|
||||
|
|
@ -74,7 +80,10 @@ const InternalReviewContent = (props) => {
|
|||
|
||||
const handleAssign = async () => {
|
||||
if (!projectId) return;
|
||||
const res = await props.evalInternalReviewAssign({ projectId });
|
||||
const res = await props.evalInternalReviewAssign({ projectId, signTaskPersonCmd:{
|
||||
signerPersonnelId: selectedReviewer,
|
||||
signerName: reviewers.find((item) => item.personnelId === selectedReviewer)?.personnelName ,
|
||||
} });
|
||||
if (res?.success !== false) {
|
||||
message.success("已下发签字任务");
|
||||
fetchDetail();
|
||||
|
|
@ -159,8 +168,10 @@ const InternalReviewContent = (props) => {
|
|||
<Col span={8}>
|
||||
<Card size="small">
|
||||
<Typography.Text type="secondary">内审人</Typography.Text>
|
||||
<div>
|
||||
<strong>{reviewerName || "-"}</strong>
|
||||
<div style={{ overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
|
||||
<Tooltip title={(reviewers || []).map((r) => r.personnelName).join("、")}>
|
||||
<strong>{(reviewers || []).map((r) => r.personnelName).join("、") || "-"}</strong>
|
||||
</Tooltip>
|
||||
</div>
|
||||
</Card>
|
||||
</Col>
|
||||
|
|
@ -209,12 +220,23 @@ const InternalReviewContent = (props) => {
|
|||
<Flex justify="space-between" align="center" style={{ marginTop: 10 }}>
|
||||
<Flex gap={8} align="center">
|
||||
<Typography.Text type="secondary">内审人独立签字</Typography.Text>
|
||||
<strong>{reviewerName}</strong>
|
||||
<Select
|
||||
placeholder="请选择内审人"
|
||||
size="small"
|
||||
style={{ width: 140 }}
|
||||
value={selectedReviewer}
|
||||
onChange={setSelectedReviewer}
|
||||
options={(reviewers || []).map((r) => ({
|
||||
value: r.personnelId,
|
||||
label: r.personnelName,
|
||||
}))}
|
||||
/>
|
||||
<Button
|
||||
size="small"
|
||||
onClick={handleAssign}
|
||||
loading={internalReviewAssignLoading}
|
||||
disabled={isDispatched}
|
||||
disabled={isDispatched || !selectedReviewer}
|
||||
|
||||
>
|
||||
{isDispatched ? "已下发APP签字" : "下发APP签字"}
|
||||
</Button>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,18 @@
|
|||
import React, { useState, useEffect } from "react";
|
||||
import { Tag, Button, Card, Row, Col, Table, Select, Input, Flex, Typography, message } from "antd";
|
||||
import {
|
||||
Tag,
|
||||
Button,
|
||||
Card,
|
||||
Row,
|
||||
Col,
|
||||
Table,
|
||||
Select,
|
||||
Input,
|
||||
Flex,
|
||||
Typography,
|
||||
message,
|
||||
Tooltip,
|
||||
} from "antd";
|
||||
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||
import { NS_SAFETY_EVAL_BUSINESS } from "~/enumerate/namespace";
|
||||
import { tools } from "@cqsjjb/jjb-common-lib";
|
||||
|
|
@ -19,9 +32,17 @@ const TechnicalReviewContent = (props) => {
|
|||
|
||||
const [rows, setRows] = useState([]);
|
||||
const [overallOpinion, setOverallOpinion] = useState("");
|
||||
const [selectedReviewer, setSelectedReviewer] = useState(undefined);
|
||||
|
||||
const fetchDetail = () => {
|
||||
props.evalTechReviewDetail({ projectId });
|
||||
props.evalTechReviewDetail({ projectId }).then((res) => {
|
||||
if (res?.success) {
|
||||
const co = res.data?.signTaskPersonCo;
|
||||
if (co?.signerPersonnelId) {
|
||||
setSelectedReviewer(co.signerPersonnelId);
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
|
|
@ -48,14 +69,22 @@ const TechnicalReviewContent = (props) => {
|
|||
setRows(next);
|
||||
};
|
||||
|
||||
const reviewerName = techReview?.reviewerName || "";
|
||||
const isDispatched = techReview?.reviewerSignatureTaskStatus !== "non_dispatched";
|
||||
const isDispatched = techReview?.reviewerSignatureTaskStatus === "dispatched";
|
||||
const staffMatch = techReview?.staffMatchCode === 1 ? "满足" : "不满足";
|
||||
const inBizScope = techReview?.inBizScopeFlag === 1 ? "在范围内" : "不在范围内";
|
||||
const inBizScope =
|
||||
techReview?.inBizScopeFlag === 1 ? "在范围内" : "不在范围内";
|
||||
|
||||
const handleAssign = async () => {
|
||||
if (!projectId) return;
|
||||
const res = await props.evalTechReviewAssign({ projectId });
|
||||
const res = await props.evalTechReviewAssign({
|
||||
projectId,
|
||||
signTaskPersonCmd: {
|
||||
signerPersonnelId: selectedReviewer,
|
||||
signerName:
|
||||
reviewers?.find((r) => r.personnelId === selectedReviewer)
|
||||
?.personnelName || "",
|
||||
},
|
||||
});
|
||||
if (res?.success !== false) {
|
||||
message.success("已下发签字任务");
|
||||
fetchDetail();
|
||||
|
|
@ -81,7 +110,9 @@ const TechnicalReviewContent = (props) => {
|
|||
};
|
||||
const res = await props.evalTechReviewConfirm(payload);
|
||||
if (res?.success !== false) {
|
||||
message.success(resultCode === "1" ? "已确认技审并提交过程控制" : "已保存");
|
||||
message.success(
|
||||
resultCode === "1" ? "已确认技审并提交过程控制" : "已保存",
|
||||
);
|
||||
fetchDetail();
|
||||
}
|
||||
};
|
||||
|
|
@ -136,8 +167,21 @@ const TechnicalReviewContent = (props) => {
|
|||
<Col span={8}>
|
||||
<Card size="small">
|
||||
<Typography.Text type="secondary">技术负责人</Typography.Text>
|
||||
<div>
|
||||
<strong>{reviewerName || "-"}</strong>
|
||||
<div
|
||||
style={{
|
||||
overflow: "hidden",
|
||||
textOverflow: "ellipsis",
|
||||
whiteSpace: "nowrap",
|
||||
}}
|
||||
>
|
||||
<Tooltip
|
||||
title={(reviewers || []).map((r) => r.personnelName).join("、")}
|
||||
>
|
||||
<strong>
|
||||
{(reviewers || []).map((r) => r.personnelName).join("、") ||
|
||||
"-"}
|
||||
</strong>
|
||||
</Tooltip>
|
||||
</div>
|
||||
</Card>
|
||||
</Col>
|
||||
|
|
@ -145,7 +189,10 @@ const TechnicalReviewContent = (props) => {
|
|||
<Card size="small">
|
||||
<Typography.Text type="secondary">专业匹配</Typography.Text>
|
||||
<div>
|
||||
<Typography.Text strong type={techReview?.staffMatchCode === 1 ? "success" : "warning"}>
|
||||
<Typography.Text
|
||||
strong
|
||||
type={techReview?.staffMatchCode === 1 ? "success" : "warning"}
|
||||
>
|
||||
{staffMatch}
|
||||
</Typography.Text>
|
||||
</div>
|
||||
|
|
@ -155,7 +202,10 @@ const TechnicalReviewContent = (props) => {
|
|||
<Card size="small">
|
||||
<Typography.Text type="secondary">资质范围</Typography.Text>
|
||||
<div>
|
||||
<Typography.Text strong type={techReview?.inBizScopeFlag === 1 ? "success" : "warning"}>
|
||||
<Typography.Text
|
||||
strong
|
||||
type={techReview?.inBizScopeFlag === 1 ? "success" : "warning"}
|
||||
>
|
||||
{inBizScope}
|
||||
</Typography.Text>
|
||||
</div>
|
||||
|
|
@ -168,6 +218,7 @@ const TechnicalReviewContent = (props) => {
|
|||
columns={columns}
|
||||
rowKey="_key"
|
||||
pagination={false}
|
||||
loading={props.safetyEvalBusiness?.techReviewDetailLoading}
|
||||
size="small"
|
||||
/>
|
||||
|
||||
|
|
@ -184,12 +235,22 @@ const TechnicalReviewContent = (props) => {
|
|||
<Flex justify="space-between" align="center" style={{ marginTop: 10 }}>
|
||||
<Flex gap={8} align="center">
|
||||
<Typography.Text type="secondary">技术负责人签字</Typography.Text>
|
||||
<strong>{reviewerName}</strong>
|
||||
<Select
|
||||
placeholder="请选择技术负责人"
|
||||
size="small"
|
||||
style={{ width: 160 }}
|
||||
value={selectedReviewer}
|
||||
onChange={setSelectedReviewer}
|
||||
options={(reviewers || []).map((r) => ({
|
||||
value: r.personnelId,
|
||||
label: r.personnelName,
|
||||
}))}
|
||||
/>
|
||||
<Button
|
||||
size="small"
|
||||
onClick={handleAssign}
|
||||
loading={props.safetyEvalBusiness?.techReviewAssignLoading}
|
||||
disabled={isDispatched}
|
||||
disabled={isDispatched || !selectedReviewer}
|
||||
>
|
||||
{isDispatched ? "已下发APP签字" : "下发APP签字"}
|
||||
</Button>
|
||||
|
|
|
|||
|
|
@ -192,12 +192,18 @@ const ProjectFlow = (props) => {
|
|||
<div>
|
||||
<span>项目法定流程工作台</span>
|
||||
<div className="pageLayout-extra">
|
||||
华安化工园区安全预评价 | XP-2026-001
|
||||
{evalProjectDetailData?.evalTypeName} |{" "}
|
||||
{evalProjectDetailData?.projectNo}
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
>
|
||||
<Tabs activeKey={activeKey} onChange={handleTabChange} items={tabItems} />
|
||||
<Tabs
|
||||
activeKey={activeKey}
|
||||
onChange={handleTabChange}
|
||||
items={tabItems}
|
||||
destroyOnHidden
|
||||
/>
|
||||
{visible && (
|
||||
<WpsEditor onCancel={() => setVisible(false)} fileId={wpsDoc?.fileId} />
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -4,6 +4,9 @@
|
|||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.micro-temp-page-header-heading-left{
|
||||
align-items: baseline !important;
|
||||
}
|
||||
|
||||
.micro-temp-modal-body {
|
||||
max-height: 630px;
|
||||
|
|
|
|||
Loading…
Reference in New Issue