封闭区域申请：获取口门添加口门级别参数

封闭区域申请：H5
2026-03-24 17:52:32 +08:00 · 2026-03-24 17:52:10 +08:00
14 changed files with 567 additions and 231 deletions
--- a/package.json
+++ b/package.json
@ -34,7 +34,7 @@
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-signature-canvas": "^1.1.0-alpha.2",
-    "zy-react-library": "^1.2.8"
+    "zy-react-library": "^1.2.9"
  },
  "devDependencies": {
    "@antfu/eslint-config": "^5.4.1",
--- a/router.md
+++ b/router.md
@ -163,7 +163,7 @@


 ### H5 端
- 人员申请/申请
+- 人员申请/申请 ##
  `/primeport/container/mobile/firstLevelDoor/personnelApplication/apply`
- 人员申请/申请记录
+- 人员申请/申请记录 ##
  `/primeport/container/mobile/firstLevelDoor/personnelApplication/applyList`
--- a/src/api/global/index.js
+++ b/src/api/global/index.js
@ -1,7 +1 @@
-import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
-
 export {};
-
-export const getDepartmentListTree = declareRequest(
-  "Post > @/basicInfo/department/listAllTreeByCorpType",
-);
--- a/src/api/mobile/index.js
+++ b/src/api/mobile/index.js
@ -0,0 +1,13 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const getDepartmentListTree = declareRequest(
+  "Post > @/basicInfo/department/listAllTreeByCorpType",
+);
+export const temporaryVisitorApplySave = declareRequest(
+  "temporaryVisitorLoading",
+  "Post > @/primeport/closedTmpApply/save",
+);
+export const temporaryVisitorApplyInfo = declareRequest(
+  "temporaryVisitorLoading",
+  "Get > /primeport/closedTmpApply/getInfoById",
+);
--- a/src/enumerate/namespace/index.js
+++ b/src/enumerate/namespace/index.js
@ -29,3 +29,4 @@ export const NS_ENCLOSED_PERSONNEL_AND_VEHICLE_STATISTICS = defineNamespace("enc
 export const NS_ENCLOSED_ENTERPRISE_PERSONNEL_PERMISSIONS = defineNamespace("enclosedEnterprisePersonnelPermissions");
 export const NS_ENCLOSED_TEMPORARY_PERSONNEL_REVIEW = defineNamespace("enclosedTemporaryPersonnelReview");
 export const NS_ENCLOSED_TEMPORARY_VEHICLE_REVIEW = defineNamespace("enclosedTemporaryVehicleReview");
+export const NS_MOBILE = defineNamespace("mobile");
--- a/src/pages/Container/Mobile/firstLevelDoor/PersonnelApplication/Apply/index.js
+++ b/src/pages/Container/Mobile/firstLevelDoor/PersonnelApplication/Apply/index.js
@ -4,28 +4,55 @@ import {
  Cascader,
  Checkbox,
  DatePicker,
+  DotLoading,
  Form,
  Image,
  ImageUploader,
  Input,
+  Mask,
  Picker,
  Popup,
+  TextArea,
  Toast,
 } from "antd-mobile";
 import dayjs from "dayjs";
 import { useEffect, useRef, useState } from "react";
+import { UPLOAD_FILE_TYPE_ENUM } from "zy-react-library/enum/uploadFile/gwj";
 import useDictionary from "zy-react-library/hooks/useDictionary";
+import useUploadFile from "zy-react-library/hooks/useUploadFile";
 import { ID_NUMBER, LICENSE_PLATE_NUMBER, PHONE } from "zy-react-library/regular";
-import { validatorEndTime } from "zy-react-library/utils";
+import { getLabelName, validatorEndTime } from "zy-react-library/utils";
 import SignatureH5 from "~/components/SignatureH5";
-import { NS_GLOBAL } from "~/enumerate/namespace";
+import {
+  NS_APPROVER_USER,
+  NS_ENCLOSED_AREA,
+  NS_FIRST_LEVEL_DOOR_INFO,
+  NS_MOBILE,
+} from "~/enumerate/namespace";
 import "../../../index.less";

+export const ACCESS_TYPE_ENUM = [
+  { label: "车辆", value: "CAR_APPLY" },
+  { label: "人员", value: "PERSON_APPLY" },
+];
+export const APPLICATION_GATE_PERSON_TYPE_ENUM = [
+  { label: "一级口门", value: "ONE_LEVEL_PERSON_APPLY" },
+  { label: "封闭区域口门", value: "TWO_LEVEL_PERSON_APPLY" },
+];
+export const APPLICATION_GATE_CAR_TYPE_ENUM = [
+  { label: "一级口门", value: "ONE_LEVEL_CAR_APPLY" },
+  { label: "封闭区域口门", value: "TWO_LEVEL_CAR_APPLY" },
+];
+
 function Apply(props) {
  const [primeportAreaList, setPrimeportAreaList] = useState([]);
  const [vehicleTypeList, setVehicleTypeList] = useState([]);
  const [licensePlateTypeList, setLicensePlateTypeList] = useState([]);
+  const [firstLevelDoorInfoListAll, setFirstLevelDoorInfoListAll] = useState([]);
+  const [twoLevelDoorInfoListAll, setTwoLevelDoorInfoListAll] = useState([]);
+  const [approvalUserListAll, setApprovalUserListAll] = useState([]);
  const [departmentList, setDepartmentList] = useState([]);
+  const [enclosedAreaList, setEnclosedAreaList] = useState([]);
  const [noticePopupVisible, setNoticePopupVisible] = useState(false);

  const [signatureUrl, setSignatureUrl] = useState("");
@ -33,15 +60,16 @@ function Apply(props) {
  const checkboxRef = useRef(null);

  const [form] = Form.useForm();
-  const accessType = Form.useWatch("accessType", form);
-  const doorType = Form.useWatch("doorType", form);
+  const tmpApplyType = Form.useWatch("tmpApplyType", form);
+  const tmpMkmjType = Form.useWatch("tmpMkmjType", form);
  const { getDictionary } = useDictionary();
+  const { loading: uploadFileLoading, uploadFile } = useUploadFile();

-  const transformDepartmentList = (list) => {
+  const transformTreeList = (list, nameKey, idKey) => {
    return list.map(item => ({
-      label: item.name,
-      value: item.id,
-      children: item.childrenList ? transformDepartmentList(item.childrenList) : undefined,
+      label: item[nameKey],
+      value: item[idKey],
+      children: item.childrenList ? transformTreeList(item.childrenList) : undefined,
    }));
  };

@ -52,16 +80,61 @@ function Apply(props) {
    setVehicleTypeList(vehicleTypeData);
    const licensePlateTypeData = await getDictionary({ dictValue: "LICENSE_PLATE_TYPE" });
    setLicensePlateTypeList(licensePlateTypeData);
-    const { data: departmentList } = await props["getDepartmentListTree"]({ enterpriseType: [1, 2] });
-    const transformedDepartmentList = transformDepartmentList(departmentList);
+    const { data: approvalUserListAll } = await props["approvalUserListAll"]({ temporaryPermissionFlag: 1 });
+    setApprovalUserListAll(approvalUserListAll);
+    const { data: departmentList } = await props["getDepartmentListTree"]({ enterpriseType: [2] });
+    const transformedDepartmentList = transformTreeList(departmentList, "name", "id");
    setDepartmentList(transformedDepartmentList);
  };

+  const getFirstLevelDoorInfoListAll = async (gateLevelAuthArea) => {
+    const { data } = await props["firstLevelDoorInfoListAll"]({ mkmjLevel: 1, hgAuthArea: gateLevelAuthArea });
+    setFirstLevelDoorInfoListAll(data);
+  };
+
+  const getTwoLevelDoorInfoListAll = async (gateLevelAuthArea) => {
+    const { data } = await props["firstLevelDoorInfoListAll"]({ mkmjLevel: 2, hgAuthArea: gateLevelAuthArea });
+    setTwoLevelDoorInfoListAll(data);
+  };
+
+  const getEnclosedAreaList = async (jurisdictionalCorpId) => {
+    const { data } = await props["enclosedAreaDetailListTree"]({ jurisdictionalCorpId });
+    const transformedEnclosedAreaList = transformTreeList(data, "closedAreaName", "id");
+    setEnclosedAreaList(transformedEnclosedAreaList);
+  };
+
  useEffect(() => {
    getData();
  }, []);

-  const onFinish = (values) => {
+  const getTreeLabelName = (treeList, value, idKey = "value", nameKey = "label") => {
+    if (!treeList || !Array.isArray(treeList) || !value) {
+      return "";
+    }
+
+    let result = "";
+
+    const findNodeInTree = (tree, targetValue) => {
+      for (const node of tree) {
+        if (node[idKey] === targetValue) {
+          result = node[nameKey];
+          return true;
+        }
+        if (node.children && node.children.length > 0) {
+          const found = findNodeInTree(node.children, targetValue);
+          if (found) {
+            return true;
+          }
+        }
+      }
+      return false;
+    };
+
+    findNodeInTree(treeList, value);
+    return result;
+  };
+
+  const onFinish = async (values) => {
    if (!values.safetyNoticeAgreed || !values.signature) {
      Toast.show({
        icon: "fail",
@ -69,19 +142,66 @@ function Apply(props) {
      });
      return;
    }
-    if (values.accessType === "1" && values.vehicleLicensePhoto.length !== 2) {
+    if (values.tmpApplyType === "CAR_APPLY" && values.vehicleLicensePhoto.length !== 2) {
      Toast.show({
        icon: "fail",
        content: "请上传两张行驶证照片",
      });
      return;
    }
-    console.log(values);
-    props.history.push(`./success?accessType=${values.accessType}&text=${values.accessType === "1" ? values.licensePlateNumber : values.phoneNumber}`);
+    const tmpMkmjType = values.tmpMkmjType;
+    const informSignType = {
+      ONE_LEVEL_PERSON_APPLY: 611,
+      TWO_LEVEL_PERSON_APPLY: 609,
+      ONE_LEVEL_CAR_APPLY: 606,
+      TWO_LEVEL_CAR_APPLY: 610,
+    }[tmpMkmjType];
+    const { id: drivingLicenseId } = await uploadFile({
+      single: false,
+      files: (values.vehicleLicensePhoto || []).map(item => ({ ...item, originFileObj: item.file })),
+      params: { type: UPLOAD_FILE_TYPE_ENUM[601], foreignKey: "" },
+    });
+    const { id: attachmentId } = await uploadFile({
+      single: false,
+      files: (values.vehiclePhoto || []).map(item => ({ ...item, originFileObj: item.file })),
+      params: { type: UPLOAD_FILE_TYPE_ENUM[602], foreignKey: "" },
+    });
+    const { filePath: userFaceUrl } = await uploadFile({
+      files: (values.facePhoto || []).map(item => ({ ...item, originFileObj: item.file })),
+      params: { type: UPLOAD_FILE_TYPE_ENUM[608], foreignKey: "" },
+    });
+    const { id: informSignId } = await uploadFile({
+      single: false,
+      files: [{ originFileObj: values.signature }],
+      params: { type: informSignType, foreignKey: "" },
+    });
+    const { success, data } = await props["temporaryVisitorApplySave"]({
+      ...values,
+      drivingLicenseId,
+      attachmentId,
+      userFaceUrl,
+      informSignId,
+    });
+    if (success) {
+      props.history.push(`./success?id=${data.id}&tmpApplyType=${values.tmpApplyType}&tmpMkmjType=${values.tmpMkmjType}`);
+    }
  };

  return (
    <div style={{ padding: "16px" }}>
+      <Mask visible={props.mobile.temporaryVisitorLoading || uploadFileLoading}>
+        <div style={{
+          height: "100vh",
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+        }}
+        >
+          <DotLoading color="white" />
+          <div style={{ color: "#fff" }}>加载中...</div>
+        </div>
+      </Mask>
      <Form
        form={form}
        preserve={false}
@ -94,7 +214,7 @@ function Apply(props) {
        )}
      >
        <Form.Item
-          name="accessType"
+          name="tmpApplyType"
          label="访问类型"
          rules={[{ required: true, message: "请选择访问类型" }]}
          trigger="onConfirm"
@ -105,39 +225,74 @@ function Apply(props) {
          getValueProps={value => [value]}
        >
          <Picker
-            columns={[[
-              { label: "车辆", value: "1" },
-              { label: "人员", value: "2" },
-            ]]}
+            columns={[ACCESS_TYPE_ENUM]}
+            onConfirm={() => {
+              form.setFieldValue("tmpMkmjType", "");
+              form.setFieldValue("vehicleTypeName", "");
+              form.setFieldValue("licenceTypeName", "");
+              form.setFieldValue("hgAuthAreaName", "");
+              form.setFieldValue("levelOneMkmjName", "");
+              form.setFieldValue("auditPersonUserName", "");
+              form.setFieldValue("auditPersonCorpId", "");
+              form.setFieldValue("auditPersonCorpName", "");
+              form.setFieldValue("auditPersonDepartmentId", "");
+              form.setFieldValue("auditPersonDepartmentName", "");
+              form.setFieldValue("jurisdictionalCorpName", "");
+              form.setFieldValue("closedAreaId", "");
+              form.setFieldValue("closedAreaName", "");
+              form.setFieldValue("levelTwoMkmjId", "");
+              form.setFieldValue("levelTwoMkmjName", "");
+              setFirstLevelDoorInfoListAll([]);
+              setEnclosedAreaList([]);
+              setTwoLevelDoorInfoListAll([]);
+            }}
          >
            {value => value?.[0]?.label || "请选择访问类型"}
          </Picker>
        </Form.Item>
-        <Form.Item
-          name="doorType"
-          label="选择申请口门"
-          rules={[{ required: true, message: "请选择选择申请口门" }]}
-          trigger="onConfirm"
-          onClick={(_, pickerRef) => {
-            pickerRef.current?.open();
-          }}
-          getValueFromEvent={value => value[0]}
-          getValueProps={value => [value]}
-        >
-          <Picker
-            columns={[[
-              { label: "一级口门", value: "1" },
-              { label: "封闭区域口门", value: "2" },
-            ]]}
+        {tmpApplyType && (
+          <Form.Item
+            name="tmpMkmjType"
+            label="申请口门"
+            rules={[{ required: true, message: "请选择选择申请口门" }]}
+            trigger="onConfirm"
+            onClick={(_, pickerRef) => {
+              pickerRef.current?.open();
+            }}
+            getValueFromEvent={value => value[0]}
+            getValueProps={value => [value]}
          >
-            {value => value?.[0]?.label || "请选择选择申请口门"}
-          </Picker>
-        </Form.Item>
+            <Picker
+              columns={[tmpApplyType === "PERSON_APPLY" ? APPLICATION_GATE_PERSON_TYPE_ENUM : APPLICATION_GATE_CAR_TYPE_ENUM]}
+              onConfirm={() => {
+                form.setFieldValue("vehicleTypeName", "");
+                form.setFieldValue("licenceTypeName", "");
+                form.setFieldValue("hgAuthAreaName", "");
+                form.setFieldValue("levelOneMkmjName", "");
+                form.setFieldValue("auditPersonUserName", "");
+                form.setFieldValue("auditPersonCorpId", "");
+                form.setFieldValue("auditPersonCorpName", "");
+                form.setFieldValue("auditPersonDepartmentId", "");
+                form.setFieldValue("auditPersonDepartmentName", "");
+                form.setFieldValue("jurisdictionalCorpName", "");
+                form.setFieldValue("closedAreaId", "");
+                form.setFieldValue("closedAreaName", "");
+                form.setFieldValue("levelTwoMkmjId", "");
+                form.setFieldValue("levelTwoMkmjName", "");
+                setFirstLevelDoorInfoListAll([]);
+                setEnclosedAreaList([]);
+                setTwoLevelDoorInfoListAll([]);
+              }}
+            >
+              {value => value?.[0]?.label || "请选择选择申请口门"}
+            </Picker>
+          </Form.Item>
+        )}
        {
-          accessType === "1"
+          tmpApplyType === "CAR_APPLY"
          && (
            <>
-              <Form.Item name="driverName" label="驾驶人姓名" rules={[{ required: true }]}>
+              <Form.Item name="drivingUserName" label="驾驶人姓名" rules={[{ required: true }]}>
                <Input placeholder="请输入驾驶人姓名" />
              </Form.Item>
              <BasicInfoFields />
@ -154,12 +309,23 @@ function Apply(props) {
              >
                <Picker
                  columns={[vehicleTypeList.map(item => ({ label: item.dictLabel, value: item.dictValue }))]}
+                  onConfirm={(value) => {
+                    form.setFieldValue("vehicleTypeName", getLabelName({
+                      list: vehicleTypeList,
+                      status: value[0],
+                      idKey: "dictValue",
+                      nameKey: "dictLabel",
+                    }));
+                  }}
                >
                  {value => value?.[0]?.label || "请选择车辆类型"}
                </Picker>
              </Form.Item>
+              <Form.Item name="vehicleTypeName" label="车辆类型名称" noStyle>
+                <input type="hidden" />
+              </Form.Item>
              <Form.Item
-                name="licensePlateType"
+                name="licenceType"
                label="车牌类型"
                rules={[{ required: true, message: "请选择车牌类型" }]}
                trigger="onConfirm"
@ -171,16 +337,47 @@ function Apply(props) {
              >
                <Picker
                  columns={[licensePlateTypeList.map(item => ({ label: item.dictLabel, value: item.dictValue }))]}
+                  onConfirm={(value) => {
+                    form.setFieldValue("licenceTypeName", getLabelName({
+                      list: licensePlateTypeList,
+                      status: value[0],
+                      idKey: "dictValue",
+                      nameKey: "dictLabel",
+                    }));
+                  }}
                >
                  {value => value?.[0]?.label || "请选择车牌类型"}
                </Picker>
              </Form.Item>
-              <Form.Item name="licensePlateNumber" label="车牌号" rules={[{ required: true }, { pattern: LICENSE_PLATE_NUMBER, message: "请输入正确的车牌号" }]}>
+              <Form.Item name="licenceTypeName" label="车牌类型名称" noStyle>
+                <input type="hidden" />
+              </Form.Item>
+              <Form.Item
+                name="licenceNo"
+                label="车牌号"
+                rules={[{ required: true }, { pattern: LICENSE_PLATE_NUMBER, message: "请输入正确的车牌号" }]}
+              >
                <Input placeholder="请输入车牌号" />
              </Form.Item>
              <VisitTime form={form} />
-              <LocationFields primeportAreaList={primeportAreaList} doorType={doorType} />
-              <Form.Item name="vehicleLicensePhoto" label="行驶证照片" rules={[{ required: true, message: "请上传行驶证照片" }]}>
+              <LocationFields
+                primeportAreaList={primeportAreaList}
+                tmpMkmjType={tmpMkmjType}
+                firstLevelDoorInfoListAll={firstLevelDoorInfoListAll}
+                twoLevelDoorInfoListAll={twoLevelDoorInfoListAll}
+                getFirstLevelDoorInfoListAll={getFirstLevelDoorInfoListAll}
+                getTwoLevelDoorInfoListAll={getTwoLevelDoorInfoListAll}
+                departmentList={departmentList}
+                getTreeLabelName={getTreeLabelName}
+                getEnclosedAreaList={getEnclosedAreaList}
+                enclosedAreaList={enclosedAreaList}
+                form={form}
+              />
+              <Form.Item
+                name="vehicleLicensePhoto"
+                label="行驶证照片"
+                rules={[{ required: true, message: "请上传行驶证照片" }]}
+              >
                <ImageUploader
                  upload={file => ({ url: URL.createObjectURL(file), file })}
                  maxCount={2}
@ -192,7 +389,10 @@ function Apply(props) {
                  maxCount={4}
                />
              </Form.Item>
-              <Approval departmentList={departmentList} />
+              <Form.Item name="applyReason" label="申请理由" rules={[{ required: true, message: "请上传申请理由" }]}>
+                <TextArea autoSize maxLength={500} />
+              </Form.Item>
+              <Approval form={form} approvalUserListAll={approvalUserListAll} />
              <SafetyNoticeAndSignature
                checkboxRef={checkboxRef}
                signatureUrl={signatureUrl}
@ -202,22 +402,37 @@ function Apply(props) {
          )
        }
        {
-          accessType === "2"
+          tmpApplyType === "PERSON_APPLY"
          && (
            <>
-              <Form.Item name="visitorName" label="访问人姓名" rules={[{ required: true }]}>
+              <Form.Item name="applyPersonUserName" label="访问人姓名" rules={[{ required: true }]}>
                <Input placeholder="请输入访问人姓名" />
              </Form.Item>
              <BasicInfoFields />
              <VisitTime form={form} />
-              <LocationFields primeportAreaList={primeportAreaList} doorType={doorType} />
+              <LocationFields
+                primeportAreaList={primeportAreaList}
+                tmpMkmjType={tmpMkmjType}
+                firstLevelDoorInfoListAll={firstLevelDoorInfoListAll}
+                twoLevelDoorInfoListAll={twoLevelDoorInfoListAll}
+                getFirstLevelDoorInfoListAll={getFirstLevelDoorInfoListAll}
+                getTwoLevelDoorInfoListAll={getTwoLevelDoorInfoListAll}
+                departmentList={departmentList}
+                getTreeLabelName={getTreeLabelName}
+                getEnclosedAreaList={getEnclosedAreaList}
+                enclosedAreaList={enclosedAreaList}
+                form={form}
+              />
              <Form.Item name="facePhoto" label="人脸照片" rules={[{ required: true, message: "请上传人脸照片" }]}>
                <ImageUploader
                  upload={file => ({ url: URL.createObjectURL(file), file })}
                  maxCount={1}
                />
              </Form.Item>
-              <Approval departmentList={departmentList} />
+              <Form.Item name="applyReason" label="申请理由" rules={[{ required: true, message: "请上传申请理由" }]}>
+                <TextArea autoSize maxLength={500} />
+              </Form.Item>
+              <Approval form={form} approvalUserListAll={approvalUserListAll} />
              <SafetyNoticeAndSignature
                checkboxRef={checkboxRef}
                signatureUrl={signatureUrl}
@ -236,13 +451,37 @@ function Apply(props) {
        }}
      >
        <div style={{ padding: "40px 20px", overflowY: "auto", height: "100vh" }}>
-          <p style={{ textAlign: "justify", textIndent: "2rem" }}>欢迎您到访秦皇岛港。为保障您的人身安全及港口生产作业秩序，请注意港口属于重点安全监管区域，存在大型机械作业、货物装卸、车辆往来等生产场景，可能面临机械伤害、物体打击、车辆碰撞等安全风险。请您认真阅读以下须知内容，确认遵守后签字：</p>
-          <p style={{ textAlign: "justify", textIndent: "2rem" }}>1. 入港时请主动出示有效身份证件，配合安保人员进行身份核验与信息登记，凭港口核发的《临时访客证》入港，自觉接受出港查验；不转借、冒用访客凭证，不将无关人员带入港口。</p>
-          <p style={{ textAlign: "justify", textIndent: "2rem" }}>2. 入港后请严格在指定区域活动，未经陪同人员及港口负责人许可，绝不擅自进入标有"禁止入内""危险区域"等标识的场所，不靠近起重机械、输送设备、危险品存储点等高危部位，不跨越安全护栏、警戒线，不在作业区域逗留围观。</p>
-          <p style={{ textAlign: "justify", textIndent: "2rem" }}>3. 遵守港口生产秩序，不干扰装卸、运输、检修等正常工作；不随意触摸、操作生产设备、仪器仪表及安全设施，不移动、遮挡安全警示标识；如需拍摄港口场景，须提前征得港口方同意，不拍摄涉及安全、商业秘密的内容。</p>
-          <p style={{ textAlign: "justify", textIndent: "2rem" }}>4. 严格遵守消防安全规定，不在港口内吸烟，不携带火种、易燃易爆物品、管制器具等违禁物品入港；发现火灾、设备故障等隐患或突发情况，第一时间告知陪同人员或港口工作人员，配合应急处置，不擅自行动引发次生风险。</p>
-          <p style={{ textAlign: "justify", textIndent: "2rem" }}>5. 注意自身安全防护，行走时主动避让作业车辆与机械，不擅自横穿作业通道；雨天、雾天等恶劣天气下，听从陪同人员安排，加强安全防范。</p>
-          <p style={{ textAlign: "justify", textIndent: "2rem" }}>6. 已知晓港口所去区域应急逃生路线，遇紧急情况按港口指引有序疏散。</p>
+          <p style={{
+            textAlign: "justify",
+            textIndent: "2rem",
+          }}
+          >
+            欢迎您到访秦皇岛港。为保障您的人身安全及港口生产作业秩序，请注意港口属于重点安全监管区域，存在大型机械作业、货物装卸、车辆往来等生产场景，可能面临机械伤害、物体打击、车辆碰撞等安全风险。请您认真阅读以下须知内容，确认遵守后签字：
+          </p>
+          <p style={{ textAlign: "justify", textIndent: "2rem" }}>
+            1.
+            入港时请主动出示有效身份证件，配合安保人员进行身份核验与信息登记，凭港口核发的《临时访客证》入港，自觉接受出港查验；不转借、冒用访客凭证，不将无关人员带入港口。
+          </p>
+          <p style={{ textAlign: "justify", textIndent: "2rem" }}>
+            2.
+            入港后请严格在指定区域活动，未经陪同人员及港口负责人许可，绝不擅自进入标有"禁止入内""危险区域"等标识的场所，不靠近起重机械、输送设备、危险品存储点等高危部位，不跨越安全护栏、警戒线，不在作业区域逗留围观。
+          </p>
+          <p style={{ textAlign: "justify", textIndent: "2rem" }}>
+            3.
+            遵守港口生产秩序，不干扰装卸、运输、检修等正常工作；不随意触摸、操作生产设备、仪器仪表及安全设施，不移动、遮挡安全警示标识；如需拍摄港口场景，须提前征得港口方同意，不拍摄涉及安全、商业秘密的内容。
+          </p>
+          <p style={{ textAlign: "justify", textIndent: "2rem" }}>
+            4.
+            严格遵守消防安全规定，不在港口内吸烟，不携带火种、易燃易爆物品、管制器具等违禁物品入港；发现火灾、设备故障等隐患或突发情况，第一时间告知陪同人员或港口工作人员，配合应急处置，不擅自行动引发次生风险。
+          </p>
+          <p style={{ textAlign: "justify", textIndent: "2rem" }}>
+            5.
+            注意自身安全防护，行走时主动避让作业车辆与机械，不擅自横穿作业通道；雨天、雾天等恶劣天气下，听从陪同人员安排，加强安全防范。
+          </p>
+          <p style={{ textAlign: "justify", textIndent: "2rem" }}>
+            6.
+            已知晓港口所去区域应急逃生路线，遇紧急情况按港口指引有序疏散。
+          </p>
          <p>本人确认已完整阅读并理解以上须知，承诺严格遵守。如因违反本须知及港口安全规定导致自身人身伤害或港口、他人财产损失，自愿承担全部责任。</p>
          <SignatureH5
            onConfirm={(value) => {
@ -280,10 +519,18 @@ function Apply(props) {
 // 公共基础信息字段组件
 const BasicInfoFields = () => (
  <>
-    <Form.Item name="phoneNumber" label="手机号" rules={[{ required: true }, { pattern: PHONE, message: "请输入正确的手机号" }]}>
+    <Form.Item
+      name="userPhone"
+      label="手机号"
+      rules={[{ required: true }, { pattern: PHONE, message: "请输入正确的手机号" }]}
+    >
      <Input placeholder="请输入手机号" />
    </Form.Item>
-    <Form.Item name="idNumber" label="身份证号" rules={[{ required: true }, { pattern: ID_NUMBER, message: "请输入正确的身份证号" }]}>
+    <Form.Item
+      name="userCard"
+      label="身份证号"
+      rules={[{ required: true }, { pattern: ID_NUMBER, message: "请输入正确的身份证号" }]}
+    >
      <Input placeholder="请输入身份证号" />
    </Form.Item>
  </>
@ -310,7 +557,10 @@ const VisitTime = ({ form }) => (
    <Form.Item
      name="visitEndTime"
      label="访问结束时间"
-      rules={[{ required: true, message: "请选择访问结束时间" }, (() => 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,
+}) => (
  <>
    <Form.Item
-      name="portArea"
+      name="hgAuthArea"
      label="港区"
      rules={[{ required: true, message: "请选择港区" }]}
      trigger="onConfirm"
@ -341,12 +603,27 @@ const LocationFields = ({ primeportAreaList, doorType }) => (
    >
      <Picker
        columns={[primeportAreaList.map(item => ({ 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 || "请选择港区"}
      </Picker>
    </Form.Item>
+    <Form.Item name="hgAuthAreaName" label="港区名称" noStyle>
+      <input type="hidden" />
+    </Form.Item>
    <Form.Item
-      name="firstLevelDoor"
+      name="levelOneMkmjId"
      label="一级口门"
      rules={[{ required: true, message: "请选择一级口门" }]}
      trigger="onConfirm"
@ -357,43 +634,76 @@ const LocationFields = ({ primeportAreaList, doorType }) => (
      getValueProps={value => [value]}
    >
      <Picker
-        columns={[[
-          { label: "一级口门1", value: "1" },
-          { label: "一级口门2", value: "2" },
-        ]]}
+        columns={[firstLevelDoorInfoListAll.map(item => ({ 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 || "请选择一级口门"}
      </Picker>
    </Form.Item>
-    {doorType === "2" && <EnclosedAreaFields />}
+    <Form.Item name="levelOneMkmjName" label="一级口门名称" noStyle>
+      <input type="hidden" />
+    </Form.Item>
+    {(tmpMkmjType === "TWO_LEVEL_CAR_APPLY" || tmpMkmjType === "TWO_LEVEL_PERSON_APPLY")
+      && (
+        <EnclosedAreaFields
+          form={form}
+          departmentList={departmentList}
+          getTreeLabelName={getTreeLabelName}
+          getEnclosedAreaList={getEnclosedAreaList}
+          enclosedAreaList={enclosedAreaList}
+          twoLevelDoorInfoListAll={twoLevelDoorInfoListAll}
+        />
+      )}
  </>
 );

 // 封闭区域相关字段组件
-const EnclosedAreaFields = () => (
+const EnclosedAreaFields = ({
+  form,
+  departmentList,
+  getTreeLabelName,
+  getEnclosedAreaList,
+  enclosedAreaList,
+  twoLevelDoorInfoListAll,
+}) => (
  <>
    <Form.Item
-      name="areaCompany"
+      name="jurisdictionalCorpId"
      label="区域所属公司"
      rules={[{ required: true, message: "请选择区域所属公司" }]}
      trigger="onConfirm"
      onClick={(_, pickerRef) => {
        pickerRef.current?.open();
      }}
-      getValueFromEvent={value => value[0]}
-      getValueProps={value => [value]}
    >
-      <Picker
-        columns={[[
-          { label: "区域所属公司1", value: "1" },
-          { label: "区域所属公司2", value: "2" },
-        ]]}
+      <Cascader
+        options={departmentList}
+        onConfirm={(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 || "请选择区域所属公司"}
-      </Picker>
+        {value => value.length > 0 ? value.map(item => item?.label).filter(Boolean).join("-") : "请选择区域所属公司"}
+      </Cascader>
+    </Form.Item>
+    <Form.Item name="jurisdictionalCorpName" label="区域所属公司名称" noStyle>
+      <input type="hidden" />
    </Form.Item>
    <Form.Item
-      name="enclosedArea"
+      name="closedAreaId"
      label="封闭区域"
      rules={[{ required: true, message: "请选择封闭区域" }]}
      trigger="onConfirm"
@ -403,17 +713,22 @@ const EnclosedAreaFields = () => (
      getValueFromEvent={value => value[0]}
      getValueProps={value => [value]}
    >
-      <Picker
-        columns={[[
-          { label: "封闭区域1", value: "1" },
-          { label: "封闭区域2", value: "2" },
-        ]]}
+      <Cascader
+        options={enclosedAreaList}
+        onConfirm={(value) => {
+          form.setFieldValue("closedAreaName", getTreeLabelName(enclosedAreaList, value.at(-1)));
+          form.setFieldValue("levelTwoMkmjId", "");
+          form.setFieldValue("levelTwoMkmjName", "");
+        }}
      >
-        {value => value?.[0]?.label || "请选择封闭区域"}
-      </Picker>
+        {value => value.length > 0 ? value.map(item => item?.label).filter(Boolean).join("-") : "请选择封闭区域"}
+      </Cascader>
+    </Form.Item>
+    <Form.Item name="closedAreaName" label="封闭区域名称" noStyle>
+      <input type="hidden" />
    </Form.Item>
    <Form.Item
-      name="enclosedAreaDoor"
+      name="levelTwoMkmjId"
      label="口门"
      rules={[{ required: true, message: "请选择口门" }]}
      trigger="onConfirm"
@ -424,35 +739,30 @@ const EnclosedAreaFields = () => (
      getValueProps={value => [value]}
    >
      <Picker
-        columns={[[
-          { label: "口门1", value: "1" },
-          { label: "口门2", value: "2" },
-        ]]}
+        columns={[twoLevelDoorInfoListAll.map(item => ({ 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 || "请选择口门"}
      </Picker>
    </Form.Item>
+    <Form.Item name="levelTwoMkmjName" label="口门名称" noStyle>
+      <input type="hidden" />
+    </Form.Item>
  </>
 );

 // 公共审批字段组件
-const Approval = ({ departmentList }) => (
+const Approval = ({ form, approvalUserListAll }) => (
  <>
    <Form.Item
-      name="approvalEnterprise"
-      label="审批企业"
-      rules={[{ required: true, message: "请选择审批企业" }]}
-      trigger="onConfirm"
-      onClick={(_, pickerRef) => {
-        pickerRef.current?.open();
-      }}
-    >
-      <Cascader options={departmentList}>
-        {value => value.length > 0 ? value.map(item => item?.label).filter(Boolean).join("-") : "请选择审批企业"}
-      </Cascader>
-    </Form.Item>
-    <Form.Item
-      name="approvalPerson"
+      name="auditPersonUserId"
      label="审批人"
      rules={[{ required: true, message: "请选择审批人" }]}
      trigger="onConfirm"
@ -463,14 +773,37 @@ const Approval = ({ departmentList }) => (
      getValueProps={value => [value]}
    >
      <Picker
-        columns={[[
-          { label: "审批人1", value: "1" },
-          { label: "审批人2", value: "2" },
-        ]]}
+        columns={[approvalUserListAll.map(item => ({
+          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 || "请选择审批人"}
      </Picker>
    </Form.Item>
+    <Form.Item name="auditPersonCorpId" label="审批人员所属企业ID" noStyle>
+      <input type="hidden" />
+    </Form.Item>
+    <Form.Item name="auditPersonCorpName" label="审批人员所属企业名称" noStyle>
+      <input type="hidden" />
+    </Form.Item>
+    <Form.Item name="auditPersonDepartmentId" label="审批人员所属部门id" noStyle>
+      <input type="hidden" />
+    </Form.Item>
+    <Form.Item name="auditPersonDepartmentName" label="审批人员部门名称" noStyle>
+      <input type="hidden" />
+    </Form.Item>
+    <Form.Item name="auditPersonUserName" label="审批人员姓名" noStyle>
+      <input type="hidden" />
+    </Form.Item>
  </>
 );

@ -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);
--- 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 (
    <div>
      <div style={{ backgroundColor: "#f9f9f9", padding: "10px" }}>
-        {data.map((item, index) => (
-          <div key={index} style={{ backgroundColor: "#fff", padding: "10px", marginBottom: "10px", borderRadius: "5px" }}>
-            {
-              query.accessType === "2" && (
+        <div style={{ backgroundColor: "#fff", padding: "10px", marginBottom: "10px", borderRadius: "5px" }}>
+          {
+            query.tmpApplyType === "PERSON_APPLY" && (
+              <div>
+                <div style={{ fontSize: "16px", fontWeight: "bold" }}>临时访客申请</div>
                <div>
-                  <div style={{ fontSize: "16px", fontWeight: "bold" }}>临时访客申请</div>
-                  <div>
-                    申请人：
-                    {item.name}
-                  </div>
-                  <div>
-                    手机号：
-                    {item.phone}
-                  </div>
-                  <div>
-                    申请区域：
-                    {item.area}
-                  </div>
-                  <div>
-                    申请口门：
-                    {item.doorTypeName}
-                  </div>
-                  <div>
-                    时间范围：
-                    {item.startTime}
-                    至
-                    {item.endTime}
-                  </div>
-                  <div>
-                    审核状态：
-                    {item.status}
-                  </div>
+                  申请人：
+                  {info.applyPersonUserName}
+                </div>
+                <div>
+                  手机号：
+                  {info.userPhone}
+                </div>
+                <div>
+                  申请区域：
+                  {info.closedAreaName}
+                </div>
+                <div>
+                  申请口门：
+                  {info.levelOneMkmjName}
+                </div>
+                <div>
+                  时间范围：
+                  {info.visitStartTime}
+                  至
+                  {info.visitEndTime}
+                </div>
+                <div>
+                  审核状态：
+                  {getLabelName({ list: ENCLOSED_AREA_AUDIT_STATUS_ENUM, status: info.auditFlag })}
+                </div>
+                {info.auditFlag === 3 && (
                  <div>
                    驳回原因：
-                    {item.reason}
+                    {info.refusalReason}
                  </div>
-                </div>
-              )
-            }
-            {
-              query.accessType === "1" && (
+                )}
+              </div>
+            )
+          }
+          {
+            query.tmpApplyType === "CAR_APPLY" && (
+              <div>
+                <div style={{ fontSize: "16px", fontWeight: "bold" }}>临时访客车辆申请</div>
                <div>
-                  <div style={{ fontSize: "16px", fontWeight: "bold" }}>临时访客车辆申请</div>
-                  <div>
-                    申请人：
-                    {item.name}
-                  </div>
-                  <div>
-                    手机号：
-                    {item.phone}
-                  </div>
-                  <div>
-                    申请区域：
-                    {item.area}
-                  </div>
-                  <div>
-                    申请口门：
-                    {item.doorTypeName}
-                  </div>
-                  <div>
-                    时间范围：
-                    {item.startTime}
-                    至
-                    {item.endTime}
-                  </div>
-                  <div>
-                    车辆类型：
-                    {item.carType}
-                  </div>
-                  <div>
-                    车牌号：
-                    {item.carNo}
-                  </div>
-                  <div>
-                    审核状态：
-                    {item.status}
-                  </div>
+                  申请人：
+                  {info.drivingUserName}
+                </div>
+                <div>
+                  手机号：
+                  {info.userPhone}
+                </div>
+                <div>
+                  申请区域：
+                  {info.closedAreaName}
+                </div>
+                <div>
+                  申请口门：
+                  {info.levelOneMkmjName}
+                </div>
+                <div>
+                  时间范围：
+                  {info.visitStartTime}
+                  至
+                  {info.visitEndTime}
+                </div>
+                <div>
+                  车辆类型：
+                  {info.vehicleTypeName}
+                </div>
+                <div>
+                  车牌号：
+                  {info.licenceNo}
+                </div>
+                <div>
+                  审核状态：
+                  {getLabelName({ list: ENCLOSED_AREA_AUDIT_STATUS_ENUM, status: info.auditFlag })}
+                </div>
+                {info.auditFlag === 3 && (
                  <div>
                    驳回原因：
-                    {item.reason}
+                    {info.refusalReason}
                  </div>
-                </div>
-              )
-            }
-          </div>
-        ))}
+                )}
+              </div>
+            )
+          }
+        </div>
      </div>
-      <InfiniteScroll loadMore={loadMore} hasMore={hasMore}>
-        {
-          hasMore
-            ? (
-                <>
-                  <span>Loading</span>
-                  <DotLoading />
-                </>
-              )
-            : (
-                <span>--- 我是有底线的 ---</span>
-              )
-        }
-      </InfiniteScroll>
    </div>
  );
 }

-export default ApplyList;
+export default Connect([NS_MOBILE], true)(ApplyList);
--- a/src/pages/Container/Mobile/firstLevelDoor/PersonnelApplication/Success/index.js
+++ b/src/pages/Container/Mobile/firstLevelDoor/PersonnelApplication/Success/index.js
@ -12,7 +12,7 @@ function Success() {
        <div style={{ paddingTop: "10px" }}>信息提交成功！</div>
      </div>
      <div style={{ textAlign: "center", marginTop: "50px" }}>
-        <QRCode value={`${window.location.origin}/primeport/container/mobile/firstLevelDoor/personnelApplication/applyList?accessType=${query.accessType}&text=${query.text}`} style={{ margin: "0 auto", marginBottom: 10 }} />
+        <QRCode value={`${window.location.origin}/primeport/container/mobile/firstLevelDoor/personnelApplication/applyList?id=${query.id}&tmpApplyType=${query.tmpApplyType}&tmpMkmjType=${query.tmpMkmjType}`} style={{ margin: "0 auto", marginBottom: 10 }} />
        <div style={{ paddingTop: "20px" }}>扫描识别二维码获取审批进度。</div>
        <div style={{ color: "red", fontSize: 12, paddingTop: "10px" }}>请长按或截屏保存二维码，关闭页面后将无法再获取二维码</div>
      </div>
--- a/src/pages/Container/Stakeholder/FirstLevelDoor/PersonnelApplication/Add/index.js
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/PersonnelApplication/Add/index.js
@ -22,7 +22,7 @@ function Add(props) {
  const signatureUrl = useRef("");

  const getFirstLevelDoorInfoListAll = async () => {
-    const { data } = await props["firstLevelDoorInfoListAll"]({ hgAuthArea: gateLevelAuthArea });
+    const { data } = await props["firstLevelDoorInfoListAll"]({ mkmjLevel: 1, hgAuthArea: gateLevelAuthArea });
    setFirstLevelDoorInfoListAll(data);
  };

--- a/src/pages/Container/Stakeholder/FirstLevelDoor/VehicleApplication/Add/index.js
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/VehicleApplication/Add/index.js
@ -24,7 +24,7 @@ function Add(props) {
  const signatureUrl = useRef("");

  const getFirstLevelDoorInfoListAll = async () => {
-    const { data } = await props["firstLevelDoorInfoListAll"]({ hgAuthArea: gateLevelAuthArea });
+    const { data } = await props["firstLevelDoorInfoListAll"]({ mkmjLevel: 1, hgAuthArea: gateLevelAuthArea });
    setFirstLevelDoorInfoListAll(data);
  };

--- a/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/Add/index.js
+++ b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/Add/index.js
@ -25,7 +25,7 @@ function Add(props) {
    setApprovalUserListAll(data);
  };
  const getFirstLevelDoorInfoListAll = async () => {
-    const { data } = await props["firstLevelDoorInfoListAll"]({ hgAuthArea: gateLevelAuthArea });
+    const { data } = await props["firstLevelDoorInfoListAll"]({ mkmjLevel: 1, hgAuthArea: gateLevelAuthArea });
    setFirstLevelDoorInfoListAll(data);
  };

--- a/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/List/index.js
+++ b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/List/index.js
@ -35,7 +35,7 @@ function List(props) {
  });

  const getFirstLevelDoorInfoListAll = async () => {
-    const { data } = await props["firstLevelDoorInfoListAll"]();
+    const { data } = await props["firstLevelDoorInfoListAll"]({ mkmjLevel: 1 });
    setFirstLevelDoorInfoListAll(data);
  };
  useEffect(() => {
--- a/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/Add/index.js
+++ b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/Add/index.js
@ -25,7 +25,7 @@ function Add(props) {
    setApprovalUserListAll(data);
  };
  const getFirstLevelDoorInfoListAll = async () => {
-    const { data } = await props["firstLevelDoorInfoListAll"]({ hgAuthArea: gateLevelAuthArea });
+    const { data } = await props["firstLevelDoorInfoListAll"]({ mkmjLevel: 1, hgAuthArea: gateLevelAuthArea });
    setFirstLevelDoorInfoListAll(data);
  };

--- a/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/List/index.js
+++ b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/List/index.js
@ -35,7 +35,7 @@ function List(props) {
  });

  const getFirstLevelDoorInfoListAll = async () => {
-    const { data } = await props["firstLevelDoorInfoListAll"]();
+    const { data } = await props["firstLevelDoorInfoListAll"]({ mkmjLevel: 1 });
    setFirstLevelDoorInfoListAll(data);
  };
  useEffect(() => {
Author	SHA1	Message	Date
LiuJiaNan	18311792ac	封闭区域申请：获取口门添加口门级别参数	2026-03-24 17:52:32 +08:00
LiuJiaNan	648f3b759d	封闭区域申请：H5	2026-03-24 17:52:10 +08:00