-
欢迎您到访秦皇岛港。为保障您的人身安全及港口生产作业秩序，请注意港口属于重点安全监管区域，存在大型机械作业、货物装卸、车辆往来等生产场景，可能面临机械伤害、物体打击、车辆碰撞等安全风险。请您认真阅读以下须知内容，确认遵守后签字：
-
1. 入港时请主动出示有效身份证件，配合安保人员进行身份核验与信息登记，凭港口核发的《临时访客证》入港，自觉接受出港查验；不转借、冒用访客凭证，不将无关人员带入港口。
-
2. 入港后请严格在指定区域活动，未经陪同人员及港口负责人许可，绝不擅自进入标有"禁止入内""危险区域"等标识的场所，不靠近起重机械、输送设备、危险品存储点等高危部位，不跨越安全护栏、警戒线，不在作业区域逗留围观。
-
3. 遵守港口生产秩序，不干扰装卸、运输、检修等正常工作；不随意触摸、操作生产设备、仪器仪表及安全设施，不移动、遮挡安全警示标识；如需拍摄港口场景，须提前征得港口方同意，不拍摄涉及安全、商业秘密的内容。
-
4. 严格遵守消防安全规定，不在港口内吸烟，不携带火种、易燃易爆物品、管制器具等违禁物品入港；发现火灾、设备故障等隐患或突发情况，第一时间告知陪同人员或港口工作人员，配合应急处置，不擅自行动引发次生风险。
-
5. 注意自身安全防护，行走时主动避让作业车辆与机械，不擅自横穿作业通道；雨天、雾天等恶劣天气下，听从陪同人员安排，加强安全防范。
-
6. 已知晓港口所去区域应急逃生路线，遇紧急情况按港口指引有序疏散。
+
+ 欢迎您到访秦皇岛港。为保障您的人身安全及港口生产作业秩序，请注意港口属于重点安全监管区域，存在大型机械作业、货物装卸、车辆往来等生产场景，可能面临机械伤害、物体打击、车辆碰撞等安全风险。请您认真阅读以下须知内容，确认遵守后签字：
+
+
+ 1.
+ 入港时请主动出示有效身份证件，配合安保人员进行身份核验与信息登记，凭港口核发的《临时访客证》入港，自觉接受出港查验；不转借、冒用访客凭证，不将无关人员带入港口。
+
+
+ 2.
+ 入港后请严格在指定区域活动，未经陪同人员及港口负责人许可，绝不擅自进入标有"禁止入内""危险区域"等标识的场所，不靠近起重机械、输送设备、危险品存储点等高危部位，不跨越安全护栏、警戒线，不在作业区域逗留围观。
+
+
+ 3.
+ 遵守港口生产秩序，不干扰装卸、运输、检修等正常工作；不随意触摸、操作生产设备、仪器仪表及安全设施，不移动、遮挡安全警示标识；如需拍摄港口场景，须提前征得港口方同意，不拍摄涉及安全、商业秘密的内容。
+
+
+ 4.
+ 严格遵守消防安全规定，不在港口内吸烟，不携带火种、易燃易爆物品、管制器具等违禁物品入港；发现火灾、设备故障等隐患或突发情况，第一时间告知陪同人员或港口工作人员，配合应急处置，不擅自行动引发次生风险。
+
+
+ 5.
+ 注意自身安全防护，行走时主动避让作业车辆与机械，不擅自横穿作业通道；雨天、雾天等恶劣天气下，听从陪同人员安排，加强安全防范。
+
+
+ 6.
+ 已知晓港口所去区域应急逃生路线，遇紧急情况按港口指引有序疏散。
+
本人确认已完整阅读并理解以上须知，承诺严格遵守。如因违反本须知及港口安全规定导致自身人身伤害或港口、他人财产损失，自愿承担全部责任。
{
@@ -280,10 +519,18 @@ function Apply(props) {
// 公共基础信息字段组件
const BasicInfoFields = () => (
<>
-
+
-
+
@@ -310,7 +557,10 @@ const VisitTime = ({ form }) => (
validatorEndTime(form.getFieldValue("visitStartTime")))()]}
+ rules={[{
+ required: true,
+ message: "请选择访问结束时间",
+ }, (() => validatorEndTime(form.getFieldValue("visitStartTime")))()]}
trigger="onConfirm"
onClick={(_, pickerRef) => {
pickerRef.current?.open();
@@ -326,10 +576,22 @@ const VisitTime = ({ form }) => (
);
// 公共地点字段组件
-const LocationFields = ({ primeportAreaList, doorType }) => (
+const LocationFields = ({
+ primeportAreaList,
+ tmpMkmjType,
+ firstLevelDoorInfoListAll,
+ twoLevelDoorInfoListAll,
+ getFirstLevelDoorInfoListAll,
+ getTwoLevelDoorInfoListAll,
+ departmentList,
+ getTreeLabelName,
+ getEnclosedAreaList,
+ enclosedAreaList,
+ form,
+}) => (
<>
(
>
({ label: item.dictLabel, value: item.dictValue }))]}
+ onConfirm={(value) => {
+ form.setFieldValue("hgAuthAreaName", getLabelName({
+ list: primeportAreaList,
+ status: value[0],
+ idKey: "dictValue",
+ nameKey: "dictLabel",
+ }));
+ form.setFieldValue("levelOneMkmjId", "");
+ form.setFieldValue("levelOneMkmjName", "");
+ getFirstLevelDoorInfoListAll(value[0]);
+ getTwoLevelDoorInfoListAll(value[0]);
+ }}
>
{value => value?.[0]?.label || "请选择港区"}
+
+
+
(
getValueProps={value => [value]}
>
({ label: item.mkmjName, value: item.id }))]}
+ onConfirm={(value) => {
+ form.setFieldValue("levelOneMkmjName", getLabelName({
+ list: firstLevelDoorInfoListAll,
+ status: value[0],
+ idKey: "id",
+ nameKey: "mkmjName",
+ }));
+ }}
>
{value => value?.[0]?.label || "请选择一级口门"}
- {doorType === "2" && }
+
+
+
+ {(tmpMkmjType === "TWO_LEVEL_CAR_APPLY" || tmpMkmjType === "TWO_LEVEL_PERSON_APPLY")
+ && (
+
+ )}
);
// 封闭区域相关字段组件
-const EnclosedAreaFields = () => (
+const EnclosedAreaFields = ({
+ form,
+ departmentList,
+ getTreeLabelName,
+ getEnclosedAreaList,
+ enclosedAreaList,
+ twoLevelDoorInfoListAll,
+}) => (
<>
{
pickerRef.current?.open();
}}
- getValueFromEvent={value => value[0]}
- getValueProps={value => [value]}
>
- {
+ form.setFieldValue("jurisdictionalCorpName", getTreeLabelName(departmentList, value.at(-1)));
+ if (value.length > 0) {
+ getEnclosedAreaList(value.at(-1));
+ }
+ form.setFieldValue("closedAreaId", "");
+ form.setFieldValue("closedAreaName", "");
+ form.setFieldValue("levelTwoMkmjId", "");
+ form.setFieldValue("levelTwoMkmjName", "");
+ }}
>
- {value => value?.[0]?.label || "请选择区域所属公司"}
-
+ {value => value.length > 0 ? value.map(item => item?.label).filter(Boolean).join("-") : "请选择区域所属公司"}
+
+
+
+
(
getValueFromEvent={value => value[0]}
getValueProps={value => [value]}
>
- {
+ form.setFieldValue("closedAreaName", getTreeLabelName(enclosedAreaList, value.at(-1)));
+ form.setFieldValue("levelTwoMkmjId", "");
+ form.setFieldValue("levelTwoMkmjName", "");
+ }}
>
- {value => value?.[0]?.label || "请选择封闭区域"}
-
+ {value => value.length > 0 ? value.map(item => item?.label).filter(Boolean).join("-") : "请选择封闭区域"}
+
+
+
+
(
getValueProps={value => [value]}
>
({ label: item.mkmjName, value: item.id }))]}
+ onConfirm={(value) => {
+ form.setFieldValue("levelTwoMkmjName", getLabelName({
+ list: twoLevelDoorInfoListAll,
+ status: value[0],
+ idKey: "id",
+ nameKey: "mkmjName",
+ }));
+ }}
>
{value => value?.[0]?.label || "请选择口门"}
+
+
+
);
// 公共审批字段组件
-const Approval = ({ departmentList }) => (
+const Approval = ({ form, approvalUserListAll }) => (
<>
{
- pickerRef.current?.open();
- }}
- >
-
- {value => value.length > 0 ? value.map(item => item?.label).filter(Boolean).join("-") : "请选择审批企业"}
-
-
- (
getValueProps={value => [value]}
>
({
+ label: `${item.userName}（${item.corpName}）（${item.deptName}）`,
+ value: item.userId,
+ }))]}
+ onConfirm={(value) => {
+ const item = approvalUserListAll.find(item => item.userId === value[0]);
+ form.setFieldValue("auditPersonUserName", item.userName);
+ form.setFieldValue("auditPersonCorpId", item.corpId);
+ form.setFieldValue("auditPersonCorpName", item.corpName);
+ form.setFieldValue("auditPersonDepartmentId", item.deptId);
+ form.setFieldValue("auditPersonDepartmentName", item.deptName);
+ }}
>
{value => value?.[0]?.label || "请选择审批人"}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
);
@@ -518,4 +851,4 @@ const SafetyNoticeAndSignature = ({ checkboxRef, signatureUrl, setNoticePopupVis
);
-export default Connect([NS_GLOBAL], true)(Apply);
+export default Connect([NS_MOBILE, NS_FIRST_LEVEL_DOOR_INFO, NS_APPROVER_USER, NS_ENCLOSED_AREA], true)(Apply);
diff --git a/src/pages/Container/Mobile/firstLevelDoor/PersonnelApplication/ApplyList/index.js b/src/pages/Container/Mobile/firstLevelDoor/PersonnelApplication/ApplyList/index.js
index 3fb3291..bb715ef 100644
--- a/src/pages/Container/Mobile/firstLevelDoor/PersonnelApplication/ApplyList/index.js
+++ b/src/pages/Container/Mobile/firstLevelDoor/PersonnelApplication/ApplyList/index.js
@@ -1,127 +1,122 @@
-import { DotLoading, InfiniteScroll } from "antd-mobile";
-import { useState } from "react";
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { useEffect, useState } from "react";
import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { getLabelName } from "zy-react-library/utils";
+import { ENCLOSED_AREA_AUDIT_STATUS_ENUM } from "~/enumerate/constant";
+import { NS_MOBILE } from "~/enumerate/namespace";
-function ApplyList() {
+function ApplyList(props) {
const query = useGetUrlQuery();
- const [data, setData] = useState([]);
- const [hasMore, setHasMore] = useState(true);
+ const [info, setInfo] = useState({});
- const loadMore = async () => {
- const data = [
- { name: "张三", phone: "12345678901", area: "A区", doorTypeName: "1号门", startTime: "2021-01-01 00:00:00", endTime: "2021-01-01 01:00:00", status: "通过", reason: "" },
- ];
- setData(val => [...val, ...data]);
- setHasMore(data.length > 0);
+ const getData = async () => {
+ const { data } = await props["temporaryVisitorApplyInfo"]({
+ id: query.id,
+ tmpApplyType: query.tmpApplyType,
+ tmpMkmjType: query.tmpMkmjType,
+ });
+ setInfo(data);
};
+ useEffect(() => {
+ getData();
+ }, []);
+
return (
- {data.map((item, index) => (
-
- {
- query.accessType === "2" && (
+
+ {
+ query.tmpApplyType === "PERSON_APPLY" && (
+
+
临时访客申请
-
临时访客申请
-
- 申请人：
- {item.name}
-
-
- 手机号：
- {item.phone}
-
-
- 申请区域：
- {item.area}
-
-
- 申请口门：
- {item.doorTypeName}
-
-
- 时间范围：
- {item.startTime}
- 至
- {item.endTime}
-
-
- 审核状态：
- {item.status}
-
+ 申请人：
+ {info.applyPersonUserName}
+
+
+ 手机号：
+ {info.userPhone}
+
+
+ 申请区域：
+ {info.closedAreaName}
+
+
+ 申请口门：
+ {info.levelOneMkmjName}
+
+
+ 时间范围：
+ {info.visitStartTime}
+ 至
+ {info.visitEndTime}
+
+
+ 审核状态：
+ {getLabelName({ list: ENCLOSED_AREA_AUDIT_STATUS_ENUM, status: info.auditFlag })}
+
+ {info.auditFlag === 3 && (
驳回原因：
- {item.reason}
+ {info.refusalReason}
-
- )
- }
- {
- query.accessType === "1" && (
+ )}
+
+ )
+ }
+ {
+ query.tmpApplyType === "CAR_APPLY" && (
+
+
临时访客车辆申请
-
临时访客车辆申请
-
- 申请人：
- {item.name}
-
-
- 手机号：
- {item.phone}
-
-
- 申请区域：
- {item.area}
-
-
- 申请口门：
- {item.doorTypeName}
-
-
- 时间范围：
- {item.startTime}
- 至
- {item.endTime}
-
-
- 车辆类型：
- {item.carType}
-
-
- 车牌号：
- {item.carNo}
-
-
- 审核状态：
- {item.status}
-
+ 申请人：
+ {info.drivingUserName}
+
+
+ 手机号：
+ {info.userPhone}
+
+
+ 申请区域：
+ {info.closedAreaName}
+
+
+ 申请口门：
+ {info.levelOneMkmjName}
+
+
+ 时间范围：
+ {info.visitStartTime}
+ 至
+ {info.visitEndTime}
+
+
+ 车辆类型：
+ {info.vehicleTypeName}
+
+
+ 车牌号：
+ {info.licenceNo}
+
+
+ 审核状态：
+ {getLabelName({ list: ENCLOSED_AREA_AUDIT_STATUS_ENUM, status: info.auditFlag })}
+
+ {info.auditFlag === 3 && (
驳回原因：
- {item.reason}
+ {info.refusalReason}
-
- )
- }
-
- ))}
+ )}
+
+ )
+ }
+