zy-react-library/src/components/HiddenInfo/gwj/index.js

import { request } from "@cqsjjb/jjb-common-lib/http.js";
import { Button, Descriptions, Divider, Space, Spin } from "antd";
import dayjs from "dayjs";
import { useEffect, useState } from "react";
import { HIDDEN_RECTIFICATION_TYPE_ENUM, HIDDEN_SOURCE_ENUM, HIDDEN_STATE_ENUM } from "../../../enum/hidden/gwj";
import { UPLOAD_FILE_TYPE_ENUM } from "../../../enum/uploadFile/gwj";
import useDownloadFile from "../../../hooks/useDownloadFile";
import useGetFile from "../../../hooks/useGetFile";
import useGetUrlQuery from "../../../hooks/useGetUrlQuery";
import { getFileName, getFileSuffix, getLabelName } from "../../../utils";
import VideoIcon from "../../Icon/VideoIcon";
import PreviewImg from "../../PreviewImg";
import PreviewPdf from "../../PreviewPdf";
import Video from "../../Video";

/**
 * 隐患查看组件（港务局版本）
 */
function HiddenInfo(props) {
  const {
    id = "",
    idKey = "id",
    hiddenId = "",
    hiddenIdKey = "hiddenId",
    history = false,
    onGetData,
  } = props;

  const [info, setInfo] = useState({
    hiddenUserPresetsCO: {},
    hiddenRectifyUserCO: [],
    hiddenConfirmUserCO: [],
    hiddenAcceptUserCO: [],
    hiddenAcceptQualifiedUserCO: [],
    hiddenAcceptUnqualifiedUserCO: [],
    hiddenInspecCO: {},
    hiddenSpecialList: [],
    hiddenExtensionList: [],
  });
  const [hiddenImageFiles, setHiddenImageFiles] = useState([]);
  const [hiddenVideoFiles, setHiddenVideoFiles] = useState([]);
  const [afterRectificationImageFiles, setAfterRectificationImageFiles] = useState([]);
  const [rectificationPlanImageFiles, setRectificationPlanImageFiles] = useState([]);
  const [acceptImageFiles, setAcceptImageFiles] = useState([]);
  const [inspectionAcceptImageFiles, setInspectionAcceptImageFiles] = useState([]);
  const [loading, setLoading] = useState(true);
  const [videoModalOpen, setVideoModalOpen] = useState(false);

  const { getFile } = useGetFile();
  const query = useGetUrlQuery();
  const { loading: downloadFileLoading, downloadFile } = useDownloadFile();

  const getFileData = async (info) => {
    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);

    if (info.hiddenRectifyUserCO && info.hiddenRectifyUserCO.length > 0) {
      for (let i = 0; i < info.hiddenRectifyUserCO.length; i++) {
        if (info.hiddenRectifyUserCO[i].hiddenUserId) {
          const afterRectificationImageFiles = await getFile({
            eqType: UPLOAD_FILE_TYPE_ENUM["4"],
            eqForeignKey: info.hiddenRectifyUserCO[i].hiddenUserId,
          });
          setAfterRectificationImageFiles(prevState => [...prevState, afterRectificationImageFiles]);
        }
        if (info.hiddenRectifyUserCO[i].isRectificationScheme === 1 && info.hiddenRectifyUserCO[i].hiddenSchemeCO && Object.keys(info.hiddenRectifyUserCO[i].hiddenSchemeCO).length > 0) {
          if (info.hiddenRectifyUserCO[i].hiddenSchemeCO.hiddenSchemeId) {
            const rectificationPlanImageFiles = await getFile({
              eqType: UPLOAD_FILE_TYPE_ENUM["8"],
              eqForeignKey: info.hiddenRectifyUserCO[i].hiddenSchemeCO.hiddenSchemeId,
            });
            setRectificationPlanImageFiles(prevState => [...prevState, rectificationPlanImageFiles]);
          }
        }
      }
    }

    if (info.hiddenAcceptQualifiedUserCO && info.hiddenAcceptQualifiedUserCO.length > 0) {
      for (let i = 0; i < info.hiddenAcceptQualifiedUserCO.length; i++) {
        if (info.hiddenAcceptQualifiedUserCO[i].hiddenUserId) {
          const acceptImageFiles = await getFile({
            eqType: UPLOAD_FILE_TYPE_ENUM["5"],
            eqForeignKey: info.hiddenAcceptQualifiedUserCO[i].hiddenUserId,
          });
          setAcceptImageFiles(prevState => [...prevState, acceptImageFiles]);
        }
      }
    }

    if (info.hiddenInspecCO && Object.keys(info.hiddenInspecCO).length > 0) {
      const inspectionAcceptImageFiles = await getFile({
        eqType: UPLOAD_FILE_TYPE_ENUM["146"],
        eqForeignKey: hiddenId || query[hiddenIdKey],
      });
      setInspectionAcceptImageFiles(inspectionAcceptImageFiles);
    }
  };

  const getData = async () => {
    request(!history ? `/hidden/hidden/${id || query[idKey]}` : `/hidden/hidden/history/${id || query[idKey]}`, "get").then((res) => {
      res.data.hiddenAcceptQualifiedUserCO = [];
      res.data.hiddenAcceptUnqualifiedUserCO = [];
      if (res.data.hiddenAcceptUserCO && res.data.hiddenAcceptUserCO.length > 0) {
        for (let i = 0; i < res.data.hiddenAcceptUserCO.length; i++) {
          if (res.data.hiddenAcceptUserCO[i].status === 1) {
            res.data.hiddenAcceptQualifiedUserCO.push(res.data.hiddenAcceptUserCO[i]);
          }
          else {
            res.data.hiddenAcceptUnqualifiedUserCO.push(res.data.hiddenAcceptUserCO[i]);
          }
        }
      }
      setInfo(res.data);
      getFileData(res.data);
      setLoading(false);
      onGetData?.(res.data);
    });
  };
  useEffect(() => {
    getData();
  }, [props.id, props.hiddenId]);

  return (
    <div>
      <Spin spinning={loading || downloadFileLoading}>
        <Divider orientation="left">隐患信息</Divider>
        <Descriptions
          bordered
          column={1}
          styles={{ label: { 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 },
            ...(info.hiddenPartName ? [{ label: "隐患部位", children: info.hiddenPartName }] : []),
            ...(
              (info.source === 2 || info.source === 3) && (info.hiddenCheckListCO && Object.keys(info.hiddenCheckListCO).length > 0)
                ? [
                    { label: "风险点（单元）", children: info.hiddenCheckListCO.listRiskPoints },
                    { label: "辨识部位", children: info.hiddenCheckListCO.identifiedLocations },
                    { label: "存在风险", children: info.hiddenCheckListCO.existingRisks },
                    { label: "风险分级", children: info.hiddenCheckListCO.riskLevel },
                    { label: "隐患清单", children: info.hiddenCheckListCO.listName },
                    { label: "检查内容", children: info.hiddenCheckListCO.inspectionContent },
                  ]
                : []
            ),
            ...(info.longitude
              ? [{
                  label: "隐患上报位置（经纬度）",
                  children: [info.longitude && `经度:${info.longitude}`, info.latitude && `纬度:${info.latitude}`].filter(Boolean).join(" "),
                }]
              : []),
            ...(info.positionDesc ? [{ label: "隐患位置描述", children: info.positionDesc }] : []),
            { label: "隐患发现人", children: info.creatorName },
            { label: "隐患发现时间", children: dayjs(info.hiddenFindTime).format("YYYY-MM-DD HH:mm:ss") },
            {
              label: "整改类型",
              children: getLabelName({ list: HIDDEN_RECTIFICATION_TYPE_ENUM, status: info.rectificationType }),
            },
            {
              label: "是否相关方",
              children: getLabelName({
                list: [{ bianma: "1", name: "是" }, { bianma: "0", name: "否" }],
                status: info.isRelated,
              }),
            },
            ...(info.isRelated === 1 ? [{ label: "相关方项目", children: info.projectName }] : []),
            { label: "隐患图片", children: <PreviewImg files={hiddenImageFiles} /> },
            ...(hiddenVideoFiles.length > 0
              ? [{
                  label: "隐患视频",
                  children: (
                    <VideoIcon onClick={() => {
                      setVideoModalOpen(true);
                    }}
                    />
                  ),
                }]
              : []),
          ]}
        />
        {
          (info.hiddenUserPresetsCO && Object.keys(info.hiddenUserPresetsCO).length > 0) && (
            <>
              <Divider orientation="left">整改信息（发现人预填）</Divider>
              <Descriptions
                bordered
                column={1}
                styles={{ label: { width: 200 } }}
                items={[
                  { label: `整改${info.isRelated === 1 ? "单位" : "部门"}`, children: info.hiddenUserPresetsCO.rectifyDeptName },
                  { label: "整改人", children: info.hiddenUserPresetsCO.rectifyUserName },
                  ...(info.rectificationType === 2
                    ? [
                        {
                          label: "整改期限",
                          children: info.hiddenUserPresetsCO.rectifyDeadline ? dayjs(info.hiddenUserPresetsCO.rectifyDeadline).format("YYYY-MM-DD") : "",
                        },
                      ]
                    : []),
                  ...(info.rectificationType === 1
                    ? [
                        { label: "验收部门", children: info.hiddenUserPresetsCO.checkDeptName },
                        { label: "验收人", children: info.hiddenUserPresetsCO.checkUserName },
                      ]
                    : []),
                ]}
              />
            </>
          )
        }
        {
          (info.hiddenConfirmUserCO && info.hiddenConfirmUserCO.length > 0) && (
            <>
              <Divider orientation="left">隐患确认</Divider>
              {
                info.hiddenConfirmUserCO.map(item => (
                  <Descriptions
                    key={item.id}
                    bordered
                    column={1}
                    styles={{ label: { width: 200 } }}
                    items={[
                      ...(item.hiddenLevelName ? [{ label: "隐患级别", children: item.hiddenLevelName }] : []),
                      ...(item.userName ? [{ label: "隐患确认人", children: item.userName }] : []),
                      ...(item.rectificationTime ? [{ label: "隐患确认时间", children: item.rectificationTime }] : []),
                      ...(item.rectifyDeptName ? [{ label: `整改${info.isRelated === 1 ? "单位" : "部门"}`, children: item.rectifyDeptName }] : []),
                      ...(item.rectifyUserName ? [{ label: "整改人", children: item.rectifyUserName }] : []),
                      ...(item.rectificationDeadline ? [{ label: "整改完成期限", children: item.rectificationDeadline }] : []),
                      ...(item.checkDeptName ? [{ label: "验收部门", children: item.checkDeptName }] : []),
                      ...(item.checkUserName ? [{ label: "验收人", children: item.checkUserName }] : []),
                      ...(item.repulseCause
                        ? [
                            ...(item.repulseCause ? [{ label: "打回意见", children: item.repulseCause }] : []),
                            ...(item.rectificationTime ? [{ label: "打回时间", children: item.rectificationTime }] : []),
                          ]
                        : []),
                    ]}
                  />
                ))
              }
            </>
          )
        }
        {
          info.hiddenExtensionList && info.hiddenExtensionList.length > 0 && (
            <>
              <Divider orientation="left">延期信息</Divider>
              {
                info.hiddenExtensionList.map(item => (
                  <Descriptions
                    key={item.id}
                    bordered
                    column={1}
                    styles={{ label: { width: 200 } }}
                    items={[
                      ...(item.createTime ? [{ label: "申请延期日期", children: item.createTime }] : []),
                      ...(item.delayTime ? [{ label: "延期日期", children: item.delayTime }] : []),
                      ...(item.updateName ? [{ label: "审核人", children: item.updateName }] : []),
                      ...(item.disposalPlan ? [{ label: "处置方案", children: item.disposalPlan }] : []),
                      ...(item.disposalFile
                        ? [{
                            label: "处置方案附件",
                            children: (
                              getFileSuffix(item.disposalFile) === "pdf"
                                ? <PreviewPdf name={getFileName(item.disposalFile)} url={item.disposalFile} />
                                : (
                                    <Space>
                                      <span>{getFileName(item.disposalFile)}</span>
                                      <Button
                                        type="primary"
                                        size="small"
                                        onClick={() => downloadFile({ url: item.disposalFile })}
                                      >
                                        下载
                                      </Button>
                                    </Space>
                                  )
                            ),
                          }]
                        : []),
                      {
                        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}
                    styles={{ label: { width: 200 } }}
                    items={[
                      ...((item.state === 3 || item.state === 4)
                        ? [
                            ...(item.updateName ? [{ label: "审核人", children: item.updateName }] : []),
                            ...(item.updateTime ? [{ label: "审核时间", children: item.updateTime }] : []),
                          ]
                        : []),
                      { label: "无法整改原因", children: item.examine },
                      ...(item.state === 3
                        ? [
                            ...(item.disposalPlan ? [{ label: "处置方案", children: item.disposalPlan }] : []),
                            ...(item.disposalFile
                              ? [{
                                  label: "处置方案附件",
                                  children: (
                                    getFileSuffix(item.disposalFile) === "pdf"
                                      ? <PreviewPdf name={getFileName(item.disposalFile)} url={item.disposalFile} />
                                      : (
                                          <Space>
                                            <span>{getFileName(item.disposalFile)}</span>
                                            <Button
                                              type="primary"
                                              size="small"
                                              onClick={() => downloadFile({ url: item.disposalFile })}
                                            >
                                              下载
                                            </Button>
                                          </Space>
                                        )
                                  ),
                                }]
                              : []),
                            {
                              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 && info.hiddenRectifyUserCO.length > 0) && (
            <>
              <Divider orientation="left">整改信息</Divider>
              {
                info.hiddenRectifyUserCO.map((item, index) => (
                  <Descriptions
                    key={item.id}
                    bordered
                    column={1}
                    styles={{ label: { width: 200 } }}
                    items={[
                      ...(item.deptName ? [{ label: `整改${info.isRelated === 1 ? "单位" : "部门"}`, children: item.deptName }] : []),
                      ...(item.userName ? [{ label: "整改人", children: item.userName }] : []),
                      ...(item.rectificationTime ? [{ label: "整改时间", children: item.rectificationTime }] : []),
                      ...(item.descr ? [{ label: "整改描述", children: item.descr }] : []),
                      ...(item.investmentFunds ? [{ label: "投入资金", children: `${item.investmentFunds}元` }] : []),
                      ...(info.tempSafeMeasure ? [{ label: "临时安全措施", children: info.tempSafeMeasure }] : []),
                      { label: "整改后图片", children: <PreviewImg files={afterRectificationImageFiles[index]} /> },
                      {
                        label: "整改方案",
                        children: (
                          <>
                            {item.isRectificationScheme === 0 && <span>无</span>}
                            {item.isRectificationScheme === 1 && <span>有</span>}
                          </>
                        ),
                      },
                      ...((item.isRectificationScheme === 1 && item.hiddenSchemeCO && Object.keys(item.hiddenSchemeCO).length > 0)
                        ? [
                            { label: "治理标准", children: item.hiddenSchemeCO.governStanDards },
                            { label: "治理方法", children: item.hiddenSchemeCO.governMethod },
                            { label: "经费落实", children: item.hiddenSchemeCO.expenditure },
                            { label: "负责人员", children: item.hiddenSchemeCO.principal },
                            { label: "工时安排", children: item.hiddenSchemeCO.programming },
                            { label: "时限要求", children: item.hiddenSchemeCO.timeLimitFor },
                            { label: "工作要求", children: item.hiddenSchemeCO.jobRequireMent },
                            { label: "其他事项", children: item.hiddenSchemeCO.otherBusiness },
                            { label: "方案图片", children: <PreviewImg files={rectificationPlanImageFiles[index]} /> },
                          ]
                        : []),
                    ]}
                  />
                ))
              }
            </>
          )
        }
        {
          info.hiddenAcceptQualifiedUserCO.length > 0
            ? (
                <>
                  <Divider orientation="left">验收信息</Divider>
                  {
                    info.hiddenAcceptQualifiedUserCO.map((item, index) => (
                      <Descriptions
                        key={item.id}
                        bordered
                        column={1}
                        styles={{ label: { width: 200 } }}
                        items={[
                          { label: "验收部门", children: item.deptName },
                          { label: "验收人", children: item.userName },
                          { label: "验收时间", children: item.rectificationTime },
                          ...(item.repulseCause ? [{ label: "验收打回意见", children: item.repulseCause }] : []),
                          { label: "是否合格", children: item.rectificationTime ? "合格" : "" },
                          ...(item.descr ? [{ label: "验收描述", children: item.descr }] : []),
                          ...((acceptImageFiles[index] && acceptImageFiles[index].length > 0) ? [{ label: "验收图片", children: <PreviewImg files={acceptImageFiles[index]} /> }] : []),
                        ]}
                      />
                    ))
                  }
                </>
              )
            : null
        }
        {
          info.hiddenAcceptUnqualifiedUserCO.length > 0
            ? (
                <>
                  <Divider orientation="left">验收打回信息</Divider>
                  {
                    info.hiddenAcceptUnqualifiedUserCO.map(item => (
                      <Descriptions
                        key={item.id}
                        bordered
                        column={1}
                        styles={{ label: { width: 200 } }}
                        items={[
                          { label: "验收部门", children: item.deptName },
                          { label: "验收人", children: item.userName },
                          { label: "验收时间", children: item.rectificationTime },
                          { label: "验收打回意见", children: item.repulseCause },
                        ]}
                      />
                    ))
                  }
                </>
              )
            : null
        }
        {
          (info.hiddenInspecCO && Object.keys(info.hiddenInspecCO).length > 0)
            ? (
                <>
                  <Divider orientation="left">安全环保验收信息</Divider>
                  <Descriptions
                    bordered
                    column={1}
                    styles={{ label: { width: 200 } }}
                    items={[
                      { label: "验收人", children: info.hiddenInspecCO.finalCheckOr },
                      { label: "验收时间", children: info.hiddenInspecCO.finalCheckTime },
                      { label: "是否合格", children: info.hiddenInspecCO.finalCheck === 1 ? "合格" : "不合格" },
                      { label: "验收描述", children: info.hiddenInspecCO.finalCheckDesc },
                      { label: "验收图片", children: <PreviewImg files={inspectionAcceptImageFiles} /> },
                    ]}
                  />
                </>
              )
            : null
        }
      </Spin>
      {
        videoModalOpen && (
          <Video
            visible={videoModalOpen}
            source={hiddenVideoFiles[0].url}
            onCancel={() => setVideoModalOpen(false)}
            title="隐患视频"
          />
        )
      }
    </div>
  );
}

HiddenInfo.displayName = "HiddenInfo";

export default HiddenInfo;