新增hiddenInfo，待完善
LiuJiaNan
parent
c69c5b943d
commit
9a52361c70
|
|
@ -0,0 +1,24 @@
|
|||
import type { FC } from "react";
|
||||
|
||||
/**
|
||||
* 组件属性
|
||||
*/
|
||||
export interface HiddenInfoProps {
|
||||
/** id，默认取 query.id */
|
||||
id?: string;
|
||||
/** id 的字段，默认 id */
|
||||
idKey?: string;
|
||||
/** hiddenId，默认取 query.hiddenId */
|
||||
hiddenId?: string;
|
||||
/** hiddenId 的字段，默认 hiddenId */
|
||||
hiddenIdKey?: string;
|
||||
/** 是否显示头部的返回，默认 true */
|
||||
isShowHeaderBack?: boolean;
|
||||
}
|
||||
|
||||
/**
|
||||
* 隐患查看组件（港务局版本）
|
||||
*/
|
||||
declare const HiddenInfo: FC<HiddenInfoProps>;
|
||||
|
||||
export default HiddenInfo;
|
||||
|
|
@ -0,0 +1,363 @@
|
|||
import { tools } from "@cqsjjb/jjb-common-lib";
|
||||
import { request } from "@cqsjjb/jjb-common-lib/http";
|
||||
import { Descriptions, Divider } from "antd";
|
||||
import dayjs from "dayjs";
|
||||
import { useEffect, useState } from "react";
|
||||
import HeaderBack from "../../HeaderBack";
|
||||
import VideoIcon from "../../Icon/VideoIcon";
|
||||
import PreviewImg from "../../PreviewImg";
|
||||
import PreviewPdf from "../../PreviewPdf";
|
||||
import { UPLOAD_FILE_TYPE_ENUM } from "../../../enum/uploadFile/gwj";
|
||||
import useGetFile from "../../../hooks/useGetFile";
|
||||
import { getLabelName } from "../../../utils";
|
||||
import { HIDDEN_SOURCE_ENUM, HIDDEN_STATE_ENUM } from "../../../enum/hidden/gwj";
|
||||
|
||||
const { query } = tools.router;
|
||||
|
||||
/**
|
||||
* 隐患查看组件（港务局版本）
|
||||
*/
|
||||
function HiddenInfo(props) {
|
||||
const {
|
||||
id = "",
|
||||
idKey = "id",
|
||||
hiddenId = "",
|
||||
hiddenIdKey = "hiddenId",
|
||||
isShowHeaderBack = true,
|
||||
} = props;
|
||||
|
||||
const [info, setInfo] = useState({
|
||||
hiddenUserPresetsCO: {},
|
||||
hiddenRectifyUserCO: {
|
||||
hiddenSchemeCO: {},
|
||||
},
|
||||
hiddenConfirmUserCO: {},
|
||||
hiddenAcceptUserCO: {},
|
||||
hiddenSpecialList: [],
|
||||
hiddenExtensionList: [],
|
||||
});
|
||||
const [hiddenImageFiles, setHiddenImageFiles] = useState([]);
|
||||
const [hiddenVideoFiles, setHiddenVideoFiles] = useState([]);
|
||||
const [afterRectificationImageFiles, setAfterRectificationImageFiles] = useState([]);
|
||||
const [rectificationPlanImageFiles, setRectificationPlanImageFiles] = useState([]);
|
||||
const [acceptImageFiles, setAcceptImageFiles] = useState([]);
|
||||
const { getFile } = useGetFile();
|
||||
|
||||
const getData = async () => {
|
||||
request(`/hidden/hidden/${id || query[idKey]}`, "get").then((res) => {
|
||||
setInfo(res.data);
|
||||
});
|
||||
const hiddenImageFiles = await getFile({ eqType: UPLOAD_FILE_TYPE_ENUM["3"], eqForeignKey: hiddenId || query[hiddenIdKey] });
|
||||
setHiddenImageFiles(hiddenImageFiles);
|
||||
const hiddenVideoFiles = await getFile({ eqType: UPLOAD_FILE_TYPE_ENUM["102"], eqForeignKey: hiddenId || query[hiddenIdKey] });
|
||||
setHiddenVideoFiles(hiddenVideoFiles);
|
||||
const afterRectificationImageFiles = await getFile({
|
||||
eqType: UPLOAD_FILE_TYPE_ENUM["4"],
|
||||
eqForeignKey: hiddenId || query[hiddenIdKey],
|
||||
});
|
||||
setAfterRectificationImageFiles(afterRectificationImageFiles);
|
||||
const rectificationPlanImageFiles = await getFile({
|
||||
eqType: UPLOAD_FILE_TYPE_ENUM["8"],
|
||||
eqForeignKey: hiddenId || query[hiddenIdKey],
|
||||
});
|
||||
setRectificationPlanImageFiles(rectificationPlanImageFiles);
|
||||
const acceptImageFiles = await getFile({ eqType: UPLOAD_FILE_TYPE_ENUM["5"], eqForeignKey: hiddenId || query[hiddenIdKey] });
|
||||
setAcceptImageFiles(acceptImageFiles);
|
||||
};
|
||||
useEffect(() => {
|
||||
getData();
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div>
|
||||
{isShowHeaderBack && <HeaderBack title="查看" />}
|
||||
<div style={{ padding: 20 }}>
|
||||
<Divider orientation="left">隐患信息</Divider>
|
||||
<Descriptions
|
||||
bordered
|
||||
column={1}
|
||||
labelStyle={{ width: 200 }}
|
||||
items={[
|
||||
{ label: "隐患来源", children: getLabelName({ list: HIDDEN_SOURCE_ENUM, status: info.source }) },
|
||||
{ label: "隐患类型", children: info.hiddenTypeName },
|
||||
{ label: "隐患级别", children: info.hiddenLevelName },
|
||||
{ label: "隐患状态", children: getLabelName({ list: HIDDEN_STATE_ENUM, status: info.state }) },
|
||||
{ label: "隐患描述", children: info.hiddenDesc },
|
||||
{ label: "隐患部位", children: info.hiddenPart },
|
||||
...(info.source === 2 || info.source === 3
|
||||
? [
|
||||
{ label: "风险点（单元）", children: "todo" },
|
||||
{ label: "辨识部位", children: "todo" },
|
||||
{ label: "存在风险", children: "todo" },
|
||||
{ label: "风险分级", children: "todo" },
|
||||
{ label: "隐患清单", children: "todo" },
|
||||
]
|
||||
: []),
|
||||
{
|
||||
label: "隐患上报位置（经纬度）",
|
||||
children: [info.longitude && `经度:${info.longitude}`, info.latitude && `纬度:${info.latitude}`].filter(Boolean).join(" "),
|
||||
},
|
||||
{ label: "隐患位置描述", children: info.positionDesc },
|
||||
{ label: "隐患发现人", children: info.creatorName },
|
||||
{ label: "隐患发现时间", children: dayjs(info.hiddenFindTime).format("YYYY-MM-DD hh:mm:ss") },
|
||||
{
|
||||
label: "整改类型",
|
||||
children: getLabelName({
|
||||
list: [{ bianma: "1", name: "立即整改" }, { bianma: "2", name: "延期整改" }],
|
||||
status: info.rectificationType,
|
||||
}),
|
||||
},
|
||||
{
|
||||
label: "是否相关方",
|
||||
children: getLabelName({
|
||||
list: [{ bianma: "1", name: "是" }, { bianma: "2", name: "否" }],
|
||||
status: info.isRelated,
|
||||
}),
|
||||
},
|
||||
{ label: "隐患图片", children: <PreviewImg files={hiddenImageFiles} /> },
|
||||
...(hiddenVideoFiles.length > 0 ? [{ label: "隐患视频", children: <VideoIcon /> }] : []),
|
||||
]}
|
||||
/>
|
||||
{
|
||||
(info.hiddenUserPresetsCO && Object.keys(info.hiddenUserPresetsCO).length > 0) && (
|
||||
<>
|
||||
<Divider orientation="left">整改信息（发现人预填）</Divider>
|
||||
<Descriptions
|
||||
bordered
|
||||
column={1}
|
||||
labelStyle={{ width: 200 }}
|
||||
items={[
|
||||
{ label: "整改部门", children: info.hiddenUserPresetsCO.deptName },
|
||||
{ label: "整改人", children: info.hiddenUserPresetsCO.userName },
|
||||
...(info.rectificationType === 2
|
||||
? [
|
||||
{ label: "整改期限", children: dayjs(info.hiddenUserPresetsCO.rectifyDeadline).format("YYYY-MM-DD") },
|
||||
]
|
||||
: []),
|
||||
...(info.rectificationType === 1
|
||||
? [
|
||||
{ label: "验收部门", children: info.hiddenUserPresetsCO.deptName },
|
||||
{ label: "验收人", children: info.hiddenUserPresetsCO.userName },
|
||||
]
|
||||
: []),
|
||||
]}
|
||||
/>
|
||||
</>
|
||||
)
|
||||
}
|
||||
{
|
||||
(info.isConfirm === 1 && info.hiddenConfirmUserCO && Object.keys(info.hiddenConfirmUserCO).length > 0) && (
|
||||
<>
|
||||
<Divider orientation="left">隐患确认</Divider>
|
||||
<Descriptions
|
||||
bordered
|
||||
column={1}
|
||||
labelStyle={{ width: 200 }}
|
||||
items={[
|
||||
{ label: "隐患级别", children: info.hiddenConfirmUserCO.hiddenLevelName },
|
||||
{ label: "隐患确认人", children: info.hiddenConfirmUserCO.userName },
|
||||
{ label: "隐患确认时间", children: info.hiddenConfirmUserCO.rectificationTime },
|
||||
{ label: "整改负责人部门", children: info.hiddenConfirmUserCO.rectifyDeptName },
|
||||
{ label: "整改负责人", children: info.hiddenConfirmUserCO.rectifyUserName },
|
||||
{ label: "整改完成期限", children: info.hiddenConfirmUserCO.rectificationDeadline },
|
||||
{ label: "验收部门", children: info.hiddenConfirmUserCO.checkDeptName },
|
||||
{ label: "验收人", children: info.hiddenConfirmUserCO.checkUserName },
|
||||
...(info.hiddenConfirmUserCO.repulseCause
|
||||
? [
|
||||
{ label: "打回意见", children: info.hiddenConfirmUserCO.repulseCause },
|
||||
{ label: "打回时间", children: info.hiddenConfirmUserCO.rectificationTime },
|
||||
]
|
||||
: []),
|
||||
]}
|
||||
/>
|
||||
</>
|
||||
)
|
||||
}
|
||||
{
|
||||
info.hiddenExtensionList && info.hiddenExtensionList.length > 0 && (
|
||||
<>
|
||||
<Divider orientation="left">延期信息</Divider>
|
||||
{
|
||||
info.hiddenExtensionList.map(item => (
|
||||
<Descriptions
|
||||
key={item.id}
|
||||
bordered
|
||||
column={1}
|
||||
labelStyle={{ width: 200 }}
|
||||
items={[
|
||||
{ label: "申请延期日期", children: item.createTime },
|
||||
{ label: "延期日期", children: item.delayTime },
|
||||
{ label: "审核人", children: item.updateName },
|
||||
...(item.state === 3
|
||||
? [
|
||||
{ label: "处置方案", children: item.disposalPlan },
|
||||
{ label: "处置方案附件", children: <PreviewPdf name={item.disposalPlan || "处置方案附件"} url={item.disposalFile} /> },
|
||||
]
|
||||
: []),
|
||||
{
|
||||
label: "延期审核状态",
|
||||
children: (
|
||||
<>
|
||||
{item.state === 1 && <span>待审核</span>}
|
||||
{item.state === 2 && <span>审批中</span>}
|
||||
{item.state === 3 && <span>已通过</span>}
|
||||
{item.state === 4 && <span>已拒绝</span>}
|
||||
{item.state === 5 && <span>已撤回</span>}
|
||||
</>
|
||||
),
|
||||
},
|
||||
...((item.state === 3 || item.state === 4) ? [{ label: "延期审核时间", children: item.updateTime }] : []),
|
||||
]}
|
||||
/>
|
||||
),
|
||||
)
|
||||
}
|
||||
</>
|
||||
)
|
||||
}
|
||||
{
|
||||
info.hiddenSpecialList && info.hiddenSpecialList.length > 0 && (
|
||||
<>
|
||||
<Divider orientation="left">特殊处置审核信息</Divider>
|
||||
{
|
||||
info.hiddenSpecialList.map(item => (
|
||||
<Descriptions
|
||||
key={item.id}
|
||||
bordered
|
||||
column={1}
|
||||
labelStyle={{ width: 200 }}
|
||||
items={[
|
||||
...((item.state === 3 || item.state === 4)
|
||||
? [
|
||||
{ label: "审核人", children: item.updateName },
|
||||
{ label: "审核时间", children: item.updateTime },
|
||||
]
|
||||
: []),
|
||||
{ label: "无法整改原因", children: item.examine },
|
||||
...(item.state === 3
|
||||
? [
|
||||
{ label: "处置方案", children: item.disposalPlan },
|
||||
{ label: "处置方案附件", children: <PreviewPdf name={item.disposalPlan || "处置方案附件"} url={item.disposalFile} /> },
|
||||
{ label: "是否更换整改负责人", children: item.rectifyUserCO && Object.keys(item.rectifyUserCO).length > 0 ? "是" : "否" },
|
||||
...(
|
||||
item.rectifyUserCO && Object.keys(item.rectifyUserCO).length > 0
|
||||
? [{ label: "整改负责人", children: item.rectifyUserCO.userName }]
|
||||
: []),
|
||||
]
|
||||
: []),
|
||||
{
|
||||
label: "特殊处置审核状态",
|
||||
children: (
|
||||
<>
|
||||
{item.state === 1 && <span>待审核</span>}
|
||||
{item.state === 2 && <span>审批中</span>}
|
||||
{item.state === 3 && <span>已通过</span>}
|
||||
{item.state === 4 && <span>已拒绝</span>}
|
||||
{item.state === 5 && <span>已撤回</span>}
|
||||
</>
|
||||
),
|
||||
},
|
||||
]}
|
||||
/>
|
||||
),
|
||||
)
|
||||
}
|
||||
</>
|
||||
)
|
||||
}
|
||||
{
|
||||
(info.hiddenRectifyUserCO && Object.keys(info.hiddenRectifyUserCO).length > 0) && (
|
||||
<>
|
||||
<Divider orientation="left">整改信息</Divider>
|
||||
<Descriptions
|
||||
bordered
|
||||
column={1}
|
||||
labelStyle={{ width: 200 }}
|
||||
items={[
|
||||
{ label: "整改部门", children: info.hiddenRectifyUserCO.deptName },
|
||||
{ label: "整改人", children: info.hiddenRectifyUserCO.userName },
|
||||
{ label: "整改时间", children: info.hiddenRectifyUserCO.rectificationTime },
|
||||
{ label: "整改描述", children: info.hiddenRectifyUserCO.descr },
|
||||
{ label: "投入资金", children: info.hiddenRectifyUserCO.investmentFunds },
|
||||
{ label: "临时安全措施", children: info.tempSafeMeasure },
|
||||
{ label: "整改后图片", children: <PreviewImg files={afterRectificationImageFiles} /> },
|
||||
{ label: "整改方案", children: info.hiddenRectifyUserCO.isRectificationScheme === 0 ? "无" : "有" },
|
||||
...((info.hiddenRectifyUserCO.isRectificationScheme === 1 && info.hiddenRectifyUserCO.hiddenSchemeCO && Object.keys(info.hiddenRectifyUserCO.hiddenSchemeCO).length > 0)
|
||||
? [
|
||||
{ label: "治理标准", children: info.hiddenRectifyUserCO.hiddenSchemeCO.governStanDards },
|
||||
{ label: "治理方法", children: info.hiddenRectifyUserCO.hiddenSchemeCO.governMethod },
|
||||
{ label: "经费落实", children: info.hiddenRectifyUserCO.hiddenSchemeCO.expenditure },
|
||||
{ label: "负责人员", children: info.hiddenRectifyUserCO.hiddenSchemeCO.principal },
|
||||
{ label: "工时安排", children: info.hiddenRectifyUserCO.hiddenSchemeCO.programming },
|
||||
{ label: "时限要求", children: info.hiddenRectifyUserCO.hiddenSchemeCO.timeLimitFor },
|
||||
{ label: "工作要求", children: info.hiddenRectifyUserCO.hiddenSchemeCO.jobRequireMent },
|
||||
{ label: "其他事项", children: info.hiddenRectifyUserCO.hiddenSchemeCO.otherBusiness },
|
||||
{ label: "方案图片", children: <PreviewImg files={rectificationPlanImageFiles} /> },
|
||||
]
|
||||
: []),
|
||||
]}
|
||||
/>
|
||||
</>
|
||||
)
|
||||
}
|
||||
{
|
||||
info.isQualified === 1
|
||||
? (
|
||||
(info.hiddenAcceptUserCO && Object.keys(info.hiddenAcceptUserCO).length > 0)
|
||||
? (
|
||||
<>
|
||||
<Divider orientation="left">验收信息</Divider>
|
||||
<Descriptions
|
||||
bordered
|
||||
column={1}
|
||||
labelStyle={{ width: 200 }}
|
||||
items={[
|
||||
{ label: "验收部门", children: info.hiddenAcceptUserCO.deptName },
|
||||
{ label: "验收人", children: info.hiddenAcceptUserCO.userName },
|
||||
{ label: "验收时间", children: info.hiddenAcceptUserCO.rectificationTime },
|
||||
{ label: "验收打回意见", children: info.hiddenAcceptUserCO.repulseCause },
|
||||
{ label: "是否合格", children: "合格" },
|
||||
{ label: "验收描述", children: info.hiddenAcceptUserCO.descr },
|
||||
{ label: "验收图片", children: <PreviewImg files={acceptImageFiles} /> },
|
||||
]}
|
||||
/>
|
||||
</>
|
||||
)
|
||||
: (
|
||||
<>
|
||||
<Divider orientation="left">验收打回信息</Divider>
|
||||
<Descriptions
|
||||
bordered
|
||||
column={1}
|
||||
labelStyle={{ width: 200 }}
|
||||
items={[
|
||||
{ label: "验收部门", children: info.hiddenAcceptUserCO.deptName },
|
||||
{ label: "验收人", children: info.hiddenAcceptUserCO.userName },
|
||||
{ label: "验收时间", children: info.hiddenAcceptUserCO.rectificationTime },
|
||||
{ label: "验收打回意见", children: info.hiddenAcceptUserCO.repulseCause },
|
||||
]}
|
||||
/>
|
||||
</>
|
||||
)
|
||||
)
|
||||
: null
|
||||
}
|
||||
<Divider orientation="left">安全环保验收信息</Divider>
|
||||
<Descriptions
|
||||
bordered
|
||||
column={1}
|
||||
labelStyle={{ width: 200 }}
|
||||
items={[
|
||||
{ label: "验收人", children: "todo" },
|
||||
{ label: "验收时间", children: "todo" },
|
||||
{ label: "是否合格", children: "todo" },
|
||||
{ label: "验收描述", children: "todo" },
|
||||
{ label: "验收图片", children: "todo" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default HiddenInfo;
|
||||
|
|
@ -20,7 +20,7 @@ export interface UploadProps extends Omit<AntUploadProps, "fileList"> {
|
|||
/** 要上传的文件类型，默认为 image */
|
||||
fileType?: "image" | "video" | "document";
|
||||
/** 获取上传过服务器删除的附件 */
|
||||
onGetRemoveFile?: (file: UploadFile) => void;
|
||||
onGetRemoveFile?: (file: Omit<UploadFile, "originFileObj">) => void;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -0,0 +1,30 @@
|
|||
// 隐患来源
|
||||
export const HIDDEN_SOURCE_ENUM = [
|
||||
{ bianma: "1", name: "隐患快报" },
|
||||
{ bianma: "2", name: "清单排查" },
|
||||
{ bianma: "3", name: "清单排查" },
|
||||
{ bianma: "4", name: "安全环保检查(监管端)" },
|
||||
{ bianma: "5", name: "安全环保检查(企业端)" },
|
||||
{ bianma: "6", name: "消防检查" },
|
||||
];
|
||||
|
||||
// 隐患状态
|
||||
export const HIDDEN_STATE_ENUM = [
|
||||
{ bianma: "100", name: "待确认" },
|
||||
{ bianma: "200", name: "待整改" },
|
||||
{ bianma: "201", name: "确认打回" },
|
||||
{ bianma: "300", name: "待验收" },
|
||||
{ bianma: "301", name: "已验收" },
|
||||
{ bianma: "302", name: "验收打回" },
|
||||
{ bianma: "400", name: "归档" },
|
||||
{ bianma: "99", name: "用户暂存" },
|
||||
{ bianma: "98", name: "安全环保检查/清单排查暂存" },
|
||||
{ bianma: "97", name: "已过期" },
|
||||
{ bianma: "101", name: "忽略隐患" },
|
||||
];
|
||||
|
||||
// 隐患整改类型
|
||||
export const HIDDEN_RECTIFICATION_TYPE_ENUM = [
|
||||
{ bianma: 1, name: "立即整改" },
|
||||
{ bianma: 2, name: "延期整改" },
|
||||
];
|
||||
Loading…
Reference in New Issue