From dd486905e5d2f5c0cb99db89aead5aad020ca1e8 Mon Sep 17 00:00:00 2001
From: yujia <huangyuxuan@zcloudchina.com>
Date: Mon, 29 Dec 2025 10:59:19 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=A3=E9=97=A8=E9=9D=99=E6=80=81=E9=A1=B5?=
 =?UTF-8?q?=E7=BC=96=E5=86=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jjb.config.js                                 |   4 +-
 package.json                                  |   4 +-
 src/api/basicInformation/index.js             |  21 ++
 src/api/mkmjArea/index.js                     |  33 +--
 src/components/CameraList/index.js            |  69 +++++++
 src/enumerate/constant/index.js               |  41 ++++
 src/enumerate/namespace/index.js              |   1 +
 .../AccessApprover/Add/index.js               |   8 +
 .../AccessApprover/List/index.js              |   8 +
 .../BasicInformation/AccessApprover/index.js  |   5 +
 .../BasicInformation/index.js                 |   5 +
 .../Personnel/Arrival/Detail/index.js         |   7 +
 .../Personnel/Arrival/List/index.js           |   7 +
 .../EntryApprova/Personnel/Arrival/index.js   |   5 +
 .../EntryApprova/Personnel/index.js           |   5 +
 .../Vehicle/Share/Detail/index.js             |   7 +
 .../EntryApprova/Vehicle/Share/List/index.js  |   7 +
 .../EntryApprova/Vehicle/Share/index.js       |   5 +
 .../Vehicle/Stakeholder/Detail/index.js       |   7 +
 .../Vehicle/Stakeholder/List/index.js         |   7 +
 .../EntryApprova/Vehicle/Stakeholder/index.js |   5 +
 .../EntryApprova/Vehicle/index.js             |   5 +
 .../EntryApprova/index.js                     |   5 +
 .../SupervisionPersonnelVehicle/Add/index.js  |   8 +
 .../ApprovalRecord/index.js                   |   7 +
 .../ApprovalRecordDetail/index.js             |   7 +
 .../SupervisionPersonnelVehicle/List/index.js |   7 +
 .../Record/index.js                           |   7 +
 .../SwitchRecord/index.js                     |   7 +
 .../VehicleManagement/index.js                |   7 +
 .../VehicleManagementDetail/index.js          |   7 +
 .../VehicleRecord/index.js                    |   7 +
 .../SupervisionPersonnelVehicle/index.js      |   5 +
 .../SupervisionVehicle/Add/index.js           |   7 +
 .../ApprovalRecord/index.js                   |   7 +
 .../ApprovalRecordDetail/index.js             |   7 +
 .../SupervisionVehicle/List/index.js          |   7 +
 .../SupervisionVehicle/SwitchRecord/index.js  |   7 +
 .../VehicleManagementDetail/index.js          |   7 +
 .../SupervisionVehicle/VehicleRecord/index.js |   7 +
 .../SupervisionVehicle/index.js               |   5 +
 .../ImportExportInformation/index.js          |   5 +
 .../TemporaryVisitor/Personnel/Add/index.js   |   7 +
 .../Personnel/Detail/index.js                 |   7 +
 .../TemporaryVisitor/Personnel/List/index.js  |   7 +
 .../TemporaryVisitor/Personnel/index.js       |   5 +
 .../TemporaryVisitor/Vehicle/Add/index.js     |   7 +
 .../TemporaryVisitor/Vehicle/Detail/index.js  |   7 +
 .../TemporaryVisitor/Vehicle/List/index.js    |   7 +
 .../TemporaryVisitor/Vehicle/index.js         |   5 +
 .../TemporaryVisitor/index.js                 |   5 +
 .../Enterprise/PrimaryAccessControl/index.js  |   5 +
 src/pages/Container/Enterprise/index.js       |   5 +
 .../AccessApprover/Add/index.js               |  66 ++++++
 .../AccessApprover/List/index.js              |  87 ++++++++
 .../BasicInformation/AccessApprover/index.js  |   5 +
 .../PrimaryAccessPoint/Add/index.js           |  67 ++++++
 .../PrimaryAccessPoint/CameraAdd/index.js     |  74 +++++++
 .../PrimaryAccessPoint/CameraDetail/index.js  |  45 ++++
 .../PrimaryAccessPoint/CameraList/index.js    | 125 +++++++++++
 .../PrimaryAccessPoint/ChanneAdd/index.js     |  60 ++++++
 .../PrimaryAccessPoint/ChanneDetail/index.js  |  46 +++++
 .../PrimaryAccessPoint/ChannelList/index.js   | 125 +++++++++++
 .../PrimaryAccessPoint/Detail/index.js        |  48 +++++
 .../PrimaryAccessPoint/EquipmentAdd/index.js  |  63 ++++++
 .../EquipmentDetail/index.js                  |  48 +++++
 .../PrimaryAccessPoint/EquipmentList/index.js | 132 ++++++++++++
 .../PrimaryAccessPoint/List/index.js          | 128 ++++++++++++
 .../PrimaryAccessPoint/index.js               |   5 +
 .../BasicInformation/index.js                 |   5 +
 .../Personnel/Arrival/Detail/index.js         | 161 +++++++++++++++
 .../Personnel/Arrival/List/index.js           | 118 +++++++++++
 .../EntryApprova/Personnel/Arrival/index.js   |   5 +
 .../EntryApprova/Personnel/index.js           |   5 +
 .../Vehicle/Share/Detail/index.js             | 157 ++++++++++++++
 .../EntryApprova/Vehicle/Share/List/index.js  | 129 ++++++++++++
 .../EntryApprova/Vehicle/Share/index.js       |   5 +
 .../Vehicle/Stakeholder/Detail/index.js       | 151 ++++++++++++++
 .../Vehicle/Stakeholder/List/index.js         | 118 +++++++++++
 .../EntryApprova/Vehicle/Stakeholder/index.js |   5 +
 .../EntryApprova/Vehicle/index.js             |   5 +
 .../EntryApprova/index.js                     |   5 +
 .../ApprovalRecord/index.js                   |   7 +
 .../ApprovalRecordDetail/index.js             |   7 +
 .../List/index.js                             |  83 ++++++++
 .../PersonnelVehicle/index.js                 | 142 +++++++++++++
 .../PersonnelVehicleManagement/index.js       | 116 +++++++++++
 .../PersonnelVehicleRecord/index.js           |   8 +
 .../SwitchRecord/index.js                     |   8 +
 .../Vehicle/index.js                          | 135 ++++++++++++
 .../VehicleManagementDetail/index.js          |   8 +
 .../VehicleRecord/index.js                    |   8 +
 .../BranchCompanyPersonnelVehicle/index.js    |   5 +
 .../InspectionDepartmentVehicle/Add/index.js  |  82 ++++++++
 .../InspectionDepartmentVehicle/List/index.js | 125 +++++++++++
 .../VehicleRecord/index.js                    |   8 +
 .../InspectionDepartmentVehicle/index.js      |   5 +
 .../StakeholderPersonnelVehicle/List/index.js | 123 +++++++++++
 .../PersonnelRecord/index.js                  |   7 +
 .../PersonnelVehicleRecord/index.js           | 133 ++++++++++++
 .../VehicleCarRecord/index.js                 |  57 +++++
 .../VehicleRecord/index.js                    | 121 +++++++++++
 .../StakeholderPersonnelVehicle/index.js      |   5 +
 .../ApprovalRecord/index.js                   |   7 +
 .../ApprovalRecordDetail/index.js             |   7 +
 .../StationedPersonnelVehicle/List/index.js   | 105 ++++++++++
 .../PersonnelRecord/index.js                  |   7 +
 .../PersonnelVehicleRecord/index.js           | 140 +++++++++++++
 .../VehicleManagement/index.js                |   7 +
 .../VehicleManagementDetail/index.js          |   8 +
 .../VehicleRecord/index.js                    |   8 +
 .../StationedPersonnelVehicle/index.js        |   5 +
 .../SupervisionPersonnelVehicle/Add/index.js  | 127 ++++++++++++
 .../ApprovalRecord/index.js                   |  53 +++++
 .../ApprovalRecordDetail/index.js             |  43 ++++
 .../SupervisionPersonnelVehicle/List/index.js | 153 ++++++++++++++
 .../Record/index.js                           |  53 +++++
 .../SwitchRecord/index.js                     |  38 ++++
 .../VehicleManagement/index.js                | 155 ++++++++++++++
 .../VehicleManagementDetail/index.js          |  72 +++++++
 .../VehicleRecord/index.js                    |  54 +++++
 .../SupervisionPersonnelVehicle/index.js      |   5 +
 .../SupervisionVehicle/Add/index.js           | 125 +++++++++++
 .../ApprovalRecord/index.js                   |   7 +
 .../ApprovalRecordDetail/index.js             |   7 +
 .../SupervisionVehicle/List/index.js          | 195 ++++++++++++++++++
 .../SupervisionVehicle/SwitchRecord/index.js  |   7 +
 .../VehicleManagementDetail/index.js          |  69 +++++++
 .../SupervisionVehicle/VehicleRecord/index.js |  58 ++++++
 .../SupervisionVehicle/index.js               |   5 +
 .../ImportExportInformation/index.js          |   5 +
 .../TemporaryVisitor/Personnel/Add/index.js   | 154 ++++++++++++++
 .../Personnel/Detail/index.js                 | 164 +++++++++++++++
 .../TemporaryVisitor/Personnel/List/index.js  | 144 +++++++++++++
 .../TemporaryVisitor/Personnel/index.js       |   5 +
 .../TemporaryVisitor/Vehicle/Add/index.js     | 173 ++++++++++++++++
 .../TemporaryVisitor/Vehicle/Detail/index.js  | 168 +++++++++++++++
 .../TemporaryVisitor/Vehicle/List/index.js    | 148 +++++++++++++
 .../TemporaryVisitor/Vehicle/index.js         |   5 +
 .../TemporaryVisitor/index.js                 |   5 +
 .../VehicleBlacklist/Add/index.js             |  71 +++++++
 .../VehicleBlacklist/Detail/index.js          |  45 ++++
 .../VehicleBlacklist/List/index.js            | 150 ++++++++++++++
 .../VehicleBlacklist/index.js                 |   5 +
 .../VehicleManagement/Add/index.js            |  88 ++++++++
 .../VehicleManagement/List/index.js           | 145 +++++++++++++
 .../ViolationRecord/index.js                  |  84 ++++++++
 .../ViolationRecordDetail/index.js            | 115 +++++++++++
 .../VehicleManagement/index.js                |   5 +
 .../ViolationManagement/index.js              |   5 +
 .../Supervision/PrimaryAccessControl/index.js |   5 +
 src/pages/Container/Supervision/index.js      |   5 +
 152 files changed, 6846 insertions(+), 20 deletions(-)
 create mode 100644 src/api/basicInformation/index.js
 create mode 100644 src/components/CameraList/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/AccessApprover/Add/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/AccessApprover/List/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/AccessApprover/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/Arrival/Detail/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/Arrival/List/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/Arrival/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Share/Detail/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Share/List/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Share/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/Detail/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/List/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Add/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecord/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecordDetail/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/List/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Record/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/SwitchRecord/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagement/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagementDetail/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleRecord/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/Add/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecord/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecordDetail/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/List/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/SwitchRecord/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleManagementDetail/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleRecord/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/Add/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/Detail/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/List/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/Add/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/Detail/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/List/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/index.js
 create mode 100644 src/pages/Container/Enterprise/PrimaryAccessControl/index.js
 create mode 100644 src/pages/Container/Enterprise/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/Add/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/List/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/Add/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/CameraAdd/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/CameraDetail/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/CameraList/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/ChanneAdd/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/ChanneDetail/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/ChannelList/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/Detail/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/EquipmentAdd/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/EquipmentDetail/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/EquipmentList/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/List/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/Arrival/Detail/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/Arrival/List/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/Arrival/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Share/Detail/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Share/List/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Share/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/Detail/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/List/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/ApprovalRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/ApprovalRecordDetail/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/List/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/PersonnelVehicle/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/PersonnelVehicleManagement/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/PersonnelVehicleRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/SwitchRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/Vehicle/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/VehicleManagementDetail/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/VehicleRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/Add/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/List/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/VehicleRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/List/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/PersonnelRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/PersonnelVehicleRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/VehicleCarRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/VehicleRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/ApprovalRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/ApprovalRecordDetail/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/List/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/PersonnelRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/PersonnelVehicleRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/VehicleManagement/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/VehicleManagementDetail/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/VehicleRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Add/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecordDetail/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/List/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Record/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/SwitchRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagement/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagementDetail/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/Add/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecordDetail/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/List/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/SwitchRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleManagementDetail/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/Add/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/Detail/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/List/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/Add/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/Detail/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/List/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/Add/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/Detail/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/List/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/Add/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/List/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/ViolationRecord/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/ViolationRecordDetail/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/index.js
 create mode 100644 src/pages/Container/Supervision/PrimaryAccessControl/index.js
 create mode 100644 src/pages/Container/Supervision/index.js

diff --git a/jjb.config.js b/jjb.config.js
index 22107a9..8ba4f36 100644
--- a/jjb.config.js
+++ b/jjb.config.js
@@ -9,7 +9,7 @@ module.exports = {
       // 应用后端分支名称，部署上线需要
       javaGitBranch: "<branch-name>",
       // 接口服务地址
-      API_HOST: "http://192.168.10.37:80",
+      API_HOST: "http://192.168.20.100:30140",
     },
     production: {
       // 应用后端分支名称，部署上线需要
@@ -24,7 +24,7 @@ module.exports = {
   contextInject: {
     // 应用Key
     appKey: "",
-    fileUrl: "附件地址",
+    fileUrl: "http://192.168.20.240:9787/mnt/",
   },
   // public/index.html注入全局变量
   windowInject: {
diff --git a/package.json b/package.json
index c3b2736..480cf1a 100644
--- a/package.json
+++ b/package.json
@@ -25,12 +25,12 @@
     "@cqsjjb/jjb-dva-runtime": "latest",
     "@cqsjjb/jjb-react-admin-component": "latest",
     "ahooks": "^3.9.5",
-    "antd": "latest",
+    "antd": "^5.27.6",
     "dayjs": "^1.11.7",
     "lodash-es": "^4.17.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "zy-react-library": "^1.0.96"
+    "zy-react-library": "^1.0.178"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^5.4.1",
diff --git a/src/api/basicInformation/index.js b/src/api/basicInformation/index.js
new file mode 100644
index 0000000..03179c6
--- /dev/null
+++ b/src/api/basicInformation/index.js
@@ -0,0 +1,21 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const mkmjAreaList = declareRequest(
+  "basicInformationLoading",
+  `Post > @/xgfManager/project/inCheckList`,
+);
+
+export const userListByDeptId = declareRequest(
+  "basicInformationLoading",
+  `Get > /xgfManager/qualifications/userListByDeptId/{id}`,
+);
+export const projectUserDelete = declareRequest(
+  "basicInformationLoading",
+  `Delete > @/xgfManager/projectUser/{id}`,
+);
+export const corpInfoList = declareRequest(
+  `Post > @/basicInfo/corpInfo/list`,
+);
+export const userList = declareRequest(
+  `Post > @/basicInfo/user/list`,
+);
diff --git a/src/api/mkmjArea/index.js b/src/api/mkmjArea/index.js
index b105591..8674489 100644
--- a/src/api/mkmjArea/index.js
+++ b/src/api/mkmjArea/index.js
@@ -1,30 +1,31 @@
-import {declareRequest} from '@cqsjjb/jjb-dva-runtime';
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
 
 export const mkmjAreaList = declareRequest(
-  'mkmjAreaLoading',
-  'Post > @/primeport/mkmjArea/list',
+  "mkmjAreaLoading",
+  `Post > @/primeport/mkmjArea/list`,
 );
 export const mkmjAreaAdd = declareRequest(
-  'mkmjAreaLoading',
-  'Post > @/primeport/mkmjArea/save'
+  "mkmjAreaLoading",
+  `Post > @/primeport/mkmjArea/save`,
 );
+
 export const mkmjAreaEdit = declareRequest(
-  'mkmjAreaLoading',
-  'Put > @/primeport/mkmjArea/edit'
+  "mkmjAreaLoading",
+  `Put > @/primeport/mkmjArea/edit`,
 );
 export const mkmjAreaDelete = declareRequest(
-  'mkmjAreaLoading',
-  'Delete > @/primeport/mkmjArea/{id}'
+  "mkmjAreaLoading",
+  `Delete > @/primeport/mkmjArea/{id}`,
 );
 export const mkmjAreaBatchDelete = declareRequest(
-  'mkmjAreaLoading',
-  'Delete > @/primeport/mkmjArea/ids/{ids}'
+  "mkmjAreaLoading",
+  `Delete > @/primeport/mkmjArea/ids/{ids}`,
 );
-export const mkmjAreaInfo = declareRequest('mkmjAreaLoading', 'Get > /primeport/mkmjArea/{id}');
+export const mkmjAreaInfo = declareRequest("mkmjAreaLoading", `Get > /primeport/mkmjArea/{id}`);
 
-export const getStatistics = declareRequest('mkmjAreaLoading', 'Post > @/primeport/mkmjArea/statistics');
+export const getStatistics = declareRequest("mkmjAreaLoading", `Post > @/primeport/mkmjArea/statistics`);
 
 export const getCorpInfoList = declareRequest(
-    'fireresourcesLoading',
-    'Get > /basicInfo/corpInfo/listAll?inType=0,1'
-);
\ No newline at end of file
+  "fireresourcesLoading",
+  `Get > /basicInfo/corpInfo/listAll?inType=0,1`,
+);
diff --git a/src/components/CameraList/index.js b/src/components/CameraList/index.js
new file mode 100644
index 0000000..e083bdb
--- /dev/null
+++ b/src/components/CameraList/index.js
@@ -0,0 +1,69 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Modal, Space } from "antd";
+import { useEffect } from "react";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+const CameraList = (props) => {
+  const [form] = Form.useForm();
+  const tableProps = {};
+  const getData = async () => {};
+  useEffect(() => {
+    props.id && getData();
+  }, []);
+  const handleSubmit = async () => {
+
+  };
+  return (
+    <>
+      <Modal
+        title="添加摄像头"
+        open
+        onCancel={props.onCancel}
+        onOk={handleSubmit}
+        width={1200}
+        footer={null}
+      >
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "", label: "视频名称" },
+          ]}
+          form={form}
+          // onFinish={getData}
+        />
+        <Table
+          columns={[
+            { title: "视频名称", dataIndex: "" },
+            { title: "区域", dataIndex: "" },
+            {
+              title: "操作",
+              fixed: "right",
+              width: 180,
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    播放
+                  </Button>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    选择
+                  </Button>
+                </Space>
+              ),
+            },
+          ]}
+          {...tableProps}
+        />
+      </Modal>
+
+    </>
+  );
+};
+export default Connect([NS_BASICINFORMATION], true)(CameraList);
diff --git a/src/enumerate/constant/index.js b/src/enumerate/constant/index.js
index f077757..b636386 100644
--- a/src/enumerate/constant/index.js
+++ b/src/enumerate/constant/index.js
@@ -3,3 +3,44 @@
  */
 
 export {};
+// 所属区域
+export const PRIMARY_REGION = [
+  { name: "东港区", bianma: "1" },
+  { name: "西港区", bianma: "2" },
+];
+// 口门类型
+export const PRIMARY_OPENING_TYPE = [
+  { name: "人行口门", bianma: "1" },
+  { name: "车行口门", bianma: "2" },
+  { name: "综合口门", bianma: "3" },
+];
+// 口门状态
+export const PRIMARY_OPENING_STATUS = [
+  { name: "停用", bianma: "1" },
+  { name: "正常", bianma: "0" },
+  { name: "暂时关闭", bianma: "0" },
+];
+// 通道状态
+export const PRIMARY_CHANNELIST_STATUS = [
+  { name: "停用", bianma: "1" },
+  { name: "正常", bianma: "0" },
+  { name: "暂时关闭", bianma: "0" },
+];
+// 通道类型
+export const PRIMARY_CHANNELIST_TYPE = [
+  { name: "人行口门", bianma: "1" },
+  { name: "车行口门", bianma: "2" },
+  { name: "综合口门", bianma: "3" },
+];
+// 闸机状态
+export const PRIMARY_EQUIPMENT_STATUS = [
+  { name: "停用", bianma: "1" },
+  { name: "正常", bianma: "0" },
+  { name: "暂时关闭", bianma: "0" },
+];
+// 闸机类型
+export const PRIMARY_EQUIPMENT_TYPE = [
+  { name: "人行闸机", bianma: "1" },
+  { name: "车行闸机", bianma: "2" },
+  { name: "综合闸机", bianma: "3" },
+];
diff --git a/src/enumerate/namespace/index.js b/src/enumerate/namespace/index.js
index a1d5fe7..0d4d75a 100644
--- a/src/enumerate/namespace/index.js
+++ b/src/enumerate/namespace/index.js
@@ -11,3 +11,4 @@ export const NS_MKMJGATELOG = defineNamespace("mkmjGateLog");
 export const NS_MKMJGATEVIDEO = defineNamespace("mkmjGateVideo");
 export const NS_MKMJPASSAGE = defineNamespace("mkmjPassage");
 export const NS_ENCLOSEDAREA = defineNamespace("enclosedArea");
+export const NS_BASICINFORMATION = defineNamespace("basicInformation");
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/AccessApprover/Add/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/AccessApprover/Add/index.js
new file mode 100644
index 0000000..b54a084
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/AccessApprover/Add/index.js
@@ -0,0 +1,8 @@
+import AddView from "~/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/Add";
+
+function Add(props) {
+  // 带入企业名称到下一级页面
+  return (<AddView {...props} />);
+};
+
+export default Add;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/AccessApprover/List/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/AccessApprover/List/index.js
new file mode 100644
index 0000000..b7596d2
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/AccessApprover/List/index.js
@@ -0,0 +1,8 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/List";
+
+function List(props) {
+  // 带入企业名称到下一级页面
+  return (<ListView {...props} />);
+};
+
+export default List;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/AccessApprover/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/AccessApprover/index.js
new file mode 100644
index 0000000..db819f3
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/AccessApprover/index.js
@@ -0,0 +1,5 @@
+function AccessApprover(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default AccessApprover;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/index.js
new file mode 100644
index 0000000..6b7722a
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/index.js
@@ -0,0 +1,5 @@
+function BasicInformation(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default BasicInformation;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/Arrival/Detail/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/Arrival/Detail/index.js
new file mode 100644
index 0000000..8a2c10b
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/Arrival/Detail/index.js
@@ -0,0 +1,7 @@
+import DetailView from "~/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/Arrival/Detail";
+
+function Detail(props) {
+  return (<DetailView {...props} />);
+};
+
+export default Detail;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/Arrival/List/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/Arrival/List/index.js
new file mode 100644
index 0000000..814dadc
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/Arrival/List/index.js
@@ -0,0 +1,7 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/Arrival/List";
+
+function List(props) {
+  return (<ListView {...props} />);
+};
+
+export default List;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/Arrival/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/Arrival/index.js
new file mode 100644
index 0000000..44d89e3
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/Arrival/index.js
@@ -0,0 +1,5 @@
+function Arrival(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default Arrival;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/index.js
new file mode 100644
index 0000000..360bc8b
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/index.js
@@ -0,0 +1,5 @@
+function Personnel(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default Personnel;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Share/Detail/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Share/Detail/index.js
new file mode 100644
index 0000000..0960711
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Share/Detail/index.js
@@ -0,0 +1,7 @@
+import DetailView from "~/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Share/Detail";
+
+function Detail(props) {
+  return (<DetailView {...props} />);
+};
+
+export default Detail;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Share/List/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Share/List/index.js
new file mode 100644
index 0000000..2d35ef1
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Share/List/index.js
@@ -0,0 +1,7 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Share/List";
+
+function List(props) {
+  return (<ListView {...props} />);
+};
+
+export default List;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Share/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Share/index.js
new file mode 100644
index 0000000..520f31e
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Share/index.js
@@ -0,0 +1,5 @@
+function Share(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default Share;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/Detail/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/Detail/index.js
new file mode 100644
index 0000000..eead9ce
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/Detail/index.js
@@ -0,0 +1,7 @@
+import DetailView from "~/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/Detail";
+
+function Detail(props) {
+  return (<DetailView {...props} />);
+};
+
+export default Detail;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/List/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/List/index.js
new file mode 100644
index 0000000..1747fd2
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/List/index.js
@@ -0,0 +1,7 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/List";
+
+function List(props) {
+  return (<ListView {...props} />);
+};
+
+export default List;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/index.js
new file mode 100644
index 0000000..a0122e5
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/index.js
@@ -0,0 +1,5 @@
+function Stakeholder(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default Stakeholder;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/index.js
new file mode 100644
index 0000000..774b521
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/index.js
@@ -0,0 +1,5 @@
+function Vehicle(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default Vehicle;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/index.js
new file mode 100644
index 0000000..6346350
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/index.js
@@ -0,0 +1,5 @@
+function EntryApprova(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default EntryApprova;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Add/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Add/index.js
new file mode 100644
index 0000000..8d32e06
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Add/index.js
@@ -0,0 +1,8 @@
+import AddView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Add";
+
+function Add(props) {
+  // 带入企业名称到下一级页面
+  return (<AddView {...props} />);
+};
+
+export default Add;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecord/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecord/index.js
new file mode 100644
index 0000000..dadfced
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecord/index.js
@@ -0,0 +1,7 @@
+import ApprovalRecordView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecord";
+
+function ApprovalRecord(props) {
+  return (<ApprovalRecordView {...props} />);
+};
+
+export default ApprovalRecord;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecordDetail/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecordDetail/index.js
new file mode 100644
index 0000000..4a1c762
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecordDetail/index.js
@@ -0,0 +1,7 @@
+import ApprovalRecordDetailView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecordDetail";
+
+function ApprovalRecordDetail(props) {
+  return (<ApprovalRecordDetailView {...props} />);
+};
+
+export default ApprovalRecordDetail;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/List/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/List/index.js
new file mode 100644
index 0000000..5c09f2e
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/List/index.js
@@ -0,0 +1,7 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/List";
+
+function List(props) {
+  return (<ListView {...props} />);
+};
+
+export default List;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Record/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Record/index.js
new file mode 100644
index 0000000..122fcbf
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Record/index.js
@@ -0,0 +1,7 @@
+import RecordView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Record";
+
+function Record(props) {
+  return (<RecordView {...props} />);
+};
+
+export default Record;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/SwitchRecord/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/SwitchRecord/index.js
new file mode 100644
index 0000000..39e3e5e
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/SwitchRecord/index.js
@@ -0,0 +1,7 @@
+import SwitchRecordView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/SwitchRecord";
+
+function SwitchRecord(props) {
+  return (<SwitchRecordView {...props} />);
+};
+
+export default SwitchRecord;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagement/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagement/index.js
new file mode 100644
index 0000000..4e41ded
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagement/index.js
@@ -0,0 +1,7 @@
+import VehicleManagementView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagement";
+
+function VehicleManagement(props) {
+  return (<VehicleManagementView pageName="Enterprise" {...props} />);
+};
+
+export default VehicleManagement;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagementDetail/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagementDetail/index.js
new file mode 100644
index 0000000..47d1dfb
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagementDetail/index.js
@@ -0,0 +1,7 @@
+import VehicleManagementDetailView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagementDetail";
+
+function VehicleManagementDetail(props) {
+  return (<VehicleManagementDetailView {...props} />);
+};
+
+export default VehicleManagementDetail;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleRecord/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleRecord/index.js
new file mode 100644
index 0000000..5777198
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleRecord/index.js
@@ -0,0 +1,7 @@
+import VehicleRecordView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/VehicleCarRecord";
+
+function VehicleRecord(props) {
+  return (<VehicleRecordView {...props} />);
+};
+
+export default VehicleRecord;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/index.js
new file mode 100644
index 0000000..9be432d
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/index.js
@@ -0,0 +1,5 @@
+function SupervisionPersonnelVehicle(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default SupervisionPersonnelVehicle;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/Add/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/Add/index.js
new file mode 100644
index 0000000..79d2869
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/Add/index.js
@@ -0,0 +1,7 @@
+import AddView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/Add";
+
+function Add(props) {
+  return (<AddView {...props} />);
+};
+
+export default Add;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecord/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecord/index.js
new file mode 100644
index 0000000..8751353
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecord/index.js
@@ -0,0 +1,7 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecord";
+
+function ApprovalRecord(props) {
+  return (<ListView {...props} />);
+};
+
+export default ApprovalRecord;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecordDetail/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecordDetail/index.js
new file mode 100644
index 0000000..bc53342
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecordDetail/index.js
@@ -0,0 +1,7 @@
+import DetailView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecordDetail";
+
+function ApprovalRecordDetail(props) {
+  return (<DetailView {...props} />);
+};
+
+export default ApprovalRecordDetail;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/List/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/List/index.js
new file mode 100644
index 0000000..d64eb10
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/List/index.js
@@ -0,0 +1,7 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/List";
+
+function List(props) {
+  return (<ListView {...props} />);
+};
+
+export default List;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/SwitchRecord/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/SwitchRecord/index.js
new file mode 100644
index 0000000..5e92b31
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/SwitchRecord/index.js
@@ -0,0 +1,7 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/SwitchRecord";
+
+function SwitchRecord(props) {
+  return (<ListView {...props} />);
+};
+
+export default SwitchRecord;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleManagementDetail/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleManagementDetail/index.js
new file mode 100644
index 0000000..47d1dfb
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleManagementDetail/index.js
@@ -0,0 +1,7 @@
+import VehicleManagementDetailView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagementDetail";
+
+function VehicleManagementDetail(props) {
+  return (<VehicleManagementDetailView {...props} />);
+};
+
+export default VehicleManagementDetail;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleRecord/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleRecord/index.js
new file mode 100644
index 0000000..5777198
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleRecord/index.js
@@ -0,0 +1,7 @@
+import VehicleRecordView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/VehicleCarRecord";
+
+function VehicleRecord(props) {
+  return (<VehicleRecordView {...props} />);
+};
+
+export default VehicleRecord;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/index.js
new file mode 100644
index 0000000..e151b36
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/index.js
@@ -0,0 +1,5 @@
+function SupervisionVehicle(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default SupervisionVehicle;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/index.js
new file mode 100644
index 0000000..e895b36
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/index.js
@@ -0,0 +1,5 @@
+function ImportExportInformation(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default ImportExportInformation;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/Add/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/Add/index.js
new file mode 100644
index 0000000..5e64970
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/Add/index.js
@@ -0,0 +1,7 @@
+import AddView from "~/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/Add";
+
+function Add(props) {
+  return (<AddView {...props} />);
+};
+
+export default Add;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/Detail/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/Detail/index.js
new file mode 100644
index 0000000..1e84639
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/Detail/index.js
@@ -0,0 +1,7 @@
+import DetailView from "~/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/Detail";
+
+function Detail(props) {
+  return (<DetailView {...props} />);
+};
+
+export default Detail;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/List/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/List/index.js
new file mode 100644
index 0000000..4d05bac
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/List/index.js
@@ -0,0 +1,7 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/List";
+
+function List(props) {
+  return (<ListView {...props} />);
+};
+
+export default List;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/index.js
new file mode 100644
index 0000000..360bc8b
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/index.js
@@ -0,0 +1,5 @@
+function Personnel(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default Personnel;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/Add/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/Add/index.js
new file mode 100644
index 0000000..0a3522d
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/Add/index.js
@@ -0,0 +1,7 @@
+import AddView from "~/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/Add";
+
+function Add(props) {
+  return (<AddView {...props} />);
+};
+
+export default Add;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/Detail/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/Detail/index.js
new file mode 100644
index 0000000..a6dd855
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/Detail/index.js
@@ -0,0 +1,7 @@
+import DetailView from "~/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/Detail";
+
+function Detail(props) {
+  return (<DetailView {...props} />);
+};
+
+export default Detail;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/List/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/List/index.js
new file mode 100644
index 0000000..bb60498
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/List/index.js
@@ -0,0 +1,7 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/List";
+
+function List(props) {
+  return (<ListView {...props} />);
+};
+
+export default List;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/index.js
new file mode 100644
index 0000000..774b521
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/index.js
@@ -0,0 +1,5 @@
+function Vehicle(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default Vehicle;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/index.js
new file mode 100644
index 0000000..ea442ef
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/index.js
@@ -0,0 +1,5 @@
+function TemporaryVisitor(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default TemporaryVisitor;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/index.js
new file mode 100644
index 0000000..9b8bfa8
--- /dev/null
+++ b/src/pages/Container/Enterprise/PrimaryAccessControl/index.js
@@ -0,0 +1,5 @@
+function PrimaryAccessControl(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default PrimaryAccessControl;
diff --git a/src/pages/Container/Enterprise/index.js b/src/pages/Container/Enterprise/index.js
new file mode 100644
index 0000000..7b78389
--- /dev/null
+++ b/src/pages/Container/Enterprise/index.js
@@ -0,0 +1,5 @@
+function Enterprise(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default Enterprise;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/Add/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/Add/index.js
new file mode 100644
index 0000000..e03d66e
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/Add/index.js
@@ -0,0 +1,66 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Form, message } from "antd";
+import { useEffect } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import PersonnelSelect from "zy-react-library/components/Select/Personnel/Gwj";
+import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function Add(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const getData = async () => {
+    if (query.id) {
+      const { data } = await props["busPromiseTemplateView"]({ id: query.id });
+      const values = {
+        ...data,
+      };
+      form.setFieldsValue({
+        ...values,
+      });
+    }
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  const onSubmit = async (values) => {
+    const { success } = await props[!query.id ? "busPromiseTemplateAdd" : "busPromiseTemplateEdit"]({
+      ...values,
+      id: query.id,
+      promiseId: query.promiseId,
+      isRegulatory: 0,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+  return (
+    <div>
+      <HeaderBack title={query.id ? "编辑" : "新增"} />
+      <div style={{ paddingBottom: 10 }}>
+        <FormBuilder
+          form={form}
+          onFinish={onSubmit}
+          options={[
+            { name: "", label: "部门", span: 24, render: <DepartmentSelectTree /> },
+            { name: "", label: "审批人", span: 24, render: (
+              <PersonnelSelect
+                isNeedDepartmentId={false}
+                onGetLabel={(label) => {
+                  form.setFieldValue("userName", label);
+                }}
+              />
+            ) },
+            { name: "userName", label: "审批人名称", onlyForLabel: true },
+            { name: "", label: "审批权限", span: 24, render: FORM_ITEM_RENDER_ENUM.CHECKBOX, items: [{ bianma: 1, name: "人员" }, { bianma: 0, name: "车辆" }, { bianma: 2, name: "临时访客" }] },
+          ]}
+        />
+      </div>
+    </div>
+  );
+}
+export default Connect([NS_BASICINFORMATION], true)(Add);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/List/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/List/index.js
new file mode 100644
index 0000000..6af0aae
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/List/index.js
@@ -0,0 +1,87 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Search from "zy-react-library/components/Search";
+import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
+import Table from "zy-react-library/components/Table";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = [];
+
+  const onDelete = (record) => {
+    // Modal.confirm({
+    //   title: "删除确认",
+    //   content: "确定要删除吗？",
+    //   onOk: async () => {
+    //     const { success } = await props["projectUserDelete"]({ id: record.id });
+    //     if (success) {
+    //       message.success("删除成功");
+    //       // getData();
+    //     }
+    //   },
+    // });
+  };
+  return (
+    <div style={{ padding: 20 }}>
+      <Search
+        labelCol={{ span: 8 }}
+        options={[
+          { name: "a", label: "部门", render: (
+            <DepartmentSelectTree />
+          ) },
+          { name: "b", label: "姓名" },
+        ]}
+        form={form}
+        // onFinish={getData}
+      />
+      <Table
+        toolBarRender={() => (
+          <Space>
+            <Button
+              type="primary"
+              icon={<AddIcon />}
+              onClick={() => {
+                props.history.push("./add");
+              }}
+            >
+              新增
+            </Button>
+          </Space>
+        )}
+        columns={[
+          { title: "部门", dataIndex: "" },
+          { title: "姓名", dataIndex: "" },
+          { title: "岗位", dataIndex: "" },
+          { title: "审批权限", dataIndex: "" },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 350,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  danger
+                  onClick={() => onDelete(record)}
+                >
+                  删除
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(List);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/index.js
new file mode 100644
index 0000000..db819f3
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/index.js
@@ -0,0 +1,5 @@
+function AccessApprover(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default AccessApprover;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/Add/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/Add/index.js
new file mode 100644
index 0000000..b268253
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/Add/index.js
@@ -0,0 +1,67 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Form, message } from "antd";
+import { useEffect } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Map from "zy-react-library/components/Map";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { PRIMARY_OPENING_STATUS, PRIMARY_OPENING_TYPE, PRIMARY_REGION } from "~/enumerate/constant";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function Add(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const getData = async () => {
+    if (query.id) {
+      const { data } = await props["busPromiseTemplateView"]({ id: query.id });
+      const values = {
+        ...data,
+      };
+      form.setFieldsValue({
+        ...values,
+      });
+    }
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  const onSubmit = async (values) => {
+    const { success } = await props[!query.id ? "busPromiseTemplateAdd" : "busPromiseTemplateEdit"]({
+      ...values,
+      id: query.id,
+      promiseId: query.promiseId,
+      isRegulatory: 0,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+  return (
+    <div>
+      <HeaderBack title={query.id ? "编辑" : "新增"} />
+      <div style={{ paddingBottom: 10 }}>
+        <FormBuilder
+          form={form}
+          onFinish={onSubmit}
+          options={[
+            { name: "", label: "所属港区" },
+            { name: "", label: "所属区域", render: FORM_ITEM_RENDER_ENUM.SELECT, items: PRIMARY_REGION },
+            { name: "", label: "口门名称", span: 24 },
+            { name: "", label: "口门类型", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: PRIMARY_OPENING_TYPE },
+            { name: "", label: "口门位置", span: 24 },
+            { name: "", label: "", labelCol: { span: 0 }, span: 24, render: (
+              <Map
+                required={false}
+              />
+            ) },
+
+            { name: "", label: "口门状态", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: PRIMARY_OPENING_STATUS },
+          ]}
+        />
+      </div>
+    </div>
+  );
+}
+export default Connect([NS_BASICINFORMATION], true)(Add);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/CameraAdd/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/CameraAdd/index.js
new file mode 100644
index 0000000..cc18741
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/CameraAdd/index.js
@@ -0,0 +1,74 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, message } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import CameraList from "~/components/CameraList";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function CameraAdd(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const [cameraListOpen, setcameraListOpen] = useState(false);
+  const getData = async () => {
+    if (query.id) {
+      const { data } = await props["busPromiseTemplateView"]({ id: query.id });
+      const values = {
+        ...data,
+      };
+      form.setFieldsValue({
+        ...values,
+      });
+    }
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  const onSubmit = async (values) => {
+    const { success } = await props[!query.id ? "busPromiseTemplateAdd" : "busPromiseTemplateEdit"]({
+      ...values,
+      id: query.id,
+      promiseId: query.promiseId,
+      isRegulatory: 0,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+  return (
+    <div>
+      <HeaderBack title={query.id ? "编辑" : "新增"} />
+      <div style={{ paddingBottom: 10 }}>
+        <FormBuilder
+          form={form}
+          onFinish={onSubmit}
+          options={[
+            { name: "", label: "视频监控信息", span: 24, render: (
+              <Button
+                type="primary"
+                onClick={() => {
+                  setcameraListOpen(true);
+                }}
+              >
+                选择
+              </Button>
+            ) },
+            { name: "", label: "视频名称", span: 24, componentProps: {
+              disabled: true,
+            } },
+            { name: "", label: "播放地址", span: 24, componentProps: {
+              disabled: true,
+            } },
+            { name: "", label: "摄像头编号", span: 24, componentProps: {
+              disabled: true,
+            } },
+          ]}
+        />
+        {cameraListOpen && <CameraList onCancel={() => setcameraListOpen(false)} />}
+      </div>
+    </div>
+  );
+}
+export default Connect([NS_BASICINFORMATION], true)(CameraAdd);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/CameraDetail/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/CameraDetail/index.js
new file mode 100644
index 0000000..781c7a2
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/CameraDetail/index.js
@@ -0,0 +1,45 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Descriptions, Spin } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function CameraDetail(props) {
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div>
+            <Descriptions
+              bordered
+              column={1}
+              styles={{ label: { width: 200 } }}
+              items={[
+                { label: "视频名称", children: "" },
+                { label: "播放地址", children: "" },
+                { label: "摄像头编号", children: "" },
+              ]}
+            />
+          </div>
+        </Spin>
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(CameraDetail);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/CameraList/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/CameraList/index.js
new file mode 100644
index 0000000..e6e29c5
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/CameraList/index.js
@@ -0,0 +1,125 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, message, Modal, Space } from "antd";
+import { useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import {
+  PRIMARY_CHANNELIST_TYPE,
+} from "~/enumerate/constant";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function CameraList(props) {
+  const [form] = Form.useForm();
+  const [selectedRowKeys, setSelectedRowKeys] = useState([]); // 存储选中的行键
+  const [selectedRows, setSelectedRows] = useState([]); // 存储选中行的完整数据
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const onDelete = (record) => {
+    Modal.confirm({
+      title: "删除确认",
+      content: "确定要删除吗？",
+      onOk: async () => {
+        const { success } = await props["projectUserDelete"]({ id: record.id });
+        if (success) {
+          message.success("删除成功");
+          // getData();
+        }
+      },
+    });
+  };
+  return (
+    <div>
+      <HeaderBack title="添加摄像头" />
+      <div style={{ padding: 20 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "", label: "视频名称" },
+            { name: "", label: "通道类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: PRIMARY_CHANNELIST_TYPE },
+          ]}
+          form={form}
+          // onFinish={getData}
+        />
+        <Table
+          toolBarRender={() => (
+            <Space>
+              <Button
+                type="primary"
+                icon={<AddIcon />}
+                onClick={() => {
+                  props.history.push("./CameraAdd");
+                }}
+              >
+                新增
+              </Button>
+              <Button
+                type="primary"
+                icon={<AddIcon />}
+                onClick={() => {
+                  props.history.push("./CameraDetail");
+                }}
+              >
+                查看
+              </Button>
+            </Space>
+          )}
+          rowSelection={{
+            selectedRowKeys,
+            preserveSelectedRowKeys: true,
+          }}
+          columns={[
+            { title: "视频名称", dataIndex: "" },
+            { title: "播放地址", dataIndex: "" },
+            { title: "视频定位状态", dataIndex: "" },
+            { title: "是否在线", dataIndex: "" },
+            {
+              title: "操作",
+              fixed: "right",
+              width: 200,
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    查看
+                  </Button>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    编辑
+                  </Button>
+                  <Button
+                    type="link"
+                    danger
+                    onClick={() => onDelete(record)}
+                  >
+                    删除
+                  </Button>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    添加摄像头
+                  </Button>
+                </Space>
+              ),
+            },
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(CameraList);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/ChanneAdd/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/ChanneAdd/index.js
new file mode 100644
index 0000000..015b5c6
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/ChanneAdd/index.js
@@ -0,0 +1,60 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Form, message } from "antd";
+import { useEffect } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import {
+  PRIMARY_CHANNELIST_TYPE,
+  PRIMARY_CHANNELLIST_STATUS,
+} from "~/enumerate/constant";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function ChanneAdd(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const getData = async () => {
+    if (query.id) {
+      const { data } = await props["busPromiseTemplateView"]({ id: query.id });
+      const values = {
+        ...data,
+      };
+      form.setFieldsValue({
+        ...values,
+      });
+    }
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  const onSubmit = async (values) => {
+    const { success } = await props[!query.id ? "busPromiseTemplateAdd" : "busPromiseTemplateEdit"]({
+      ...values,
+      id: query.id,
+      promiseId: query.promiseId,
+      isRegulatory: 0,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+  return (
+    <div>
+      <HeaderBack title={query.id ? "编辑" : "新增"} />
+      <div style={{ paddingBottom: 10 }}>
+        <FormBuilder
+          form={form}
+          onFinish={onSubmit}
+          options={[
+            { name: "", label: "通道名称", span: 24 },
+            { name: "", label: "通道类型", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: PRIMARY_CHANNELIST_TYPE },
+            { name: "", label: "通道状态", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: PRIMARY_CHANNELLIST_STATUS },
+          ]}
+        />
+      </div>
+    </div>
+  );
+}
+export default Connect([NS_BASICINFORMATION], true)(ChanneAdd);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/ChanneDetail/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/ChanneDetail/index.js
new file mode 100644
index 0000000..8721d55
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/ChanneDetail/index.js
@@ -0,0 +1,46 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Descriptions, Spin } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function ChanneDetail(props) {
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div>
+            <Descriptions
+              bordered
+              column={1}
+              styles={{ label: { width: 200 } }}
+              items={[
+                { label: "通道名称", children: "" },
+                { label: "通道类型", children: "" },
+                { label: "通道状态", children: "" },
+                { label: "地理位置", children: "" },
+              ]}
+            />
+          </div>
+        </Spin>
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(ChanneDetail);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/ChannelList/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/ChannelList/index.js
new file mode 100644
index 0000000..4df8cf7
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/ChannelList/index.js
@@ -0,0 +1,125 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, message, Modal, Space } from "antd";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { PRIMARY_CHANNELIST_STATUS, PRIMARY_CHANNELLIST_TYPE } from "~/enumerate/constant";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function ChannelList(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const onDelete = (record) => {
+    Modal.confirm({
+      title: "删除确认",
+      content: "确定要删除吗？",
+      onOk: async () => {
+        const { success } = await props["projectUserDelete"]({ id: record.id });
+        if (success) {
+          message.success("删除成功");
+          // getData();
+        }
+      },
+    });
+  };
+  return (
+    <div>
+      <HeaderBack title="通道" />
+      <div style={{ padding: 20 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "", label: "通道名称" },
+            { name: "", label: "通道状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: PRIMARY_CHANNELIST_STATUS },
+            { name: "", label: "通道类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: PRIMARY_CHANNELLIST_TYPE },
+          ]}
+          form={form}
+          // onFinish={getData}
+        />
+        <Table
+          toolBarRender={() => (
+            <Space>
+              <Button
+                type="primary"
+                icon={<AddIcon />}
+                onClick={() => {
+                  props.history.push("./ChanneAdd");
+                }}
+              >
+                新增
+              </Button>
+              <Button
+                type="primary"
+                icon={<AddIcon />}
+                onClick={() => {
+                  props.history.push("./ChanneDetail");
+                }}
+              >
+                查看
+              </Button>
+              <Button
+                type="primary"
+                icon={<AddIcon />}
+                onClick={() => {
+                  props.history.push("./EquipmentList");
+                }}
+              >
+                添加设备
+              </Button>
+            </Space>
+          )}
+          columns={[
+            { title: "通道类型", dataIndex: "" },
+            { title: "通道名称", dataIndex: "" },
+            { title: "设备数", dataIndex: "" },
+            {
+              title: "操作",
+              fixed: "right",
+              width: 200,
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    查看
+                  </Button>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    编辑
+                  </Button>
+                  <Button
+                    type="link"
+                    danger
+                    onClick={() => onDelete(record)}
+                  >
+                    删除
+                  </Button>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    添加设备
+                  </Button>
+                </Space>
+              ),
+            },
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(ChannelList);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/Detail/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/Detail/index.js
new file mode 100644
index 0000000..29621b8
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/Detail/index.js
@@ -0,0 +1,48 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Descriptions, Spin } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function Detail(props) {
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div>
+            <Descriptions
+              bordered
+              column={1}
+              styles={{ label: { width: 200 } }}
+              items={[
+                { label: "所属区域", children: "" },
+                { label: "口门名称", children: "" },
+                { label: "口门类型", children: "" },
+                { label: "口门位置", children: "" },
+                { label: "地理位置", children: "" },
+                { label: "口门状态", children: "" },
+              ]}
+            />
+          </div>
+        </Spin>
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(Detail);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/EquipmentAdd/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/EquipmentAdd/index.js
new file mode 100644
index 0000000..6a0d040
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/EquipmentAdd/index.js
@@ -0,0 +1,63 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Form, message } from "antd";
+import { useEffect } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import {
+  PRIMARY_EQUIPMENT_STATUS,
+  PRIMARY_EQUIPMENT_TYPE,
+} from "~/enumerate/constant";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function EquipmentAdd(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const getData = async () => {
+    if (query.id) {
+      const { data } = await props["busPromiseTemplateView"]({ id: query.id });
+      const values = {
+        ...data,
+      };
+      form.setFieldsValue({
+        ...values,
+      });
+    }
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  const onSubmit = async (values) => {
+    const { success } = await props[!query.id ? "busPromiseTemplateAdd" : "busPromiseTemplateEdit"]({
+      ...values,
+      id: query.id,
+      promiseId: query.promiseId,
+      isRegulatory: 0,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+  return (
+    <div>
+      <HeaderBack title={query.id ? "编辑" : "新增"} />
+      <div style={{ paddingBottom: 10 }}>
+        <FormBuilder
+          form={form}
+          onFinish={onSubmit}
+          options={[
+            { name: "", label: "闸机类型", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: PRIMARY_EQUIPMENT_TYPE },
+            { name: "", label: "闸机名称", span: 24 },
+            { name: "", label: "闸机类别", span: 24 },
+            { name: "", label: "闸机型号", span: 24 },
+            { name: "", label: "闸机位置", span: 24 },
+            { name: "", label: "闸机状态", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: PRIMARY_EQUIPMENT_STATUS },
+          ]}
+        />
+      </div>
+    </div>
+  );
+}
+export default Connect([NS_BASICINFORMATION], true)(EquipmentAdd);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/EquipmentDetail/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/EquipmentDetail/index.js
new file mode 100644
index 0000000..e5b311e
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/EquipmentDetail/index.js
@@ -0,0 +1,48 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Descriptions, Spin } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function EquipmentDetail(props) {
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div>
+            <Descriptions
+              bordered
+              column={1}
+              styles={{ label: { width: 200 } }}
+              items={[
+                { label: "闸机类型", children: "" },
+                { label: "闸机名称", children: "" },
+                { label: "闸机类别", children: "" },
+                { label: "闸机型号", children: "" },
+                { label: "闸机位置", children: "" },
+                { label: "闸机状态", children: "" },
+              ]}
+            />
+          </div>
+        </Spin>
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(EquipmentDetail);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/EquipmentList/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/EquipmentList/index.js
new file mode 100644
index 0000000..fc31e76
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/EquipmentList/index.js
@@ -0,0 +1,132 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, message, Modal, Space } from "antd";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import {
+  PRIMARY_EQUIPMENT_STATUS,
+  PRIMARY_EQUIPMENT_TYPE,
+} from "~/enumerate/constant";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function EquipmentList(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const onDelete = (record) => {
+    Modal.confirm({
+      title: "删除确认",
+      content: "确定要删除吗？",
+      onOk: async () => {
+        const { success } = await props["projectUserDelete"]({ id: record.id });
+        if (success) {
+          message.success("删除成功");
+          // getData();
+        }
+      },
+    });
+  };
+  return (
+    <div>
+      <HeaderBack title="设备" />
+      <div style={{ padding: 20 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "", label: "闸机名称" },
+            { name: "", label: "闸机状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: PRIMARY_EQUIPMENT_STATUS },
+            { name: "", label: "闸机类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: PRIMARY_EQUIPMENT_TYPE },
+            { name: "", label: "闸机类别", render: FORM_ITEM_RENDER_ENUM.SELECT, items: PRIMARY_EQUIPMENT_TYPE },
+          ]}
+          form={form}
+          // onFinish={getData}
+        />
+        <Table
+          toolBarRender={() => (
+            <Space>
+              <Button
+                type="primary"
+                icon={<AddIcon />}
+                onClick={() => {
+                  props.history.push("./EquipmentAdd");
+                }}
+              >
+                新增
+              </Button>
+              <Button
+                type="primary"
+                icon={<AddIcon />}
+                onClick={() => {
+                  props.history.push("./EquipmentDetail");
+                }}
+              >
+                查看
+              </Button>
+              <Button
+                type="primary"
+                icon={<AddIcon />}
+                onClick={() => {
+                  props.history.push("./CameraList");
+                }}
+              >
+                添加摄像头
+              </Button>
+            </Space>
+          )}
+          columns={[
+            { title: "闸机类型", dataIndex: "" },
+            { title: "闸机名称", dataIndex: "" },
+            { title: "闸机类别", dataIndex: "" },
+            { title: "闸机位置", dataIndex: "" },
+            { title: "摄像头个数", dataIndex: "" },
+            { title: "闸机状态", dataIndex: "" },
+            {
+              title: "操作",
+              fixed: "right",
+              width: 200,
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    查看
+                  </Button>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    编辑
+                  </Button>
+                  <Button
+                    type="link"
+                    danger
+                    onClick={() => onDelete(record)}
+                  >
+                    删除
+                  </Button>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    添加摄像头
+                  </Button>
+                </Space>
+              ),
+            },
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(EquipmentList);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/List/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/List/index.js
new file mode 100644
index 0000000..2384eac
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/List/index.js
@@ -0,0 +1,128 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, message, Modal, Space } from "antd";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { PRIMARY_OPENING_STATUS, PRIMARY_OPENING_TYPE, PRIMARY_REGION } from "~/enumerate/constant";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const onDelete = (record) => {
+    Modal.confirm({
+      title: "删除确认",
+      content: "确定要删除吗？",
+      onOk: async () => {
+        const { success } = await props["projectUserDelete"]({ id: record.id });
+        if (success) {
+          message.success("删除成功");
+          // getData();
+        }
+      },
+    });
+  };
+  return (
+    <div style={{ padding: 20 }}>
+      <Search
+        labelCol={{ span: 8 }}
+        options={[
+          { name: "", label: "口门名称" },
+          { name: "", label: "口门状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: PRIMARY_OPENING_STATUS },
+          { name: "", label: "口门类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: PRIMARY_OPENING_TYPE },
+          { name: "", label: "所属区域", render: FORM_ITEM_RENDER_ENUM.SELECT, items: PRIMARY_REGION },
+        ]}
+        form={form}
+        // onFinish={getData}
+      />
+      <Table
+        toolBarRender={() => (
+          <Space>
+            <Button
+              type="primary"
+              icon={<AddIcon />}
+              onClick={() => {
+                props.history.push("./add");
+              }}
+            >
+              新增
+            </Button>
+            <Button
+              type="primary"
+              icon={<AddIcon />}
+              onClick={() => {
+                props.history.push("./PersonnelVehicleRecord");
+              }}
+            >
+              查看
+            </Button>
+            <Button
+              type="primary"
+              icon={<AddIcon />}
+              onClick={() => {
+                props.history.push("./ChannelList");
+              }}
+            >
+              添加通道
+            </Button>
+            <Button
+              type="primary"
+              icon={<AddIcon />}
+              onClick={() => {
+                props.history.push("./CameraList");
+              }}
+            >
+              添加摄像头
+            </Button>
+          </Space>
+        )}
+        columns={[
+          { title: "所属区域", dataIndex: "" },
+          { title: "口门类型", dataIndex: "" },
+          { title: "口门名称", dataIndex: "" },
+          { title: "口门位置", dataIndex: "" },
+          { title: "摄像头个数", dataIndex: "" },
+          { title: "口门状态", dataIndex: "" },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 200,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {}}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {}}
+                >
+                  编辑
+                </Button>
+                <Button
+                  type="link"
+                  danger
+                  onClick={() => onDelete(record)}
+                >
+                  删除
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(List);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/index.js
new file mode 100644
index 0000000..16eae8e
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/index.js
@@ -0,0 +1,5 @@
+function PrimaryAccessPoint(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default PrimaryAccessPoint;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/index.js
new file mode 100644
index 0000000..6b7722a
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/index.js
@@ -0,0 +1,5 @@
+function BasicInformation(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default BasicInformation;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/Arrival/Detail/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/Arrival/Detail/index.js
new file mode 100644
index 0000000..ba64e67
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/Arrival/Detail/index.js
@@ -0,0 +1,161 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider, Form, Input, message, Modal, Spin } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Table from "zy-react-library/components/Table";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function Detail(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const tableProps = {};
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  const auditSubmit = (result) => {
+    if (result === 1) {
+      Modal.confirm({
+        title: "审核确认",
+        content: "确定要通过审核吗？",
+        onOk: async () => {
+          const { success } = await props["projectAudit"]({
+            id: query.id,
+            result,
+          });
+          if (success) {
+            message.success("审核通过");
+            getData();
+            props.history.goBack();
+          }
+        },
+      });
+    }
+    else {
+      Modal.confirm({
+        title: "审核驳回",
+        content: (
+          <div>
+            <div style={{ marginBottom: 8 }}>确定要驳回审核吗？</div>
+            <Form
+              form={form}
+              layout="vertical"
+              style={{ marginTop: 16 }}
+            >
+              <Form.Item
+                name="rejectReason"
+                label="驳回原因"
+                rules={[{ required: true, message: "请输入驳回原因" }]}
+              >
+                <Input.TextArea
+                  placeholder="请输入驳回原因"
+                  rows={3}
+                  maxLength={200}
+                  showCount
+                />
+              </Form.Item>
+            </Form>
+          </div>
+        ),
+        icon: null,
+        okText: "确认驳回",
+        cancelText: "取消",
+        width: 500,
+        onOk: async () => {
+          try {
+            const values = await form.validateFields();
+            const { success } = await props["projectAudit"]({
+              id: query.id,
+              result,
+              rejectCause: values.rejectReason, // 添加拒绝原因
+            });
+            if (success) {
+              message.success("审核驳回成功");
+              getData();
+              props.history.goBack();
+            }
+          }
+          catch (error) {
+            // 表单验证失败，不关闭弹窗
+            return Promise.reject(error);
+          }
+        },
+      });
+    }
+  };
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div>
+            <Divider orientation="left">申请信息</Divider>
+            <Descriptions
+              bordered
+              column={2}
+              styles={{ label: { width: 200 } }}
+              items={[
+                { label: "相关方名称", children: "", span: 2 },
+                { label: "项目名称", children: "" },
+                { label: "区域范围", children: "" },
+                { label: "访问期限", children: "", span: 2 },
+                { label: "项目人员数", children: "" },
+                { label: "申请时间", children: "" },
+                { label: "申请状态", children: "", span: 2 },
+              ]}
+            />
+          </div>
+        </Spin>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div style={{ display: "flex", justifyContent: "flex-start", margin: "40px 0" }}>
+            <div style={{ margin: "0 20px" }}>申请人签字：</div>
+            <div>
+              <img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?x-oss-process=image/auto-orient,1/resize,p_10/quality,q_10" />
+            </div>
+          </div>
+        </Spin>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div>
+            <Divider orientation="left">人员信息</Divider>
+            <Table
+              columns={[
+                { title: "姓名", dataIndex: "" },
+                { title: "部门", dataIndex: "" },
+                { title: "是否培训", dataIndex: "" },
+                { title: "现口门权限范围", dataIndex: "" },
+              ]}
+              {...tableProps}
+            />
+          </div>
+        </Spin>
+        <div style={{ textAlign: "center", marginTop: "20px" }}>
+          <Button
+            onClick={() => auditSubmit(0)}
+          >
+            驳回
+          </Button>
+          <Button
+            style={{ marginLeft: "20px" }}
+            type="primary"
+            onClick={() => auditSubmit(1)}
+          >
+            审核通过
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(Detail);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/Arrival/List/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/Arrival/List/index.js
new file mode 100644
index 0000000..535d2db
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/Arrival/List/index.js
@@ -0,0 +1,118 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Modal, Space } from "antd";
+import { useState } from "react";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const [rejectReasonModalOpen, setRejectReasonModalOpen] = useState(false); // 驳回原因弹窗
+  const [rejectReason, setRejectReason] = useState(false); // 驳回原因
+  // 点击查看驳回原因
+  const onViewRejectReason = async (id) => {
+    const { data } = await props["projectApprovalFlow"]({ id });
+    setRejectReason(data);
+    setRejectReasonModalOpen(true);
+  };
+  return (
+    <div style={{ padding: 20 }}>
+      <Search
+        labelCol={{ span: 8 }}
+        options={[
+          { name: "", label: "姓名" },
+          { name: "", label: "项目名称" },
+        ]}
+        form={form}
+        // onFinish={getData}
+      />
+      <Table
+        toolBarRender={() => (
+          <Space>
+            <Button
+              type="primary"
+              onClick={() => {
+                props.history.push("./Detail");
+              }}
+            >
+              查看
+            </Button>
+          </Space>
+        )}
+        columns={[
+          { title: "相关方名称", dataIndex: "" },
+          { title: "项目名称", dataIndex: "" },
+          { title: "区域范围", dataIndex: "" },
+          { title: "访问期限", dataIndex: "" },
+          { title: "项目人员数", dataIndex: "" },
+          { title: "申请时间", dataIndex: "" },
+          { title: "审核状态", dataIndex: "" },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 200,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {}}
+                >
+                  审核
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {}}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  danger
+                  onClick={() => {
+                    onViewRejectReason(record.id);
+                  }}
+                >
+                  查看驳回原因
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {rejectReasonModalOpen && <RejectReason rejectReason={rejectReason} onCancel={() => setRejectReasonModalOpen(false)} />}
+    </div>
+  );
+}
+const RejectReason = (props) => {
+  return (
+    <Modal
+      title="查看驳回原因"
+      width={800}
+      open
+      maskClosable={false}
+      onCancel={props.onCancel}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <Descriptions
+        bordered
+        column={1}
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "驳回原因", children: props.rejectReason.rejectReason },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+export default Connect([NS_BASICINFORMATION], true)(List);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/Arrival/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/Arrival/index.js
new file mode 100644
index 0000000..44d89e3
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/Arrival/index.js
@@ -0,0 +1,5 @@
+function Arrival(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default Arrival;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/index.js
new file mode 100644
index 0000000..360bc8b
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/index.js
@@ -0,0 +1,5 @@
+function Personnel(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default Personnel;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Share/Detail/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Share/Detail/index.js
new file mode 100644
index 0000000..c9b1b03
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Share/Detail/index.js
@@ -0,0 +1,157 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider, Form, Input, message, Modal, Spin } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function Detail(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const tableProps = {};
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  const auditSubmit = (result) => {
+    if (result === 1) {
+      Modal.confirm({
+        title: "审核确认",
+        content: "确定要通过审核吗？",
+        onOk: async () => {
+          const { success } = await props["projectAudit"]({
+            id: query.id,
+            result,
+          });
+          if (success) {
+            message.success("审核通过");
+            getData();
+            props.history.goBack();
+          }
+        },
+      });
+    }
+    else {
+      Modal.confirm({
+        title: "审核驳回",
+        content: (
+          <div>
+            <div style={{ marginBottom: 8 }}>确定要驳回审核吗？</div>
+            <Form
+              form={form}
+              layout="vertical"
+              style={{ marginTop: 16 }}
+            >
+              <Form.Item
+                name="rejectReason"
+                label="驳回原因"
+                rules={[{ required: true, message: "请输入驳回原因" }]}
+              >
+                <Input.TextArea
+                  placeholder="请输入驳回原因"
+                  rows={3}
+                  maxLength={200}
+                  showCount
+                />
+              </Form.Item>
+            </Form>
+          </div>
+        ),
+        icon: null,
+        okText: "确认驳回",
+        cancelText: "取消",
+        width: 500,
+        onOk: async () => {
+          try {
+            const values = await form.validateFields();
+            const { success } = await props["projectAudit"]({
+              id: query.id,
+              result,
+              rejectCause: values.rejectReason, // 添加拒绝原因
+            });
+            if (success) {
+              message.success("审核驳回成功");
+              getData();
+              props.history.goBack();
+            }
+          }
+          catch (error) {
+            // 表单验证失败，不关闭弹窗
+            return Promise.reject(error);
+          }
+        },
+      });
+    }
+  };
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div>
+            <Divider orientation="left">申请信息</Divider>
+            <Descriptions
+              bordered
+              column={1}
+              styles={{ label: { width: 200 } }}
+              items={[
+                { label: "车辆所属类型", children: "" },
+                { label: "车辆所属部门", children: "" },
+                { label: "车辆归属人", children: "" },
+                { label: "车牌号", children: "" },
+                { label: "车牌类型", children: "" },
+                { label: "车辆类型", children: "" },
+                { label: "访问港区范围", children: "" },
+                { label: "访问起始时间", children: "" },
+                { label: "访问结束时间", children: "" },
+                { label: "行驶证照片", children: "" },
+                { label: "车辆照片", children: "" },
+                { label: "审批人", children: "" },
+              ]}
+            />
+          </div>
+        </Spin>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div>
+            <Divider orientation="left">审批信息</Divider>
+            <Descriptions
+              bordered
+              column={1}
+              styles={{ label: { width: 200 } }}
+              items={[
+                { label: "审批人", children: "" },
+                { label: "审批时间", children: "" },
+                { label: "审批状态", children: "" },
+                { label: "打回意见", children: "" },
+              ]}
+            />
+          </div>
+        </Spin>
+        <div style={{ textAlign: "center", marginTop: "20px" }}>
+          <Button
+            onClick={() => auditSubmit(0)}
+          >
+            驳回
+          </Button>
+          <Button
+            style={{ marginLeft: "20px" }}
+            type="primary"
+            onClick={() => auditSubmit(1)}
+          >
+            审核通过
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(Detail);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Share/List/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Share/List/index.js
new file mode 100644
index 0000000..a6cc028
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Share/List/index.js
@@ -0,0 +1,129 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Modal, Space } from "antd";
+import { useState } from "react";
+import Search from "zy-react-library/components/Search";
+import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const [rejectReasonModalOpen, setRejectReasonModalOpen] = useState(false); // 驳回原因弹窗
+  const [rejectReason, setRejectReason] = useState(false); // 驳回原因
+  // 点击查看驳回原因
+  const onViewRejectReason = async (id) => {
+    const { data } = await props["projectApprovalFlow"]({ id });
+    setRejectReason(data);
+    setRejectReasonModalOpen(true);
+  };
+  return (
+    <div style={{ padding: 20 }}>
+      <Search
+        labelCol={{ span: 8 }}
+        options={[
+          { name: "", label: "车辆所属人" },
+          { name: "", label: "车牌号" },
+          { name: "", label: "访问开始时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+          { name: "", label: "访问结束时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+          { name: "", label: "车辆所属部门", render: (
+            <DepartmentSelectTree />
+          ) },
+          { name: "", label: "访问港区范围", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: 1, name: "全部" }, { bianma: 0, name: "东港区" }, { bianma: 0, name: "西港区" }] },
+          { name: "", label: "车辆所属类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: 1, name: "单位车辆" }, { bianma: 0, name: "员工车辆" }] },
+        ]}
+        form={form}
+        // onFinish={getData}
+      />
+      <Table
+        toolBarRender={() => (
+          <Space>
+            <Button
+              type="primary"
+              onClick={() => {
+                props.history.push("./Detail");
+              }}
+            >
+              查看
+            </Button>
+          </Space>
+        )}
+        columns={[
+          { title: "车辆所属类型", dataIndex: "" },
+          { title: "车辆所属部门", dataIndex: "" },
+          { title: "车辆归属人", dataIndex: "" },
+          { title: "车牌号", dataIndex: "" },
+          { title: "车牌类型", dataIndex: "" },
+          { title: "车辆类型", dataIndex: "" },
+          { title: "访问港区范围", dataIndex: "" },
+          { title: "访问起始时间", dataIndex: "" },
+          { title: "访问结束时间", dataIndex: "" },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 200,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {}}
+                >
+                  审核
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {}}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  danger
+                  onClick={() => {
+                    onViewRejectReason(record.id);
+                  }}
+                >
+                  查看驳回原因
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {rejectReasonModalOpen && <RejectReason rejectReason={rejectReason} onCancel={() => setRejectReasonModalOpen(false)} />}
+    </div>
+  );
+}
+const RejectReason = (props) => {
+  return (
+    <Modal
+      title="查看驳回原因"
+      width={800}
+      open
+      maskClosable={false}
+      onCancel={props.onCancel}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <Descriptions
+        bordered
+        column={1}
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "驳回原因", children: props.rejectReason.rejectReason },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+export default Connect([NS_BASICINFORMATION], true)(List);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Share/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Share/index.js
new file mode 100644
index 0000000..520f31e
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Share/index.js
@@ -0,0 +1,5 @@
+function Share(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default Share;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/Detail/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/Detail/index.js
new file mode 100644
index 0000000..fd4e3c0
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/Detail/index.js
@@ -0,0 +1,151 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider, Form, Input, message, Modal, Spin } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function Detail(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const tableProps = {};
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  const auditSubmit = (result) => {
+    if (result === 1) {
+      Modal.confirm({
+        title: "审核确认",
+        content: "确定要通过审核吗？",
+        onOk: async () => {
+          const { success } = await props["projectAudit"]({
+            id: query.id,
+            result,
+          });
+          if (success) {
+            message.success("审核通过");
+            getData();
+            props.history.goBack();
+          }
+        },
+      });
+    }
+    else {
+      Modal.confirm({
+        title: "审核驳回",
+        content: (
+          <div>
+            <div style={{ marginBottom: 8 }}>确定要驳回审核吗？</div>
+            <Form
+              form={form}
+              layout="vertical"
+              style={{ marginTop: 16 }}
+            >
+              <Form.Item
+                name="rejectReason"
+                label="驳回原因"
+                rules={[{ required: true, message: "请输入驳回原因" }]}
+              >
+                <Input.TextArea
+                  placeholder="请输入驳回原因"
+                  rows={3}
+                  maxLength={200}
+                  showCount
+                />
+              </Form.Item>
+            </Form>
+          </div>
+        ),
+        icon: null,
+        okText: "确认驳回",
+        cancelText: "取消",
+        width: 500,
+        onOk: async () => {
+          try {
+            const values = await form.validateFields();
+            const { success } = await props["projectAudit"]({
+              id: query.id,
+              result,
+              rejectCause: values.rejectReason, // 添加拒绝原因
+            });
+            if (success) {
+              message.success("审核驳回成功");
+              getData();
+              props.history.goBack();
+            }
+          }
+          catch (error) {
+            // 表单验证失败，不关闭弹窗
+            return Promise.reject(error);
+          }
+        },
+      });
+    }
+  };
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div>
+            <Divider orientation="left">申请信息</Divider>
+            <Descriptions
+              bordered
+              column={2}
+              styles={{ label: { width: 200 } }}
+              items={[
+                { label: "相关方名称", children: "", span: 2 },
+                { label: "项目名称", children: "" },
+                { label: "审核人员", children: "" },
+                { label: "时间范围", children: "", span: 2 },
+                { label: "地域范围", children: "", span: 2 },
+                { label: "驾驶人员", children: "" },
+                { label: "车辆类型", children: "" },
+                { label: "车牌类型", children: "" },
+                { label: "车牌号", children: "" },
+                { label: "审核状态", children: "" },
+              ]}
+            />
+          </div>
+        </Spin>
+        <div style={{ marginTop: "20px", display: "flex", justifyContent: "space-between" }}>
+          <div>
+            <p>车辆照片：</p>
+            <img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="example" style={{ width: "200px", height: "200px" }} />
+          </div>
+          <div>
+            <p>车辆行驶证照片：</p>
+            <img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="example" style={{ width: "200px", height: "200px" }} />
+          </div>
+          <div>
+            <p>申请人签字：</p>
+            <img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" alt="example" style={{ width: "200px", height: "200px" }} />
+          </div>
+        </div>
+        <div style={{ textAlign: "center", marginTop: "20px" }}>
+          <Button
+            onClick={() => auditSubmit(0)}
+          >
+            驳回
+          </Button>
+          <Button
+            style={{ marginLeft: "20px" }}
+            type="primary"
+            onClick={() => auditSubmit(1)}
+          >
+            审核通过
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(Detail);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/List/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/List/index.js
new file mode 100644
index 0000000..7d1184c
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/List/index.js
@@ -0,0 +1,118 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Modal, Space } from "antd";
+import { useState } from "react";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const [rejectReasonModalOpen, setRejectReasonModalOpen] = useState(false); // 驳回原因弹窗
+  const [rejectReason, setRejectReason] = useState(false); // 驳回原因
+  // 点击查看驳回原因
+  const onViewRejectReason = async (id) => {
+    const { data } = await props["projectApprovalFlow"]({ id });
+    setRejectReason(data);
+    setRejectReasonModalOpen(true);
+  };
+  return (
+    <div style={{ padding: 20 }}>
+      <Search
+        labelCol={{ span: 8 }}
+        options={[
+          { name: "", label: "车牌号" },
+          { name: "", label: "项目名称" },
+        ]}
+        form={form}
+        // onFinish={getData}
+      />
+      <Table
+        toolBarRender={() => (
+          <Space>
+            <Button
+              type="primary"
+              onClick={() => {
+                props.history.push("./Detail");
+              }}
+            >
+              查看
+            </Button>
+          </Space>
+        )}
+        columns={[
+          { title: "项目名称", dataIndex: "" },
+          { title: "区域范围", dataIndex: "" },
+          { title: "访问期限", dataIndex: "" },
+          { title: "车辆类型", dataIndex: "" },
+          { title: "车牌类型", dataIndex: "" },
+          { title: "车牌号", dataIndex: "" },
+          { title: "审核状态", dataIndex: "" },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 200,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {}}
+                >
+                  审核
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {}}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  danger
+                  onClick={() => {
+                    onViewRejectReason(record.id);
+                  }}
+                >
+                  查看驳回原因
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {rejectReasonModalOpen && <RejectReason rejectReason={rejectReason} onCancel={() => setRejectReasonModalOpen(false)} />}
+    </div>
+  );
+}
+const RejectReason = (props) => {
+  return (
+    <Modal
+      title="查看驳回原因"
+      width={800}
+      open
+      maskClosable={false}
+      onCancel={props.onCancel}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <Descriptions
+        bordered
+        column={1}
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "驳回原因", children: props.rejectReason.rejectReason },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+export default Connect([NS_BASICINFORMATION], true)(List);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/index.js
new file mode 100644
index 0000000..a0122e5
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/index.js
@@ -0,0 +1,5 @@
+function Stakeholder(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default Stakeholder;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/index.js
new file mode 100644
index 0000000..774b521
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/index.js
@@ -0,0 +1,5 @@
+function Vehicle(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default Vehicle;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/index.js
new file mode 100644
index 0000000..6346350
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/index.js
@@ -0,0 +1,5 @@
+function EntryApprova(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default EntryApprova;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/ApprovalRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/ApprovalRecord/index.js
new file mode 100644
index 0000000..8751353
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/ApprovalRecord/index.js
@@ -0,0 +1,7 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecord";
+
+function ApprovalRecord(props) {
+  return (<ListView {...props} />);
+};
+
+export default ApprovalRecord;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/ApprovalRecordDetail/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/ApprovalRecordDetail/index.js
new file mode 100644
index 0000000..bc53342
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/ApprovalRecordDetail/index.js
@@ -0,0 +1,7 @@
+import DetailView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecordDetail";
+
+function ApprovalRecordDetail(props) {
+  return (<DetailView {...props} />);
+};
+
+export default ApprovalRecordDetail;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/List/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/List/index.js
new file mode 100644
index 0000000..86bab3a
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/List/index.js
@@ -0,0 +1,83 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  return (
+    <div style={{ padding: 20 }}>
+      <div style={{ flex: 1 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "", label: "企业名称" },
+          ]}
+          form={form}
+          onFinish={(values) => {
+            getData(values);
+          }}
+        />
+        <Table
+          toolBarRender={() => (
+            <Space>
+              <Button
+                type="primary"
+                onClick={() => {
+                  props.history.push("./PersonnelVehicle");
+                }}
+              >
+                人员及车辆详情
+              </Button>
+              <Button
+                type="primary"
+                onClick={() => {
+                  props.history.push("./Vehicle");
+                }}
+              >
+                单位车辆详情
+              </Button>
+            </Space>
+          )}
+          columns={[
+            { title: "企业名称", dataIndex: "" },
+            { title: "人员数", dataIndex: "" },
+            { title: "人员车辆数", dataIndex: "" },
+            { title: "单位车辆数", dataIndex: "" },
+            {
+              title: "操作",
+              fixed: "right",
+              width: 200,
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    人员及车辆详情
+                  </Button>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    单位车辆详情
+                  </Button>
+                </Space>
+              ),
+            },
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </div>
+  );
+}
+export default Connect([NS_BASICINFORMATION], true)(List);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/PersonnelVehicle/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/PersonnelVehicle/index.js
new file mode 100644
index 0000000..b46ab9b
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/PersonnelVehicle/index.js
@@ -0,0 +1,142 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Modal, Space } from "antd";
+import { useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import DepartmentLeftTree from "zy-react-library/components/LeftTree/Department/Gwj";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const [inDepartmentId, setInDepartmentId] = useState([]); // 存储已选择的部门id
+  const [authorizationModalOpen, setAuthorizationModalOpen] = useState(false);
+  const [authorizationData, setAuthorizationData] = useState({});
+  return (
+    <div>
+      <HeaderBack title="人员及车辆详情" />
+      <div style={{ padding: 20 }}>
+        <div style={{ display: "flex", gap: 20 }}>
+          <div style={{ width: 300 }}>
+            <DepartmentLeftTree
+              checkable
+              onCheck={(checkedKeys) => {
+                setInDepartmentId(checkedKeys);
+                getData();
+              }}
+            />
+          </div>
+
+          <div style={{ flex: 1 }}>
+            <Search
+              labelCol={{ span: 8 }}
+              options={[
+                { name: "likeName", label: "姓名" },
+                { name: "likeName", label: "进出港时间", render: FORM_ITEM_RENDER_ENUM.DATE_RANGE },
+              ]}
+              form={form}
+              onFinish={(values) => {
+                getData(values);
+              }}
+            />
+            <Table
+              toolBarRender={() => (
+                <Space>
+                  <Button
+                    type="primary"
+                    onClick={() => {
+                      props.history.push("./PersonnelVehicleRecord");
+                    }}
+                  >
+                    人员进出记录
+                  </Button>
+                  <Button
+                    type="primary"
+                    onClick={() => {
+                      props.history.push("./PersonnelVehicleManagement");
+                    }}
+                  >
+                    车辆管理
+                  </Button>
+                </Space>
+              )}
+              columns={[
+                { title: "部门", dataIndex: "departmentName" },
+                { title: "姓名", dataIndex: "name" },
+                { title: "岗位", dataIndex: "postName" },
+                { title: "手机号", dataIndex: "phone" },
+                { title: "证件号码", dataIndex: "" },
+                { title: "人员编号", dataIndex: "" },
+                { title: "车辆数", dataIndex: "" },
+                {
+                  title: "操作",
+                  fixed: "right",
+                  width: 200,
+                  render: (_, record) => (
+                    <Space>
+                      <Button
+                        type="link"
+                        onClick={() => {}}
+                      >
+                        人员进出记录
+                      </Button>
+                      <Button
+                        type="link"
+                        onClick={() => {}}
+                      >
+                        车辆管理
+                      </Button>
+                    </Space>
+                  ),
+                },
+              ]}
+              {...tableProps}
+            />
+          </div>
+        </div>
+        {authorizationModalOpen && <AuthorizationScope authorizationData={authorizationData} onCancel={() => setAuthorizationModalOpen(false)} />}
+      </div>
+    </div>
+  );
+}
+const AuthorizationScope = (props) => {
+  const [form] = Form.useForm();
+  const onSubmit = async (values) => {
+    // const { success } = await props.onOk();
+    // if (success) {
+    //   message.success("操作成功");
+    //   props.onCancel();
+    // }
+  };
+  return (
+    <Modal
+      title="授权"
+      width={1200}
+      open
+      onCancel={props.onCancel}
+      maskClosable={false}
+      onOk={form.submit}
+    >
+      <FormBuilder
+        form={form}
+        onFinish={onSubmit}
+        showActionButtons={false}
+        options={[
+          { name: "", label: "是否授权", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "是" }, { bianma: "0", name: "否" }] },
+          { name: "", label: "授权港区", span: 12 },
+          { name: "", label: "选择区域", span: 12 },
+        ]}
+      />
+    </Modal>
+  );
+};
+export default Connect([NS_BASICINFORMATION], true)(List);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/PersonnelVehicleManagement/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/PersonnelVehicleManagement/index.js
new file mode 100644
index 0000000..412761a
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/PersonnelVehicleManagement/index.js
@@ -0,0 +1,116 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function VehicleManagement(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const tableProps = {};
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  return (
+    <div>
+      <HeaderBack title="车辆管理" />
+      <div style={{ padding: 20 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "", label: "车牌号" },
+            { name: "", label: "当前在港状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "港内" }, { bianma: "2", name: "港外" }] },
+            { name: "", label: "访问港区范围", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "全部" }, { bianma: "2", name: "东港区" }, { bianma: "2", name: "西港区" }] },
+            { name: "", label: "访问开始时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+            { name: "", label: "访问结束时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+          ]}
+        />
+        <Table
+          headerTitle="企业名称：回显企业名称"
+          toolBarRender={() => (
+            <Space>
+              <Button
+                type="primary"
+                onClick={() => {
+                  props.history.push("./VehicleRecord");
+                }}
+              >
+                车辆进出记录
+              </Button>
+              <Button
+                type="primary"
+                onClick={() => {
+                  props.history.push("./ApprovalRecord");
+                }}
+              >
+                审批记录
+              </Button>
+              <Button
+                type="primary"
+                onClick={() => {
+                  props.history.push("./VehicleManagementDetail");
+                }}
+              >
+                查看
+              </Button>
+            </Space>
+          )}
+          columns={[
+            { title: "车辆归属人", dataIndex: "" },
+            { title: "车牌号", dataIndex: "" },
+            { title: "车牌类型", dataIndex: "" },
+            { title: "车辆类型", dataIndex: "" },
+            { title: "访问港区范围", dataIndex: "" },
+            { title: "访问起始时间", dataIndex: "" },
+            { title: "访问结束时间", dataIndex: "" },
+            { title: "当前在港状态", dataIndex: "" },
+            {
+              title: "操作",
+              fixed: "right",
+              width: 200,
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    车辆进出记录
+                  </Button>
+                  <Button
+                    type="link"
+                    danger
+                    onClick={() => {
+                    }}
+                  >
+                    审批记录
+                  </Button>
+                  <Button
+                    type="link"
+                    danger
+                    onClick={() => {
+                    }}
+                  >
+                    查看
+                  </Button>
+                </Space>
+              ),
+            },
+
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(VehicleManagement);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/PersonnelVehicleRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/PersonnelVehicleRecord/index.js
new file mode 100644
index 0000000..68aaa0b
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/PersonnelVehicleRecord/index.js
@@ -0,0 +1,8 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Record";
+
+function PersonnelVehicleRecord(props) {
+  // 带入企业名称到下一级页面
+  return (<ListView {...props} />);
+};
+
+export default PersonnelVehicleRecord;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/SwitchRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/SwitchRecord/index.js
new file mode 100644
index 0000000..54b6b3d
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/SwitchRecord/index.js
@@ -0,0 +1,8 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/SwitchRecord";
+
+function SwitchRecord(props) {
+  // 带入企业名称到下一级页面
+  return (<ListView {...props} />);
+};
+
+export default SwitchRecord;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/Vehicle/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/Vehicle/index.js
new file mode 100644
index 0000000..1dd09d2
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/Vehicle/index.js
@@ -0,0 +1,135 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function VehicleManagement(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const tableProps = {};
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  return (
+    <div>
+      <HeaderBack title="单位车辆详情" />
+      <div style={{ padding: 20 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "likeName", label: "车牌号" },
+            { name: "likeName", label: "当前在港状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "港内" }, { bianma: "0", name: "港外" }] },
+            { name: "likeName", label: "访问港区范围", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "全部" }, { bianma: "0", name: "东港区" }, { bianma: "0", name: "西港区" }] },
+            { name: "likeName", label: "访问开始时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+            { name: "likeName", label: "访问结束时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+          ]}
+          form={form}
+          onFinish={(values) => {
+            getData(values);
+          }}
+        />
+        <Table
+          headerTitle="企业名称：回显企业名称"
+          toolBarRender={() => (
+            <Space>
+              <Button
+                type="primary"
+                onClick={() => {
+                  props.history.push("./VehicleRecord");
+                }}
+              >
+                车辆进出记录
+              </Button>
+              <Button
+                type="primary"
+                onClick={() => {
+                  props.history.push("./ApprovalRecord");
+                }}
+              >
+                审批记录
+              </Button>
+              <Button
+                type="primary"
+                onClick={() => {
+                  props.history.push("./SwitchRecord");
+                }}
+              >
+                开关记录
+              </Button>
+              <Button
+                type="primary"
+                onClick={() => {
+                  props.history.push("./VehicleManagementDetail");
+                }}
+              >
+                查看
+              </Button>
+            </Space>
+          )}
+          columns={[
+            { title: "车牌号", dataIndex: "" },
+            { title: "车牌类型", dataIndex: "" },
+            { title: "车辆类型", dataIndex: "" },
+            { title: "访问港区范围", dataIndex: "" },
+            { title: "访问起始时间", dataIndex: "" },
+            { title: "访问结束时间", dataIndex: "" },
+            { title: "当前在港状态", dataIndex: "" },
+            {
+              title: "操作",
+              fixed: "right",
+              width: 200,
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    车辆进出记录
+                  </Button>
+                  <Button
+                    type="link"
+                    danger
+                    onClick={() => {
+                    }}
+                  >
+                    审批记录
+                  </Button>
+                  <Button
+                    type="link"
+                    danger
+                    onClick={() => {
+                    }}
+                  >
+                    查看
+                  </Button>
+                  <Button
+                    type="link"
+                    danger
+                    onClick={() => {
+                    }}
+                  >
+                    停用 & 启用
+                  </Button>
+                </Space>
+              ),
+            },
+
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(VehicleManagement);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/VehicleManagementDetail/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/VehicleManagementDetail/index.js
new file mode 100644
index 0000000..dfa6459
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/VehicleManagementDetail/index.js
@@ -0,0 +1,8 @@
+import DetailView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagementDetail";
+
+function VehicleManagementDetail(props) {
+  // 传企业名称到下一级页面
+  return (<DetailView {...props} />);
+};
+
+export default VehicleManagementDetail;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/VehicleRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/VehicleRecord/index.js
new file mode 100644
index 0000000..f55ba6e
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/VehicleRecord/index.js
@@ -0,0 +1,8 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleRecord";
+
+function VehicleRecord(props) {
+  // 带入企业名称到下一级页面
+  return (<ListView {...props} />);
+};
+
+export default VehicleRecord;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/index.js
new file mode 100644
index 0000000..8e6422f
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/index.js
@@ -0,0 +1,5 @@
+function BranchCompanyPersonnelVehicle(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default BranchCompanyPersonnelVehicle;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/Add/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/Add/index.js
new file mode 100644
index 0000000..a712114
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/Add/index.js
@@ -0,0 +1,82 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Form, message } from "antd";
+import { useEffect } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function Add(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const getData = async () => {
+    if (query.id) {
+      const { data } = await props["busPromiseTemplateView"]({ id: query.id });
+      const values = {
+        ...data,
+      };
+      form.setFieldsValue({
+        ...values,
+      });
+    }
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  const onSubmit = async (values) => {
+    const { success } = await props[!query.id ? "busPromiseTemplateAdd" : "busPromiseTemplateEdit"]({
+      ...values,
+      id: query.id,
+      promiseId: query.promiseId,
+      isRegulatory: 0,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+  return (
+    <div>
+      <HeaderBack title={query.id ? "编辑" : "新增"} />
+      <div style={{ paddingBottom: 10 }}>
+        <FormBuilder
+          form={form}
+          values={{ details: [{}] }}
+          onFinish={onSubmit}
+          options={[
+            { name: "", label: "名称", span: 24 },
+            { label: "车辆信息", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
+            {
+              name: "details",
+              span: 24,
+              render: FORM_ITEM_RENDER_ENUM.FORM_LIST,
+              formListUniqueProps: {
+                options: field => (
+                  [
+                    {
+                      label: "车牌类型",
+                      name: [field.name, "dataType1"],
+                      span: 8,
+                    },
+                    {
+                      label: "车牌号",
+                      name: [field.name, "dataType2"],
+                      span: 8,
+                    },
+                    {
+                      label: "车辆类型",
+                      name: [field.name, "dataType3"],
+                      span: 8,
+                    },
+                  ]
+                ),
+              },
+            },
+          ]}
+        />
+      </div>
+    </div>
+  );
+}
+export default Connect([NS_BASICINFORMATION], true)(Add);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/List/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/List/index.js
new file mode 100644
index 0000000..503a487
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/List/index.js
@@ -0,0 +1,125 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Modal, Space } from "antd";
+import { useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const [inDepartmentId, setInDepartmentId] = useState([]); // 存储已选择的部门id
+  const [authorizationModalOpen, setAuthorizationModalOpen] = useState(false);
+  const [authorizationData, setAuthorizationData] = useState({});
+  return (
+    <div style={{ padding: 20 }}>
+      <div style={{ flex: 1 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "likeName", label: "名称" },
+            { name: "likeName", label: "车牌号" },
+          ]}
+          form={form}
+          onFinish={(values) => {
+            getData(values);
+          }}
+        />
+        <Table
+          toolBarRender={() => (
+            <Space>
+              <Button
+                type="primary"
+                icon={<AddIcon />}
+                onClick={() => {
+                  props.history.push("./Add");
+                }}
+              >
+                新增
+              </Button>
+              <Button
+                type="primary"
+                onClick={() => {
+                  props.history.push("./VehicleRecord");
+                }}
+              >
+                车辆进出记录
+              </Button>
+            </Space>
+          )}
+          columns={[
+            { title: "名称", dataIndex: "" },
+            { title: "车牌号", dataIndex: "" },
+            { title: "车牌类型", dataIndex: "" },
+            { title: "车辆类型", dataIndex: "" },
+            {
+              title: "操作",
+              fixed: "right",
+              width: 200,
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+
+                  </Button>
+                  <Button
+                    type="link"
+                    danger
+                    onClick={() => {
+                    }}
+                  >
+
+                  </Button>
+                </Space>
+              ),
+            },
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </div>
+  );
+}
+const AuthorizationScope = (props) => {
+  const [form] = Form.useForm();
+  const onSubmit = async (values) => {
+    // const { success } = await props.onOk();
+    // if (success) {
+    //   message.success("操作成功");
+    //   props.onCancel();
+    // }
+  };
+  return (
+    <Modal
+      title="授权"
+      width={1200}
+      open
+      onCancel={props.onCancel}
+      maskClosable={false}
+      onOk={form.submit}
+    >
+      <FormBuilder
+        form={form}
+        onFinish={onSubmit}
+        showActionButtons={false}
+        options={[
+          { name: "", label: "是否授权", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "是" }, { bianma: "0", name: "否" }] },
+          { name: "", label: "授权港区", span: 12 },
+          { name: "", label: "选择区域", span: 12 },
+        ]}
+      />
+    </Modal>
+  );
+};
+export default Connect([NS_BASICINFORMATION], true)(List);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/VehicleRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/VehicleRecord/index.js
new file mode 100644
index 0000000..f55ba6e
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/VehicleRecord/index.js
@@ -0,0 +1,8 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleRecord";
+
+function VehicleRecord(props) {
+  // 带入企业名称到下一级页面
+  return (<ListView {...props} />);
+};
+
+export default VehicleRecord;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/index.js
new file mode 100644
index 0000000..8cd4a7c
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/index.js
@@ -0,0 +1,5 @@
+function InspectionDepartmentVehicle(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default InspectionDepartmentVehicle;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/List/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/List/index.js
new file mode 100644
index 0000000..9092d0d
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/List/index.js
@@ -0,0 +1,123 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Modal, Space } from "antd";
+import { useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const [inDepartmentId, setInDepartmentId] = useState([]); // 存储已选择的部门id
+  const [authorizationModalOpen, setAuthorizationModalOpen] = useState(false);
+  const [authorizationData, setAuthorizationData] = useState({});
+  return (
+    <div style={{ padding: 20 }}>
+      <div style={{ flex: 1 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "likeName", label: "姓名" },
+            { name: "likeName", label: "项目名称" },
+          ]}
+          form={form}
+          onFinish={(values) => {
+            getData(values);
+          }}
+        />
+        <Table
+          toolBarRender={() => (
+            <Space>
+              <Button
+                type="primary"
+                onClick={() => {
+                  props.history.push("./PersonnelVehicleRecord");
+                }}
+              >
+                人员进出记录
+              </Button>
+              <Button
+                type="primary"
+                onClick={() => {
+                  props.history.push("./VehicleRecord");
+                }}
+              >
+                车辆进出记录
+              </Button>
+            </Space>
+          )}
+          columns={[
+            { title: "相关方名称", dataIndex: "" },
+            { title: "项目数", dataIndex: "" },
+            { title: "人员数", dataIndex: "" },
+            { title: "车辆数", dataIndex: "" },
+            {
+              title: "操作",
+              fixed: "right",
+              width: 200,
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    人员进出记录
+                  </Button>
+                  <Button
+                    type="link"
+                    danger
+                    onClick={() => {
+                    }}
+                  >
+                    车辆进出记录
+                  </Button>
+                </Space>
+              ),
+            },
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </div>
+  );
+}
+const AuthorizationScope = (props) => {
+  const [form] = Form.useForm();
+  const onSubmit = async (values) => {
+    // const { success } = await props.onOk();
+    // if (success) {
+    //   message.success("操作成功");
+    //   props.onCancel();
+    // }
+  };
+  return (
+    <Modal
+      title="授权"
+      width={1200}
+      open
+      onCancel={props.onCancel}
+      maskClosable={false}
+      onOk={form.submit}
+    >
+      <FormBuilder
+        form={form}
+        onFinish={onSubmit}
+        showActionButtons={false}
+        options={[
+          { name: "", label: "是否授权", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "是" }, { bianma: "0", name: "否" }] },
+          { name: "", label: "授权港区", span: 12 },
+          { name: "", label: "选择区域", span: 12 },
+        ]}
+      />
+    </Modal>
+  );
+};
+export default Connect([NS_BASICINFORMATION], true)(List);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/PersonnelRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/PersonnelRecord/index.js
new file mode 100644
index 0000000..481b8b8
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/PersonnelRecord/index.js
@@ -0,0 +1,7 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Record";
+
+function PersonnelRecord(props) {
+  return (<ListView {...props} />);
+};
+
+export default PersonnelRecord;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/PersonnelVehicleRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/PersonnelVehicleRecord/index.js
new file mode 100644
index 0000000..6565597
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/PersonnelVehicleRecord/index.js
@@ -0,0 +1,133 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Modal, Space } from "antd";
+import { useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import DepartmentLeftTree from "zy-react-library/components/LeftTree/Department/Gwj";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function PersonnelVehicleRecord(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const [inDepartmentId, setInDepartmentId] = useState([]); // 存储已选择的部门id
+  const [authorizationModalOpen, setAuthorizationModalOpen] = useState(false);
+  const [authorizationData, setAuthorizationData] = useState({});
+  return (
+    <div>
+      <HeaderBack title="人员进出记录" />
+      <div style={{ padding: 20 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "likeName", label: "姓名" },
+            { name: "likeName", label: "项目名称" },
+          ]}
+          form={form}
+          onFinish={(values) => {
+            getData(values);
+          }}
+        />
+        <div style={{ display: "flex", gap: 20 }}>
+          <div style={{ width: 300 }}>
+            <DepartmentLeftTree
+              checkable
+              onCheck={(checkedKeys) => {
+                setInDepartmentId(checkedKeys);
+                getData();
+              }}
+            />
+          </div>
+
+          <div style={{ flex: 1 }}>
+            <Table
+              toolBarRender={() => (
+                <Space>
+                  <Button
+                    type="primary"
+                    onClick={() => {
+                      props.history.push("./PersonnelRecord");
+                    }}
+                  >
+                    人员进出记录
+                  </Button>
+                </Space>
+              )}
+              columns={[
+                { title: "姓名", dataIndex: "name" },
+                { title: "部门", dataIndex: "departmentName" },
+                { title: "项目数", dataIndex: "" },
+                { title: "手机号", dataIndex: "phone" },
+                { title: "时间范围（时间最长）", dataIndex: "" },
+                { title: "口门权限", dataIndex: "" },
+                {
+                  title: "操作",
+                  fixed: "right",
+                  width: 200,
+                  render: (_, record) => (
+                    <Space>
+                      <Button
+                        type="link"
+                        onClick={() => {}}
+                      >
+                        开启口门权限&关闭口门权限
+                      </Button>
+                      <Button
+                        type="link"
+                        onClick={() => {}}
+                      >
+                        人员进出记录
+                      </Button>
+                    </Space>
+                  ),
+                },
+              ]}
+              {...tableProps}
+            />
+          </div>
+        </div>
+        {authorizationModalOpen && <AuthorizationScope authorizationData={authorizationData} onCancel={() => setAuthorizationModalOpen(false)} />}
+      </div>
+    </div>
+  );
+}
+const AuthorizationScope = (props) => {
+  const [form] = Form.useForm();
+  const onSubmit = async (values) => {
+    // const { success } = await props.onOk();
+    // if (success) {
+    //   message.success("操作成功");
+    //   props.onCancel();
+    // }
+  };
+  return (
+    <Modal
+      title="授权"
+      width={1200}
+      open
+      onCancel={props.onCancel}
+      maskClosable={false}
+      onOk={form.submit}
+    >
+      <FormBuilder
+        form={form}
+        onFinish={onSubmit}
+        showActionButtons={false}
+        options={[
+          { name: "", label: "是否授权", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "是" }, { bianma: "0", name: "否" }] },
+          { name: "", label: "授权港区", span: 12 },
+          { name: "", label: "选择区域", span: 12 },
+        ]}
+      />
+    </Modal>
+  );
+};
+export default Connect([NS_BASICINFORMATION], true)(PersonnelVehicleRecord);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/VehicleCarRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/VehicleCarRecord/index.js
new file mode 100644
index 0000000..2041727
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/VehicleCarRecord/index.js
@@ -0,0 +1,57 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Form } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function VehicleRecord(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const tableProps = {};
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  return (
+    <div>
+      <HeaderBack title="车辆进出记录" />
+      <div style={{ padding: 20 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "", label: "口门名称" },
+            { name: "", label: "所属区域", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [] },
+            { name: "", label: "进港时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+
+          ]}
+          form={form}
+          // onFinish={getData}
+        />
+        <Table
+          columns={[
+            { title: "车辆驾驶人", dataIndex: "" },
+            { title: "车牌号", dataIndex: "" },
+            { title: "所属区域", dataIndex: "" },
+            { title: "口门名称", dataIndex: "" },
+            { title: "车辆在港状态", dataIndex: "" },
+            { title: "入港闸口", dataIndex: "" },
+            { title: "进港时间", dataIndex: "" },
+            { title: "离港闸口", dataIndex: "" },
+            { title: "离港时间", dataIndex: "" },
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(VehicleRecord);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/VehicleRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/VehicleRecord/index.js
new file mode 100644
index 0000000..06ea385
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/VehicleRecord/index.js
@@ -0,0 +1,121 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Modal, Space } from "antd";
+import { useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function VehicleRecord(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const [inDepartmentId, setInDepartmentId] = useState([]); // 存储已选择的部门id
+  const [authorizationModalOpen, setAuthorizationModalOpen] = useState(false);
+  const [authorizationData, setAuthorizationData] = useState({});
+  return (
+    <div>
+      <HeaderBack title="车辆进出记录" />
+      <div style={{ padding: 20 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "likeName", label: "车牌号" },
+            { name: "likeName", label: "项目名称" },
+          ]}
+          form={form}
+          onFinish={(values) => {
+            getData(values);
+          }}
+        />
+
+        <Table
+          toolBarRender={() => (
+            <Space>
+              <Button
+                type="primary"
+                onClick={() => {
+                  props.history.push("./VehicleCarRecord");
+                }}
+              >
+                车辆进出记录
+              </Button>
+            </Space>
+          )}
+          columns={[
+            { title: "车辆类型", dataIndex: "" },
+            { title: "车牌类型", dataIndex: "" },
+            { title: "车牌号", dataIndex: "" },
+            { title: "驾驶人姓名", dataIndex: "" },
+            { title: "驾驶人手机号", dataIndex: "" },
+            { title: "包含项目数", dataIndex: "" },
+            { title: "口门权限", dataIndex: "" },
+            {
+              title: "操作",
+              fixed: "right",
+              width: 200,
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    开启口门权限&关闭口门权限
+                  </Button>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    车辆进出记录
+                  </Button>
+                </Space>
+              ),
+            },
+          ]}
+          {...tableProps}
+        />
+
+        {authorizationModalOpen && <AuthorizationScope authorizationData={authorizationData} onCancel={() => setAuthorizationModalOpen(false)} />}
+      </div>
+    </div>
+  );
+}
+const AuthorizationScope = (props) => {
+  const [form] = Form.useForm();
+  const onSubmit = async (values) => {
+    // const { success } = await props.onOk();
+    // if (success) {
+    //   message.success("操作成功");
+    //   props.onCancel();
+    // }
+  };
+  return (
+    <Modal
+      title="授权"
+      width={1200}
+      open
+      onCancel={props.onCancel}
+      maskClosable={false}
+      onOk={form.submit}
+    >
+      <FormBuilder
+        form={form}
+        onFinish={onSubmit}
+        showActionButtons={false}
+        options={[
+          { name: "", label: "是否授权", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "是" }, { bianma: "0", name: "否" }] },
+          { name: "", label: "授权港区", span: 12 },
+          { name: "", label: "选择区域", span: 12 },
+        ]}
+      />
+    </Modal>
+  );
+};
+export default Connect([NS_BASICINFORMATION], true)(VehicleRecord);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/index.js
new file mode 100644
index 0000000..a1a4b13
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/index.js
@@ -0,0 +1,5 @@
+function StakeholderPersonnelVehicle(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default StakeholderPersonnelVehicle;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/ApprovalRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/ApprovalRecord/index.js
new file mode 100644
index 0000000..8751353
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/ApprovalRecord/index.js
@@ -0,0 +1,7 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecord";
+
+function ApprovalRecord(props) {
+  return (<ListView {...props} />);
+};
+
+export default ApprovalRecord;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/ApprovalRecordDetail/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/ApprovalRecordDetail/index.js
new file mode 100644
index 0000000..bc53342
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/ApprovalRecordDetail/index.js
@@ -0,0 +1,7 @@
+import DetailView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecordDetail";
+
+function ApprovalRecordDetail(props) {
+  return (<DetailView {...props} />);
+};
+
+export default ApprovalRecordDetail;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/List/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/List/index.js
new file mode 100644
index 0000000..3681bda
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/List/index.js
@@ -0,0 +1,105 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Modal, Space } from "antd";
+import { useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const [inDepartmentId, setInDepartmentId] = useState([]); // 存储已选择的部门id
+  const [authorizationModalOpen, setAuthorizationModalOpen] = useState(false);
+  const [authorizationData, setAuthorizationData] = useState({});
+  return (
+    <div style={{ padding: 20 }}>
+      <div style={{ flex: 1 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "likeName", label: "驻港单位名称" },
+          ]}
+          form={form}
+          onFinish={(values) => {
+            getData(values);
+          }}
+        />
+        <Table
+          toolBarRender={() => (
+            <Space>
+              <Button
+                type="primary"
+                onClick={() => {
+                  props.history.push("./PersonnelVehicleRecord");
+                }}
+              >
+                人员及车辆详情
+              </Button>
+            </Space>
+          )}
+          columns={[
+            { title: "驻港单位名称", dataIndex: "" },
+            { title: "人员进出数", dataIndex: "" },
+            { title: "人员车辆进出数", dataIndex: "" },
+            {
+              title: "操作",
+              fixed: "right",
+              width: 200,
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    人员及车辆详情
+                  </Button>
+                </Space>
+              ),
+            },
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </div>
+  );
+}
+const AuthorizationScope = (props) => {
+  const [form] = Form.useForm();
+  const onSubmit = async (values) => {
+    // const { success } = await props.onOk();
+    // if (success) {
+    //   message.success("操作成功");
+    //   props.onCancel();
+    // }
+  };
+  return (
+    <Modal
+      title="授权"
+      width={1200}
+      open
+      onCancel={props.onCancel}
+      maskClosable={false}
+      onOk={form.submit}
+    >
+      <FormBuilder
+        form={form}
+        onFinish={onSubmit}
+        showActionButtons={false}
+        options={[
+          { name: "", label: "是否授权", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "是" }, { bianma: "0", name: "否" }] },
+          { name: "", label: "授权港区", span: 12 },
+          { name: "", label: "选择区域", span: 12 },
+        ]}
+      />
+    </Modal>
+  );
+};
+export default Connect([NS_BASICINFORMATION], true)(List);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/PersonnelRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/PersonnelRecord/index.js
new file mode 100644
index 0000000..481b8b8
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/PersonnelRecord/index.js
@@ -0,0 +1,7 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Record";
+
+function PersonnelRecord(props) {
+  return (<ListView {...props} />);
+};
+
+export default PersonnelRecord;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/PersonnelVehicleRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/PersonnelVehicleRecord/index.js
new file mode 100644
index 0000000..2c6c09a
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/PersonnelVehicleRecord/index.js
@@ -0,0 +1,140 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Modal, Space } from "antd";
+import { useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import DepartmentLeftTree from "zy-react-library/components/LeftTree/Department/Gwj";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function PersonnelVehicleRecord(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const [inDepartmentId, setInDepartmentId] = useState([]); // 存储已选择的部门id
+  const [authorizationModalOpen, setAuthorizationModalOpen] = useState(false);
+  const [authorizationData, setAuthorizationData] = useState({});
+  return (
+    <div>
+      <HeaderBack title="人员及车辆详情" />
+      <div style={{ padding: 20 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "likeName", label: "姓名" },
+            { name: "likeName", label: "进出港时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+          ]}
+          form={form}
+          onFinish={(values) => {
+            getData(values);
+          }}
+        />
+        <div style={{ display: "flex", gap: 20 }}>
+          <div style={{ width: 300 }}>
+            <DepartmentLeftTree
+              checkable
+              onCheck={(checkedKeys) => {
+                setInDepartmentId(checkedKeys);
+                getData();
+              }}
+            />
+          </div>
+
+          <div style={{ flex: 1 }}>
+            <Table
+              toolBarRender={() => (
+                <Space>
+                  <Button
+                    type="primary"
+                    onClick={() => {
+                      props.history.push("./PersonnelRecord");
+                    }}
+                  >
+                    人员进出记录
+                  </Button>
+                  <Button
+                    type="primary"
+                    onClick={() => {
+                      props.history.push("./VehicleManagement");
+                    }}
+                  >
+                    车辆管理
+                  </Button>
+                </Space>
+              )}
+              columns={[
+                { title: "部门", dataIndex: "departmentName" },
+                { title: "姓名", dataIndex: "name" },
+                { title: "岗位", dataIndex: "" },
+                { title: "手机号", dataIndex: "phone" },
+                { title: "车辆数", dataIndex: "" },
+                {
+                  title: "操作",
+                  fixed: "right",
+                  width: 200,
+                  render: (_, record) => (
+                    <Space>
+                      <Button
+                        type="link"
+                        onClick={() => {}}
+                      >
+                        人员进出记录
+                      </Button>
+                      <Button
+                        type="link"
+                        onClick={() => {}}
+                      >
+                        车辆管理
+                      </Button>
+                    </Space>
+                  ),
+                },
+              ]}
+              {...tableProps}
+            />
+          </div>
+        </div>
+        {authorizationModalOpen && <AuthorizationScope authorizationData={authorizationData} onCancel={() => setAuthorizationModalOpen(false)} />}
+      </div>
+    </div>
+  );
+}
+const AuthorizationScope = (props) => {
+  const [form] = Form.useForm();
+  const onSubmit = async (values) => {
+    // const { success } = await props.onOk();
+    // if (success) {
+    //   message.success("操作成功");
+    //   props.onCancel();
+    // }
+  };
+  return (
+    <Modal
+      title="授权"
+      width={1200}
+      open
+      onCancel={props.onCancel}
+      maskClosable={false}
+      onOk={form.submit}
+    >
+      <FormBuilder
+        form={form}
+        onFinish={onSubmit}
+        showActionButtons={false}
+        options={[
+          { name: "", label: "是否授权", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "是" }, { bianma: "0", name: "否" }] },
+          { name: "", label: "授权港区", span: 12 },
+          { name: "", label: "选择区域", span: 12 },
+        ]}
+      />
+    </Modal>
+  );
+};
+export default Connect([NS_BASICINFORMATION], true)(PersonnelVehicleRecord);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/VehicleManagement/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/VehicleManagement/index.js
new file mode 100644
index 0000000..3370836
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/VehicleManagement/index.js
@@ -0,0 +1,7 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/PersonnelVehicleManagement";
+
+function PersonnelRecord(props) {
+  return (<ListView {...props} />);
+};
+
+export default PersonnelRecord;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/VehicleManagementDetail/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/VehicleManagementDetail/index.js
new file mode 100644
index 0000000..dfa6459
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/VehicleManagementDetail/index.js
@@ -0,0 +1,8 @@
+import DetailView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagementDetail";
+
+function VehicleManagementDetail(props) {
+  // 传企业名称到下一级页面
+  return (<DetailView {...props} />);
+};
+
+export default VehicleManagementDetail;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/VehicleRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/VehicleRecord/index.js
new file mode 100644
index 0000000..f55ba6e
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/VehicleRecord/index.js
@@ -0,0 +1,8 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleRecord";
+
+function VehicleRecord(props) {
+  // 带入企业名称到下一级页面
+  return (<ListView {...props} />);
+};
+
+export default VehicleRecord;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/index.js
new file mode 100644
index 0000000..7897da1
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/index.js
@@ -0,0 +1,5 @@
+function StationedPersonnelVehicle(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default StationedPersonnelVehicle;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Add/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Add/index.js
new file mode 100644
index 0000000..36f5a26
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Add/index.js
@@ -0,0 +1,127 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Form, message } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Upload from "zy-react-library/components/Upload";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function Add(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const getData = async () => {
+    if (query.id) {
+      const { data } = await props["busPromiseTemplateView"]({ id: query.id });
+      const values = {
+        ...data,
+      };
+      form.setFieldsValue({
+        ...values,
+      });
+    }
+  };
+  const [cropList, setCorpList] = useState([]);
+  const [userList, setUserList] = useState([]);
+  const [agreementChecked, setAgreementChecked] = useState(false);
+  // 获取项目执行属地公司名称列表数据
+  const getCropList = async () => {
+    const { data } = await props["corpInfoList"]({ pageIndex: 1, pageSize: 1000, inType: [1] });
+    setCorpList(data);
+  };
+  const getUserList = async (id) => {
+    const { data } = id ? await props["userListByDeptId"]({ id }) : [];
+    setUserList(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  useEffect(() => {
+    getCropList();
+    getUserList;
+  }, []);
+  const onSubmit = async (values) => {
+    const { success } = await props[!query.id ? "busPromiseTemplateAdd" : "busPromiseTemplateEdit"]({
+      ...values,
+      id: query.id,
+      promiseId: query.promiseId,
+      isRegulatory: 0,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+  return (
+    <div>
+      <HeaderBack title={query.id ? "编辑" : "新增"} />
+      <div style={{ paddingBottom: 10 }}>
+        <FormBuilder
+          form={form}
+          onFinish={onSubmit}
+          options={[
+            { name: "", label: "车辆所属类型", span: 24 },
+            { name: "", label: "车辆所属部门", span: 24 },
+            { name: "", label: "车辆归属人", span: 24 },
+            { name: "", label: "行驶证照片", span: 24, render: (
+              <Upload
+                fileType="image"
+                maxCount={10}
+                accept=".jpg,.jpeg,.png"
+                ratio={`${500}*${500}`}
+                size={5}
+                tipContent={(
+                  <div>
+                    <p>1.请拍摄行驶证正面和反面，确保四角完整、无遮挡</p>
+                    <p>2. 文字、印章清晰可见，避免反光</p>
+                    <p>3. 支持格式:.jpg/.jpeg/.png，单张5MB</p>
+                  </div>
+                )}
+                onGetRemoveFile={(files) => {
+                  form.setFieldValue("deleteFiles", [...(form.getFieldValue("deleteFiles") || []), files]);
+                }}
+              />
+            ) },
+            { name: "deleteFiles", label: "删除的行驶证照片", onlyForLabel: true },
+            { name: "", label: "车牌类型", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT },
+            { name: "", label: "车牌号", span: 24 },
+            { name: "", label: "车辆类型", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT },
+            { name: "", label: "访问港区", span: 8 },
+            { name: "", label: "访问区域", span: 8 },
+            { name: "", label: "访问口门名称", span: 8 },
+            { name: "", label: "访问起始时间", span: 24, render: FORM_ITEM_RENDER_ENUM.DATE },
+            { name: "", label: "访问结束时间", span: 24, render: FORM_ITEM_RENDER_ENUM.DATE },
+            { name: "", label: "车辆照片", span: 24, render: (
+              <Upload
+                fileType="image"
+                maxCount={4}
+                accept=".jpg,.jpeg,.png"
+                ratio={`${500}*${500}`}
+                size={5}
+                tipContent={(
+                  <div>
+                    <p>1.上限4张</p>
+                    <p>2. 请从车辆左前侧45°拍摄，车牌清晰可见</p>
+                    <p>3. 背景简洁，避免逆光或阴影</p>
+                    <p>4. 支持格式：.jpg/.jpeg/.png，单张5MB</p>
+                  </div>
+                )}
+                onGetRemoveFile={(files) => {
+                  form.setFieldValue("deleteFiles", [...(form.getFieldValue("deleteFiles") || []), files]);
+                }}
+              />
+            ) },
+            { name: "deleteFiles", label: "删除的车辆照片", onlyForLabel: true },
+            { name: "", label: "审批人", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: userList, itemsField: { valueKey: "userId", labelKey: "userName" }, componentProps: {
+              onChange: () => {
+
+              },
+            } },
+          ]}
+        />
+      </div>
+    </div>
+  );
+}
+export default Connect([NS_BASICINFORMATION], true)(Add);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecord/index.js
new file mode 100644
index 0000000..f109404
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecord/index.js
@@ -0,0 +1,53 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Table from "zy-react-library/components/Table";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function ApprovalRecord(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const tableProps = {};
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  return (
+    <div>
+      <HeaderBack title="审批记录" />
+      <div style={{ padding: 20 }}>
+        <Table
+          toolBarRender={() => (
+            <Button
+              type="primary"
+              onClick={() => {
+                props.history.push("./ApprovalRecordDetail");
+              }}
+            >
+              查看
+            </Button>
+          )}
+          columns={[
+            { title: "发起人", dataIndex: "" },
+            { title: "发起时间", dataIndex: "" },
+            { title: "审批人", dataIndex: "" },
+            { title: "审批时间", dataIndex: "" },
+            { title: "审批状态", dataIndex: "" },
+            { title: "打回原因", dataIndex: "" },
+            { title: "类型", dataIndex: "" },
+            { title: "车辆信息记录", dataIndex: "", render: (_, record) => (<Button type="link" onClick={() => {}} />) },
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(ApprovalRecord);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecordDetail/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecordDetail/index.js
new file mode 100644
index 0000000..c44549c
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecordDetail/index.js
@@ -0,0 +1,43 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Descriptions, Form, Spin } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function ApprovalRecordDetail(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const tableProps = {};
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  return (
+    <div>
+      <HeaderBack title="车辆信息记录" />
+      <div style={{ padding: 20 }}>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div>
+            <Descriptions
+              bordered
+              column={2}
+              styles={{ label: { width: 200 } }}
+              items={[
+                { label: "相关方名称", children: "", span: 2 },
+              ]}
+            />
+          </div>
+        </Spin>
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(ApprovalRecordDetail);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/List/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/List/index.js
new file mode 100644
index 0000000..7cc18ac
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/List/index.js
@@ -0,0 +1,153 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Modal, Space } from "antd";
+import { useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import DepartmentLeftTree from "zy-react-library/components/LeftTree/Department/Gwj";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const [inDepartmentId, setInDepartmentId] = useState([]); // 存储已选择的部门id
+  const [authorizationModalOpen, setAuthorizationModalOpen] = useState(false);
+  const [authorizationData, setAuthorizationData] = useState({});
+  return (
+    <div style={{ padding: 20 }}>
+      <div style={{ display: "flex", gap: 20 }}>
+        <div style={{ width: 300 }}>
+          <DepartmentLeftTree
+            checkable
+            onCheck={(checkedKeys) => {
+              setInDepartmentId(checkedKeys);
+              getData();
+            }}
+          />
+        </div>
+
+        <div style={{ flex: 1 }}>
+          <Search
+            labelCol={{ span: 8 }}
+            options={[
+              { name: "likeName", label: "姓名" },
+            ]}
+            form={form}
+            onFinish={(values) => {
+              getData(values);
+            }}
+          />
+          <Table
+            toolBarRender={() => (
+              <Space>
+                <Button
+                  type="primary"
+                  onClick={() => {
+                    setAuthorizationModalOpen(true);
+                  }}
+                >
+                  授权范围
+                </Button>
+                <Button
+                  type="primary"
+                  onClick={() => {
+                    props.history.push("./Record");
+                  }}
+                >
+                  人员进出记录
+                </Button>
+                <Button
+                  type="primary"
+                  onClick={() => {
+                    props.history.push("./VehicleManagement");
+                  }}
+                >
+                  车辆管理
+                </Button>
+              </Space>
+            )}
+            columns={[
+              { title: "部门", dataIndex: "departmentName" },
+              { title: "姓名", dataIndex: "name" },
+              { title: "岗位", dataIndex: "postName" },
+              { title: "手机号", dataIndex: "phone" },
+              { title: "车辆数", dataIndex: "" },
+              { title: "门禁权限", dataIndex: "" },
+              { title: "是否录入人脸", dataIndex: "" },
+              {
+                title: "操作",
+                fixed: "right",
+                width: 200,
+                render: (_, record) => (
+                  <Space>
+                    <Button
+                      type="link"
+                      onClick={() => {}}
+                    >
+                      授权范围
+                    </Button>
+                    <Button
+                      type="link"
+                      onClick={() => {}}
+                    >
+                      人员进出记录
+                    </Button>
+                    <Button
+                      type="link"
+                      danger
+                      onClick={() => {
+                      }}
+                    >
+                      车辆管理
+                    </Button>
+                  </Space>
+                ),
+              },
+            ]}
+            {...tableProps}
+          />
+        </div>
+      </div>
+      {authorizationModalOpen && <AuthorizationScope authorizationData={authorizationData} onCancel={() => setAuthorizationModalOpen(false)} />}
+    </div>
+  );
+}
+const AuthorizationScope = (props) => {
+  const [form] = Form.useForm();
+  const onSubmit = async (values) => {
+    // const { success } = await props.onOk();
+    // if (success) {
+    //   message.success("操作成功");
+    //   props.onCancel();
+    // }
+  };
+  return (
+    <Modal
+      title="授权"
+      width={1200}
+      open
+      onCancel={props.onCancel}
+      maskClosable={false}
+      onOk={form.submit}
+    >
+      <FormBuilder
+        form={form}
+        onFinish={onSubmit}
+        showActionButtons={false}
+        options={[
+          { name: "", label: "是否授权", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "是" }, { bianma: "0", name: "否" }] },
+          { name: "", label: "授权港区", span: 12 },
+          { name: "", label: "选择区域", span: 12 },
+        ]}
+      />
+    </Modal>
+  );
+};
+export default Connect([NS_BASICINFORMATION], true)(List);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Record/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Record/index.js
new file mode 100644
index 0000000..93e6f70
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Record/index.js
@@ -0,0 +1,53 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Form } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function Record(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const tableProps = {};
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  return (
+    <div>
+      <HeaderBack title="人员进出记录" />
+      <div style={{ padding: 20 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "", label: "进出港时间", render: FORM_ITEM_RENDER_ENUM.DATE_RANGE },
+            { name: "", label: "进出状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: 1, name: "进" }, { bianma: 0, name: "出" }] },
+            { name: "", label: "口门名称" },
+          ]}
+          form={form}
+          // onFinish={getData}
+        />
+        <Table
+          headerTitle="企业名称：回显企业名称"
+          columns={[
+            { title: "姓名", dataIndex: "" },
+            { title: "进出状态", dataIndex: "" },
+            { title: "进出港时间", dataIndex: "" },
+            { title: "口门名称", dataIndex: "" },
+            { title: "开门类型", dataIndex: "" },
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(Record);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/SwitchRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/SwitchRecord/index.js
new file mode 100644
index 0000000..88548dc
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/SwitchRecord/index.js
@@ -0,0 +1,38 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Form } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Table from "zy-react-library/components/Table";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function SwitchRecord(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const tableProps = {};
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  return (
+    <div>
+      <HeaderBack title="开关记录" />
+      <div style={{ padding: 20 }}>
+        <Table
+          columns={[
+            { title: "开关状态", dataIndex: "" },
+            { title: "开关时间", dataIndex: "" },
+            { title: "开关人", dataIndex: "" },
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(SwitchRecord);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagement/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagement/index.js
new file mode 100644
index 0000000..75aa885
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagement/index.js
@@ -0,0 +1,155 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function VehicleManagement(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const tableProps = {};
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  return (
+    <div>
+      <HeaderBack title="车辆管理" />
+      <div style={{ padding: 20 }}>
+        {props.pageName === "Enterprise" && (
+          <Search
+            labelCol={{ span: 8 }}
+            options={[
+              { name: "", label: "车牌号" },
+              { name: "", label: "当前在港状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "港内" }, { bianma: "0", name: "港外" }] },
+              { name: "", label: "审批状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [] },
+              { name: "", label: "访问港区范围", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [] },
+              { name: "", label: "访问开始时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+              { name: "", label: "访问结束时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+            ]}
+            form={form}
+            // onFinish={getData}
+          />
+        )}
+        <Table
+          toolBarRender={() => (
+            <Space>
+              <Button
+                type="primary"
+                onClick={() => {
+                  props.history.push("./VehicleRecord");
+                }}
+              >
+                车辆进出记录
+              </Button>
+              <Button
+                type="primary"
+                onClick={() => {
+                  props.history.push("./ApprovalRecord");
+                }}
+              >
+                审批记录
+              </Button>
+              <Button
+                type="primary"
+                onClick={() => {
+                  props.history.push("./SwitchRecord");
+                }}
+              >
+                开关记录
+              </Button>
+              <Button
+                type="primary"
+                onClick={() => {
+                  props.history.push("./VehicleManagementDetail");
+                }}
+              >
+                查看
+              </Button>
+              <Button
+                type="primary"
+                icon={<AddIcon />}
+                onClick={() => {
+                  props.history.push("./Add");
+                }}
+              >
+                新增
+              </Button>
+            </Space>
+          )}
+          columns={[
+            { title: "车辆归属人", dataIndex: "" },
+            { title: "车牌号", dataIndex: "" },
+            { title: "车牌类型", dataIndex: "" },
+            { title: "车辆类型", dataIndex: "" },
+            { title: "访问港区范围", dataIndex: "" },
+            { title: "访问起始时间", dataIndex: "" },
+            { title: "访问结束时间", dataIndex: "" },
+            { title: "审批状态", dataIndex: "" },
+            { title: "启用状态", dataIndex: "" },
+            {
+              title: "操作",
+              fixed: "right",
+              width: 200,
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    车辆进出记录
+                  </Button>
+                  <Button
+                    type="link"
+                    onClick={() => {
+                      props.history.push("./Add");
+                    }}
+                  >
+                    变更申请
+                  </Button>
+                  <Button
+                    type="link"
+                    danger
+                    onClick={() => {
+                    }}
+                  >
+                    审批记录
+                  </Button>
+                  <Button
+                    type="link"
+                    danger
+                    onClick={() => {
+                    }}
+                  >
+                    查看
+                  </Button>
+                  <Button
+                    type="link"
+                    danger
+                    onClick={() => {
+                    }}
+                  >
+                    停用 & 启用
+                  </Button>
+                </Space>
+              ),
+            },
+
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(VehicleManagement);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagementDetail/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagementDetail/index.js
new file mode 100644
index 0000000..df928a1
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagementDetail/index.js
@@ -0,0 +1,72 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Descriptions, Divider, Form, Spin } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function VehicleManagementDetail(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const tableProps = {};
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div>
+            <Divider orientation="left">申请信息</Divider>
+            <Descriptions
+              bordered
+              column={1}
+              styles={{ label: { width: 200 } }}
+              items={[
+                { label: "企业名称", children: "" }, // 上一级传参显示企业名称
+                { label: "驻港单位名称", children: "" }, // 上一级传参显示企业名称
+                { label: "车辆所属类型", children: "" },
+                { label: "车辆所属部门", children: "" },
+                { label: "车辆所属人", children: "" },
+                { label: "车牌号", children: "" },
+                { label: "车牌类型", children: "" },
+                { label: "车辆类型", children: "" },
+                { label: "访问港区范围", children: "" },
+                { label: "访问起始时间", children: "" },
+                { label: "访问结束时间", children: "" },
+                { label: "行驶证照片", children: "" },
+                { label: "车辆照片", children: "" },
+                { label: "车辆照片", children: "" },
+              ]}
+            />
+          </div>
+        </Spin>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div>
+            <Divider orientation="left">审批信息</Divider>
+            <Descriptions
+              bordered
+              column={1}
+              styles={{ label: { width: 200 } }}
+              items={[
+                { label: "审批人", children: "" },
+              ]}
+            />
+          </div>
+        </Spin>
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(VehicleManagementDetail);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleRecord/index.js
new file mode 100644
index 0000000..c6b208a
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleRecord/index.js
@@ -0,0 +1,54 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Form } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function VehicleRecord(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const tableProps = {};
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  return (
+    <div>
+      <HeaderBack title="车辆进出记录" />
+      <div style={{ padding: 20 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "", label: "口门名称" },
+            { name: "", label: "所属区域", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [] },
+            { name: "", label: "进港时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+
+          ]}
+          form={form}
+          // onFinish={getData}
+        />
+        <Table
+          columns={[
+            { title: "车辆所属人", dataIndex: "" },
+            { title: "车牌号", dataIndex: "" },
+            { title: "所属区域", dataIndex: "" },
+            { title: "口门名称", dataIndex: "" },
+            { title: "记录时间", dataIndex: "" },
+            { title: "进出状态", dataIndex: "" },
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(VehicleRecord);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/index.js
new file mode 100644
index 0000000..9be432d
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/index.js
@@ -0,0 +1,5 @@
+function SupervisionPersonnelVehicle(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default SupervisionPersonnelVehicle;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/Add/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/Add/index.js
new file mode 100644
index 0000000..ff1cb26
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/Add/index.js
@@ -0,0 +1,125 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Form, message } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Upload from "zy-react-library/components/Upload";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function Add(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const getData = async () => {
+    if (query.id) {
+      const { data } = await props["busPromiseTemplateView"]({ id: query.id });
+      const values = {
+        ...data,
+      };
+      form.setFieldsValue({
+        ...values,
+      });
+    }
+  };
+  const [cropList, setCorpList] = useState([]);
+  const [userList, setUserList] = useState([]);
+  const [agreementChecked, setAgreementChecked] = useState(false);
+  // 获取项目执行属地公司名称列表数据
+  const getCropList = async () => {
+    const { data } = await props["corpInfoList"]({ pageIndex: 1, pageSize: 1000, inType: [1] });
+    setCorpList(data);
+  };
+  const getUserList = async (id) => {
+    const { data } = id ? await props["userListByDeptId"]({ id }) : [];
+    setUserList(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  useEffect(() => {
+    getCropList();
+    getUserList;
+  }, []);
+  const onSubmit = async (values) => {
+    const { success } = await props[!query.id ? "busPromiseTemplateAdd" : "busPromiseTemplateEdit"]({
+      ...values,
+      id: query.id,
+      promiseId: query.promiseId,
+      isRegulatory: 0,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+  return (
+    <div>
+      <HeaderBack title={query.id ? "编辑" : "新增"} />
+      <div style={{ paddingBottom: 10 }}>
+        <FormBuilder
+          form={form}
+          onFinish={onSubmit}
+          options={[
+            { name: "", label: "车辆所属类型", span: 24 },
+            { name: "", label: "车辆所属部门", span: 24 },
+            { name: "", label: "行驶证照片", span: 24, render: (
+              <Upload
+                fileType="image"
+                maxCount={10}
+                accept=".jpg,.jpeg,.png"
+                ratio={`${500}*${500}`}
+                size={5}
+                tipContent={(
+                  <div>
+                    <p>1.请拍摄行驶证正面和反面，确保四角完整、无遮挡</p>
+                    <p>2. 文字、印章清晰可见，避免反光</p>
+                    <p>3. 支持格式:.jpg/.jpeg/.png，单张5MB</p>
+                  </div>
+                )}
+                onGetRemoveFile={(files) => {
+                  form.setFieldValue("deleteFiles", [...(form.getFieldValue("deleteFiles") || []), files]);
+                }}
+              />
+            ) },
+            { name: "deleteFiles", label: "删除的行驶证照片", onlyForLabel: true },
+            { name: "", label: "车牌类型", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT },
+            { name: "", label: "车牌号", span: 24 },
+            { name: "", label: "车辆类型", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT },
+            { name: "", label: "访问港区", span: 8 },
+            { name: "", label: "访问区域", span: 8 },
+            { name: "", label: "访问起始时间", span: 24, render: FORM_ITEM_RENDER_ENUM.DATE },
+            { name: "", label: "访问结束时间", span: 24, render: FORM_ITEM_RENDER_ENUM.DATE },
+            { name: "", label: "车辆照片", span: 24, render: (
+              <Upload
+                fileType="image"
+                maxCount={4}
+                accept=".jpg,.jpeg,.png"
+                ratio={`${500}*${500}`}
+                size={5}
+                tipContent={(
+                  <div>
+                    <p>1.上限4张</p>
+                    <p>2. 请从车辆左前侧45°拍摄，车牌清晰可见</p>
+                    <p>3. 背景简洁，避免逆光或阴影</p>
+                    <p>4. 支持格式：.jpg/.jpeg/.png，单张5MB</p>
+                  </div>
+                )}
+                onGetRemoveFile={(files) => {
+                  form.setFieldValue("deleteFiles", [...(form.getFieldValue("deleteFiles") || []), files]);
+                }}
+              />
+            ) },
+            { name: "deleteFiles", label: "删除的车辆照片", onlyForLabel: true },
+            { name: "", label: "审批人", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: userList, itemsField: { valueKey: "userId", labelKey: "userName" }, componentProps: {
+              onChange: () => {
+
+              },
+            } },
+          ]}
+        />
+      </div>
+    </div>
+  );
+}
+export default Connect([NS_BASICINFORMATION], true)(Add);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecord/index.js
new file mode 100644
index 0000000..8751353
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecord/index.js
@@ -0,0 +1,7 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecord";
+
+function ApprovalRecord(props) {
+  return (<ListView {...props} />);
+};
+
+export default ApprovalRecord;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecordDetail/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecordDetail/index.js
new file mode 100644
index 0000000..bc53342
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecordDetail/index.js
@@ -0,0 +1,7 @@
+import DetailView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecordDetail";
+
+function ApprovalRecordDetail(props) {
+  return (<DetailView {...props} />);
+};
+
+export default ApprovalRecordDetail;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/List/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/List/index.js
new file mode 100644
index 0000000..f0ad42a
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/List/index.js
@@ -0,0 +1,195 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Modal, Space } from "antd";
+import { useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import DepartmentLeftTree from "zy-react-library/components/LeftTree/Department/Gwj";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const [inDepartmentId, setInDepartmentId] = useState([]); // 存储已选择的部门id
+  const [authorizationModalOpen, setAuthorizationModalOpen] = useState(false);
+  const [authorizationData, setAuthorizationData] = useState({});
+  return (
+    <div style={{ padding: 20 }}>
+      <div style={{ display: "flex", gap: 20 }}>
+        <div style={{ width: 300 }}>
+          <DepartmentLeftTree
+            checkable
+            onCheck={(checkedKeys) => {
+              setInDepartmentId(checkedKeys);
+              getData();
+            }}
+          />
+        </div>
+
+        <div style={{ flex: 1 }}>
+          <Search
+            labelCol={{ span: 8 }}
+            options={[
+              { name: "", label: "车牌号" },
+              { name: "", label: "当前在港状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "港内" }, { bianma: "0", name: "港外" }] },
+              { name: "", label: "审批状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "通过" }, { bianma: "0", name: "不通过" }, { bianma: "0", name: "审核中" }] },
+              { name: "", label: "访问港区范围", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "通过" }, { bianma: "0", name: "不通过" }, { bianma: "0", name: "审核中" }] },
+              { name: "", label: "访问开始时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+              { name: "", label: "访问结束时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+            ]}
+            form={form}
+            onFinish={(values) => {
+              getData(values);
+            }}
+          />
+          <Table
+            toolBarRender={() => (
+              <Space>
+                <Button
+                  type="primary"
+                  onClick={() => {
+                    props.history.push("./VehicleRecord");
+                  }}
+                >
+                  车辆进出记录
+                </Button>
+                <Button
+                  type="primary"
+                  onClick={() => {
+                    props.history.push("./ApprovalRecord");
+                  }}
+                >
+                  审批记录
+                </Button>
+                <Button
+                  type="primary"
+                  onClick={() => {
+                    props.history.push("./VehicleManagementDetail");
+                  }}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="primary"
+                  onClick={() => {
+                    props.history.push("./SwitchRecord");
+                  }}
+                >
+                  开关记录
+                </Button>
+                <Button
+                  type="primary"
+                  icon={<AddIcon />}
+                  onClick={() => {
+                    props.history.push("./Add");
+                  }}
+                >
+                  新增
+                </Button>
+              </Space>
+            )}
+            columns={[
+              { title: "车牌号", dataIndex: "" },
+              { title: "车牌类型", dataIndex: "" },
+              { title: "车辆类型", dataIndex: "" },
+              { title: "访问港区范围", dataIndex: "" },
+              { title: "访问起始时间", dataIndex: "" },
+              { title: "访问结束时间", dataIndex: "" },
+              { title: "审批状态", dataIndex: "" },
+              { title: "车辆开启状态", dataIndex: "" },
+              {
+                title: "操作",
+                fixed: "right",
+                width: 200,
+                render: (_, record) => (
+                  <Space>
+                    <Button
+                      type="link"
+                      onClick={() => {}}
+                    >
+                      车辆进出记录
+                    </Button>
+                    <Button
+                      type="link"
+                      onClick={() => {
+                        props.history.push("./Add");
+                      }}
+                    >
+                      变更申请
+                    </Button>
+                    <Button
+                      type="link"
+                      danger
+                      onClick={() => {
+                      }}
+                    >
+                      审批记录
+                    </Button>
+                    <Button
+                      type="link"
+                      danger
+                      onClick={() => {
+                      }}
+                    >
+                      查看
+                    </Button>
+                    <Button
+                      type="link"
+                      danger
+                      onClick={() => {
+                      }}
+                    >
+                      停用 & 启用
+                    </Button>
+                  </Space>
+                ),
+              },
+            ]}
+            {...tableProps}
+          />
+        </div>
+      </div>
+      {authorizationModalOpen && <AuthorizationScope authorizationData={authorizationData} onCancel={() => setAuthorizationModalOpen(false)} />}
+    </div>
+  );
+}
+const AuthorizationScope = (props) => {
+  const [form] = Form.useForm();
+  const onSubmit = async (values) => {
+    // const { success } = await props.onOk();
+    // if (success) {
+    //   message.success("操作成功");
+    //   props.onCancel();
+    // }
+  };
+  return (
+    <Modal
+      title="授权"
+      width={1200}
+      open
+      onCancel={props.onCancel}
+      maskClosable={false}
+      onOk={form.submit}
+    >
+      <FormBuilder
+        form={form}
+        onFinish={onSubmit}
+        showActionButtons={false}
+        options={[
+          { name: "", label: "是否授权", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "是" }, { bianma: "0", name: "否" }] },
+          { name: "", label: "授权港区", span: 12 },
+          { name: "", label: "选择区域", span: 12 },
+        ]}
+      />
+    </Modal>
+  );
+};
+export default Connect([NS_BASICINFORMATION], true)(List);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/SwitchRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/SwitchRecord/index.js
new file mode 100644
index 0000000..5e92b31
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/SwitchRecord/index.js
@@ -0,0 +1,7 @@
+import ListView from "~/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/SwitchRecord";
+
+function SwitchRecord(props) {
+  return (<ListView {...props} />);
+};
+
+export default SwitchRecord;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleManagementDetail/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleManagementDetail/index.js
new file mode 100644
index 0000000..e2e5599
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleManagementDetail/index.js
@@ -0,0 +1,69 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Descriptions, Divider, Form, Spin } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function VehicleManagementDetail(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const tableProps = {};
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div>
+            <Divider orientation="left">申请信息</Divider>
+            <Descriptions
+              bordered
+              column={1}
+              styles={{ label: { width: 200 } }}
+              items={[
+                { label: "车辆所属类型", children: "" },
+                { label: "车辆所属部门", children: "" },
+                { label: "车牌号", children: "" },
+                { label: "车牌类型", children: "" },
+                { label: "车辆类型", children: "" },
+                { label: "访问港区范围", children: "" },
+                { label: "访问起始时间", children: "" },
+                { label: "访问结束时间", children: "" },
+                { label: "行驶证照片", children: "" },
+                { label: "车辆照片", children: "" },
+                { label: "车辆来源", children: "" },
+              ]}
+            />
+          </div>
+        </Spin>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div>
+            <Divider orientation="left">审批信息</Divider>
+            <Descriptions
+              bordered
+              column={1}
+              styles={{ label: { width: 200 } }}
+              items={[
+                { label: "审批人", children: "" },
+              ]}
+            />
+          </div>
+        </Spin>
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(VehicleManagementDetail);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleRecord/index.js
new file mode 100644
index 0000000..95d2754
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleRecord/index.js
@@ -0,0 +1,58 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Form } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function VehicleRecord(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const tableProps = {};
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  return (
+    <div>
+      <HeaderBack title="车辆进出记录" />
+      <div style={{ padding: 20 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "", label: "口门名称" },
+            { name: "", label: "所属区域", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [] },
+            { name: "", label: "进港时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+
+          ]}
+          form={form}
+          // onFinish={getData}
+        />
+        <Table
+          headerTitle="企业名称：回显企业名称" // 上一级页面带入
+          columns={[
+            { title: "车牌号", dataIndex: "" },
+            { title: "所属区域", dataIndex: "" },
+            { title: "口门名称", dataIndex: "" },
+            { title: "口门级别", dataIndex: "" },
+            { title: "车辆在港状态", dataIndex: "" },
+            { title: "入港闸口", dataIndex: "" },
+            { title: "进港时间", dataIndex: "" },
+            { title: "离港闸口", dataIndex: "" },
+            { title: "离港时间", dataIndex: "" },
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(VehicleRecord);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/index.js
new file mode 100644
index 0000000..e151b36
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/index.js
@@ -0,0 +1,5 @@
+function SupervisionVehicle(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default SupervisionVehicle;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/index.js
new file mode 100644
index 0000000..e895b36
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/index.js
@@ -0,0 +1,5 @@
+function ImportExportInformation(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default ImportExportInformation;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/Add/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/Add/index.js
new file mode 100644
index 0000000..e5512f4
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/Add/index.js
@@ -0,0 +1,154 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Checkbox, Col, Form, message, Row } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Upload from "zy-react-library/components/Upload";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function Add(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const getData = async () => {
+    if (query.id) {
+      const { data } = await props["busPromiseTemplateView"]({ id: query.id });
+      const values = {
+        ...data,
+      };
+      form.setFieldsValue({
+        ...values,
+      });
+    }
+  };
+  const [cropList, setCorpList] = useState([]);
+  const [userList, setUserList] = useState([]);
+  const [agreementChecked, setAgreementChecked] = useState(false);
+  // 获取项目执行属地公司名称列表数据
+  const getCropList = async () => {
+    const { data } = await props["corpInfoList"]({ pageIndex: 1, pageSize: 1000, inType: [1] });
+    setCorpList(data);
+  };
+  const getUserList = async (id) => {
+    const { data } = id ? await props["userListByDeptId"]({ id }) : [];
+    setUserList(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  useEffect(() => {
+    getCropList();
+    getUserList;
+  }, []);
+  const onSubmit = async (values) => {
+    const { success } = await props[!query.id ? "busPromiseTemplateAdd" : "busPromiseTemplateEdit"]({
+      ...values,
+      id: query.id,
+      promiseId: query.promiseId,
+      isRegulatory: 0,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+  return (
+    <div>
+      <HeaderBack title={query.id ? "编辑" : "新增"} />
+      <div style={{ paddingBottom: 10 }}>
+        <FormBuilder
+          form={form}
+          onFinish={onSubmit}
+          options={[
+            { name: "", label: "访问人姓名", span: 24 },
+            { name: "", label: "手机号", span: 24 },
+            { name: "", label: "身份证号", span: 24 },
+            { name: "", label: "访问起始时间", span: 24, render: FORM_ITEM_RENDER_ENUM.DATE },
+            { name: "", label: "访问结束时间", span: 24, render: FORM_ITEM_RENDER_ENUM.DATE },
+            { name: "", label: "访问港区", span: 8 },
+            { name: "", label: "访问区域", span: 8 },
+            { name: "", label: "访问口门名称", span: 8 },
+            { name: "", label: "来访事由", span: 24 },
+            { name: "", label: "请上传人脸照片", span: 24, render: (
+              <Upload
+                fileType="image"
+                maxCount={10}
+                accept=".jpg,.jpeg,.png"
+                ratio={`${500}*${500}`}
+                size={4}
+                tipContent={(
+                  <div>
+                    <p>• 图像格式：JPG、JPEG、PNG</p>
+                    <p>• 图像大小：不超过4M</p>
+                    <p>• 照片大小：推荐 500*500</p>
+                    <p>• 人脸无遮挡（如戴帽子、口罩、眼镜等）、无修图</p>
+                    <p>• 人脸需双眼睁开、表情自然、露额，头发不要遮挡</p>
+                  </div>
+                )}
+                onGetRemoveFile={(files) => {
+                  form.setFieldValue("deleteFiles", [...(form.getFieldValue("deleteFiles") || []), files]);
+                }}
+              />
+            ) },
+            { name: "deleteFiles", label: "删除的人脸照片", onlyForLabel: true },
+            { name: "", label: "审批企业", span: 24, items: cropList, render: FORM_ITEM_RENDER_ENUM.SELECT, itemsField: { valueKey: "id", labelKey: "corpName" }, componentProps: {
+              onChange: () => {
+
+              },
+            } },
+            { name: "", label: "审批企业名称", span: 24, onlyForLabel: true },
+            { name: "", label: "审批人", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: userList, itemsField: { valueKey: "userId", labelKey: "userName" }, componentProps: {
+              onChange: () => {
+
+              },
+            } },
+            { key: "", span: 24, render: (
+              <div style={{
+                display: "flex",
+                justifyContent: "center",
+              }}
+              >
+                <div>
+                  <Row justify="center" align="middle" gutter={[0, 8]}>
+                    <Col>
+                      <div style={{ margin: "0 16px", display: "flex", alignItems: "center" }}>
+                        <span style={{ marginInlineEnd: "4px", color: "#ff4d4f", fontFamily: "SimSun, sans-serif" }}>*</span>
+                        安全协议
+                      </div>
+                    </Col>
+                    <Col>
+                      <Checkbox
+                        checked={agreementChecked}
+                        onChange={e => setAgreementChecked(e.target.checked)}
+                        style={{
+                          color: agreementChecked ? "#1890ff" : "#666",
+                        }}
+                      >
+                        我已阅读并同意
+                      </Checkbox>
+                    </Col>
+                    <Col>
+                      <Button
+                        type="link"
+                        // onClick={}
+                        style={{
+                          fontWeight: "bold",
+                          color: "#1890ff",
+                          padding: "0",
+                        }}
+                      >
+                        《安全协议》
+                      </Button>
+                    </Col>
+                  </Row>
+                </div>
+              </div>
+            ) },
+          ]}
+        />
+      </div>
+    </div>
+  );
+}
+export default Connect([NS_BASICINFORMATION], true)(Add);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/Detail/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/Detail/index.js
new file mode 100644
index 0000000..19572bc
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/Detail/index.js
@@ -0,0 +1,164 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider, Form, Input, message, Modal, Spin } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function Detail(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const tableProps = {};
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  const auditSubmit = (result) => {
+    if (result === 1) {
+      Modal.confirm({
+        title: "审核确认",
+        content: "确定要通过审核吗？",
+        onOk: async () => {
+          const { success } = await props["projectAudit"]({
+            id: query.id,
+            result,
+          });
+          if (success) {
+            message.success("审核通过");
+            getData();
+            props.history.goBack();
+          }
+        },
+      });
+    }
+    else {
+      Modal.confirm({
+        title: "审核驳回",
+        content: (
+          <div>
+            <div style={{ marginBottom: 8 }}>确定要驳回审核吗？</div>
+            <Form
+              form={form}
+              layout="vertical"
+              style={{ marginTop: 16 }}
+            >
+              <Form.Item
+                name="rejectReason"
+                label="驳回原因"
+                rules={[{ required: true, message: "请输入驳回原因" }]}
+              >
+                <Input.TextArea
+                  placeholder="请输入驳回原因"
+                  rows={3}
+                  maxLength={200}
+                  showCount
+                />
+              </Form.Item>
+            </Form>
+          </div>
+        ),
+        icon: null,
+        okText: "确认驳回",
+        cancelText: "取消",
+        width: 500,
+        onOk: async () => {
+          try {
+            const values = await form.validateFields();
+            const { success } = await props["projectAudit"]({
+              id: query.id,
+              result,
+              rejectCause: values.rejectReason, // 添加拒绝原因
+            });
+            if (success) {
+              message.success("审核驳回成功");
+              getData();
+              props.history.goBack();
+            }
+          }
+          catch (error) {
+            // 表单验证失败，不关闭弹窗
+            return Promise.reject(error);
+          }
+        },
+      });
+    }
+  };
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div>
+            <Divider orientation="left">申请信息</Divider>
+            <Descriptions
+              bordered
+              column={2}
+              styles={{ label: { width: 200 } }}
+              items={[
+                { label: "访问人姓名", children: "" },
+                { label: "手机号", children: "" },
+                { label: "身份证号", children: "", span: 2 },
+                { label: "访问起始时间", children: "" },
+                { label: "访问结束时间", children: "" },
+                { label: "访问口门名称", children: "", span: 2 },
+                { label: "人脸照片", children: "", span: 2 },
+              ]}
+            />
+          </div>
+        </Spin>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div style={{ display: "flex", justifyContent: "flex-start", margin: "40px 0" }}>
+            <div style={{ margin: "0 20px" }}>申请人签字：</div>
+            <div>
+              <img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?x-oss-process=image/auto-orient,1/resize,p_10/quality,q_10" />
+            </div>
+          </div>
+        </Spin>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div>
+            <Divider orientation="left">审批信息</Divider>
+            <FormBuilder
+              form={form}
+              showActionButtons={false}
+              options={[
+                { name: "", label: "是否通过", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: [
+                  { bianma: 1, name: "是" },
+                  { bianma: 0, name: "否" },
+                ] },
+                { name: "", label: "打回原因", span: 24 },
+              ]}
+            />
+          </div>
+        </Spin>
+        <div style={{ textAlign: "center", marginTop: "20px" }}>
+          <Button
+            onClick={() => auditSubmit(0)}
+          >
+            取消
+          </Button>
+          <Button
+            style={{ marginLeft: "20px" }}
+            type="primary"
+            onClick={() => auditSubmit(1)}
+          >
+            确定
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(Detail);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/List/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/List/index.js
new file mode 100644
index 0000000..9a7c63f
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/List/index.js
@@ -0,0 +1,144 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Form, Modal, Space } from "antd";
+import { useState } from "react";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const [rejectReasonModalOpen, setRejectReasonModalOpen] = useState(false); // 驳回原因弹窗
+  const [rejectReason, setRejectReason] = useState(false); // 驳回原因
+  // 点击查看驳回原因
+  const onViewRejectReason = async (id) => {
+    // const { data } = await props["projectApprovalFlow"]({ id });
+    // setRejectReason(data);
+    setRejectReasonModalOpen(true);
+  };
+  return (
+    <div style={{ padding: 20 }}>
+      <Search
+        labelCol={{ span: 8 }}
+        options={[
+          { name: "", label: "访问人姓名" },
+          { name: "", label: "访问开始时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+          { name: "", label: "访问结束时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+          { name: "", label: "审批状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: 1, name: "通过" }, { bianma: 0, name: "不通过" }, { bianma: 0, name: "审核中" }] },
+          { name: "", label: "访问口门名称" },
+        ]}
+        form={form}
+        // onFinish={getData}
+      />
+      <Table
+        toolBarRender={() => (
+          <Space>
+            <Button
+              type="primary"
+              onClick={() => {
+                props.history.push("./Detail");
+              }}
+            >
+              查看
+            </Button>
+            <Button
+              type="primary"
+              onClick={() => {
+                onViewRejectReason();
+              }}
+            >
+              审批详情
+            </Button>
+            <Button
+              type="primary"
+              icon={<AddIcon />}
+              onClick={() => {
+                props.history.push("./Add");
+              }}
+            >
+              新增
+            </Button>
+          </Space>
+        )}
+        columns={[
+          { title: "访问人姓名", dataIndex: "" },
+          { title: "手机号", dataIndex: "" },
+          { title: "身份证号", dataIndex: "" },
+          { title: "来访事由", dataIndex: "" },
+          { title: "访问起始时间", dataIndex: "" },
+          { title: "访问结束时间", dataIndex: "" },
+          { title: "访问口门名称", dataIndex: "" },
+          { title: "审批状态", dataIndex: "" },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 200,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {}}
+                >
+                  审核
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {}}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  danger
+                  onClick={() => {
+                    onViewRejectReason(record.id);
+                  }}
+                >
+                  审批详情
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {rejectReasonModalOpen && <RejectReason rejectReason={rejectReason} onCancel={() => setRejectReasonModalOpen(false)} />}
+    </div>
+  );
+}
+const RejectReason = (props) => {
+  return (
+    <Modal
+      title="审批详情"
+      width={800}
+      open
+      maskClosable={false}
+      onCancel={props.onCancel}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <Descriptions
+        bordered
+        column={1}
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "审批人", children: props.rejectReason.rejectReason },
+          { label: "审批人公司", children: props.rejectReason.rejectReason },
+          { label: "审批人部门", children: props.rejectReason.rejectReason },
+          { label: "审批状态", children: props.rejectReason.rejectReason },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+export default Connect([NS_BASICINFORMATION], true)(List);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/index.js
new file mode 100644
index 0000000..360bc8b
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/index.js
@@ -0,0 +1,5 @@
+function Personnel(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default Personnel;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/Add/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/Add/index.js
new file mode 100644
index 0000000..7a6dde7
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/Add/index.js
@@ -0,0 +1,173 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Checkbox, Col, Form, message, Row } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Upload from "zy-react-library/components/Upload";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function Add(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const getData = async () => {
+    if (query.id) {
+      const { data } = await props["busPromiseTemplateView"]({ id: query.id });
+      const values = {
+        ...data,
+      };
+      form.setFieldsValue({
+        ...values,
+      });
+    }
+  };
+  const [cropList, setCorpList] = useState([]);
+  const [userList, setUserList] = useState([]);
+  const [agreementChecked, setAgreementChecked] = useState(false);
+  // 获取项目执行属地公司名称列表数据
+  const getCropList = async () => {
+    const { data } = await props["corpInfoList"]({ pageIndex: 1, pageSize: 1000, inType: [1] });
+    setCorpList(data);
+  };
+  const getUserList = async (id) => {
+    const { data } = id ? await props["userListByDeptId"]({ id }) : [];
+    setUserList(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  useEffect(() => {
+    getCropList();
+    getUserList;
+  }, []);
+  const onSubmit = async (values) => {
+    const { success } = await props[!query.id ? "busPromiseTemplateAdd" : "busPromiseTemplateEdit"]({
+      ...values,
+      id: query.id,
+      promiseId: query.promiseId,
+      isRegulatory: 0,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+  return (
+    <div>
+      <HeaderBack title={query.id ? "编辑" : "新增"} />
+      <div style={{ paddingBottom: 10 }}>
+        <FormBuilder
+          form={form}
+          onFinish={onSubmit}
+          options={[
+            { label: "申请信息", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
+            { name: "", label: "访问人姓名" },
+            { name: "", label: "手机号" },
+            { name: "", label: "身份证号" },
+            { name: "", label: "车牌号" },
+            { name: "", label: "车牌类型" },
+            { name: "", label: "车辆类型" },
+            { name: "", label: "访问起始时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+            { name: "", label: "访问结束时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+            { name: "", label: "访问港区", span: 8, render: FORM_ITEM_RENDER_ENUM.SELECT, items: [] },
+            { name: "", label: "访问区域", span: 8, render: FORM_ITEM_RENDER_ENUM.SELECT, items: [] },
+            { name: "", label: "访问口门名称", span: 8, render: FORM_ITEM_RENDER_ENUM.SELECT, items: [] },
+            { name: "", label: "来访事由", span: 24 },
+            { name: "", label: "请上传行驶证照片", span: 24, render: (
+              <Upload
+                fileType="image"
+                accept=".jpg,.jpeg,.png"
+                size={5}
+                tipContent={(
+                  <div>
+                    <p>1. 请拍摄行驶证正本和副本，确保四角完整、无遮挡</p>
+                    <p>2. 文字、印章清晰可见，避免反光</p>
+                    <p>3. 支持格式:.jpg/.jpeg/.png，单张5MB</p>
+                  </div>
+                )}
+                onGetRemoveFile={(files) => {
+                  form.setFieldValue("deleteFiles", [...(form.getFieldValue("deleteFiles") || []), files]);
+                }}
+              />
+            ) },
+            { name: "deleteFiles", label: "删除的行驶证照片", onlyForLabel: true },
+            { name: "", label: "请上传车辆图片", span: 24, render: (
+              <Upload
+                fileType="image"
+                accept=".jpg,.jpeg,.png"
+                size={5}
+                tipContent={(
+                  <div>
+                    <p>1. 请从车辆左前侧45°拍摄，车牌清晰可见</p>
+                    <p>2. 背景简洁，避免逆光或阴影</p>
+                    <p>3. 支持格式:.jpg/.jpeg/.png，单张5MB</p>
+                  </div>
+                )}
+                onGetRemoveFile={(files) => {
+                  form.setFieldValue("deleteFiles", [...(form.getFieldValue("deleteFiles") || []), files]);
+                }}
+              />
+            ) },
+            { name: "deleteFiles", label: "删除的车辆图", onlyForLabel: true },
+            { label: "审批信息", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
+            { name: "", label: "审批企业", span: 12, items: cropList, render: FORM_ITEM_RENDER_ENUM.SELECT, itemsField: { valueKey: "id", labelKey: "corpName" }, componentProps: {
+              onChange: () => {
+
+              },
+            } },
+            { name: "", label: "审批企业名称", span: 12, onlyForLabel: true },
+            { name: "", label: "审批人", span: 12, render: FORM_ITEM_RENDER_ENUM.SELECT, items: userList, itemsField: { valueKey: "userId", labelKey: "userName" }, componentProps: {
+              onChange: () => {
+
+              },
+            } },
+            { key: "", span: 24, render: (
+              <div style={{
+                display: "flex",
+                justifyContent: "center",
+              }}
+              >
+                <div>
+                  <Row justify="center" align="middle" gutter={[0, 8]}>
+                    <Col>
+                      <div style={{ margin: "0 16px", display: "flex", alignItems: "center" }}>
+                        <span style={{ marginInlineEnd: "4px", color: "#ff4d4f", fontFamily: "SimSun, sans-serif" }}>*</span>
+                        安全协议
+                      </div>
+                    </Col>
+                    <Col>
+                      <Checkbox
+                        checked={agreementChecked}
+                        onChange={e => setAgreementChecked(e.target.checked)}
+                        style={{
+                          color: agreementChecked ? "#1890ff" : "#666",
+                        }}
+                      >
+                        我已阅读并同意
+                      </Checkbox>
+                    </Col>
+                    <Col>
+                      <Button
+                        type="link"
+                        // onClick={}
+                        style={{
+                          fontWeight: "bold",
+                          color: "#1890ff",
+                          padding: "0",
+                        }}
+                      >
+                        《安全协议》
+                      </Button>
+                    </Col>
+                  </Row>
+                </div>
+              </div>
+            ) },
+          ]}
+        />
+      </div>
+    </div>
+  );
+}
+export default Connect([NS_BASICINFORMATION], true)(Add);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/Detail/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/Detail/index.js
new file mode 100644
index 0000000..ac47632
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/Detail/index.js
@@ -0,0 +1,168 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider, Form, Input, message, Modal, Spin } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function Detail(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  const auditSubmit = (result) => {
+    if (result === 1) {
+      Modal.confirm({
+        title: "审核确认",
+        content: "确定要通过审核吗？",
+        onOk: async () => {
+          const { success } = await props["projectAudit"]({
+            id: query.id,
+            result,
+          });
+          if (success) {
+            message.success("审核通过");
+            getData();
+            props.history.goBack();
+          }
+        },
+      });
+    }
+    else {
+      Modal.confirm({
+        title: "审核驳回",
+        content: (
+          <div>
+            <div style={{ marginBottom: 8 }}>确定要驳回审核吗？</div>
+            <Form
+              form={form}
+              layout="vertical"
+              style={{ marginTop: 16 }}
+            >
+              <Form.Item
+                name="rejectReason"
+                label="驳回原因"
+                rules={[{ required: true, message: "请输入驳回原因" }]}
+              >
+                <Input.TextArea
+                  placeholder="请输入驳回原因"
+                  rows={3}
+                  maxLength={200}
+                  showCount
+                />
+              </Form.Item>
+            </Form>
+          </div>
+        ),
+        icon: null,
+        okText: "确认驳回",
+        cancelText: "取消",
+        width: 500,
+        onOk: async () => {
+          try {
+            const values = await form.validateFields();
+            const { success } = await props["projectAudit"]({
+              id: query.id,
+              result,
+              rejectCause: values.rejectReason, // 添加拒绝原因
+            });
+            if (success) {
+              message.success("审核驳回成功");
+              getData();
+              props.history.goBack();
+            }
+          }
+          catch (error) {
+            // 表单验证失败，不关闭弹窗
+            return Promise.reject(error);
+          }
+        },
+      });
+    }
+  };
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div>
+            <Divider orientation="left">申请信息</Divider>
+            <Descriptions
+              bordered
+              column={2}
+              styles={{ label: { width: 200 } }}
+              items={[
+                { label: "访问人姓名", children: "" },
+                { label: "手机号", children: "" },
+                { label: "身份证号", children: "" },
+                { label: "车牌号", children: "" },
+                { label: "车牌类型", children: "" },
+                { label: "车辆类型", children: "" },
+                { label: "访问起始时间", children: "" },
+                { label: "访问结束时间", children: "" },
+                { label: "口门名称", children: "", span: 2 },
+                { label: "来访事由", children: "", span: 2 },
+                { label: "行驶证照片", children: "", span: 2 },
+                { label: "车辆照片", children: "", span: 2 },
+              ]}
+            />
+          </div>
+        </Spin>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div style={{ display: "flex", justifyContent: "flex-start", margin: "40px 0" }}>
+            <div style={{ margin: "0 20px" }}>申请人签字：</div>
+            <div>
+              <img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?x-oss-process=image/auto-orient,1/resize,p_10/quality,q_10" />
+            </div>
+          </div>
+        </Spin>
+        <Spin
+          spinning={props.basicInformation.basicInformationLoading}
+        >
+          <div>
+            <Divider orientation="left">审批信息</Divider>
+            <FormBuilder
+              form={form}
+              showActionButtons={false}
+              options={[
+                { name: "", label: "是否通过", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: [
+                  { bianma: 1, name: "是" },
+                  { bianma: 0, name: "否" },
+                ] },
+                { name: "", label: "打回原因", span: 24 },
+              ]}
+            />
+          </div>
+        </Spin>
+        <div style={{ textAlign: "center", marginTop: "20px" }}>
+          <Button
+            onClick={() => auditSubmit(0)}
+          >
+            取消
+          </Button>
+          <Button
+            style={{ marginLeft: "20px" }}
+            type="primary"
+            onClick={() => auditSubmit(1)}
+          >
+            确定
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(Detail);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/List/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/List/index.js
new file mode 100644
index 0000000..3a614a5
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/List/index.js
@@ -0,0 +1,148 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Form, Modal, Space } from "antd";
+import { useState } from "react";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const [rejectReasonModalOpen, setRejectReasonModalOpen] = useState(false); // 驳回原因弹窗
+  const [rejectReason, setRejectReason] = useState(false); // 驳回原因
+  // 点击查看驳回原因
+  const onViewRejectReason = async (id) => {
+    // const { data } = await props["projectApprovalFlow"]({ id });
+    // setRejectReason(data);
+    setRejectReasonModalOpen(true);
+  };
+  return (
+    <div style={{ padding: 20 }}>
+      <Search
+        labelCol={{ span: 8 }}
+        options={[
+          { name: "", label: "访问人姓名" },
+          { name: "", label: "车牌号" },
+          { name: "", label: "访问开始时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+          { name: "", label: "访问结束时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+          { name: "", label: "访问口门名称", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: 1, name: "通过" }, { bianma: 0, name: "不通过" }, { bianma: 0, name: "审核中" }] },
+          { name: "", label: "审批状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: 1, name: "通过" }, { bianma: 0, name: "不通过" }, { bianma: 0, name: "审核中" }] },
+        ]}
+        form={form}
+        // onFinish={getData}
+      />
+      <Table
+        toolBarRender={() => (
+          <Space>
+            <Button
+              type="primary"
+              onClick={() => {
+                props.history.push("./Detail");
+              }}
+            >
+              查看
+            </Button>
+            <Button
+              type="primary"
+              icon={<AddIcon />}
+              onClick={() => {
+                props.history.push("./Add");
+              }}
+            >
+              新增
+            </Button>
+            <Button
+              type="primary"
+              onClick={() => {
+                onViewRejectReason();
+              }}
+            >
+              审批详情
+            </Button>
+          </Space>
+        )}
+        columns={[
+          { title: "访问人姓名", dataIndex: "" },
+          { title: "手机号", dataIndex: "" },
+          { title: "身份证号", dataIndex: "" },
+          { title: "车牌号", dataIndex: "" },
+          { title: "车牌类型", dataIndex: "" },
+          { title: "车辆类型", dataIndex: "" },
+          { title: "来访事由", dataIndex: "" },
+          { title: "访问起始时间", dataIndex: "" },
+          { title: "访问结束时间", dataIndex: "" },
+          { title: "访问口门名称", dataIndex: "" },
+          { title: "审核状态", dataIndex: "" },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 200,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {}}
+                >
+                  审核
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {}}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  danger
+                  onClick={() => {
+                    onViewRejectReason(record.id);
+                  }}
+                >
+                  查看驳回原因
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {rejectReasonModalOpen && <RejectReason rejectReason={rejectReason} onCancel={() => setRejectReasonModalOpen(false)} />}
+    </div>
+  );
+}
+const RejectReason = (props) => {
+  return (
+    <Modal
+      title="审批详情"
+      width={800}
+      open
+      maskClosable={false}
+      onCancel={props.onCancel}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <Descriptions
+        bordered
+        column={1}
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "审批人", children: props.rejectReason.rejectReason },
+          { label: "审批人公司", children: props.rejectReason.rejectReason },
+          { label: "审批人部门", children: props.rejectReason.rejectReason },
+          { label: "审批状态", children: props.rejectReason.rejectReason },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+export default Connect([NS_BASICINFORMATION], true)(List);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/index.js
new file mode 100644
index 0000000..774b521
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/index.js
@@ -0,0 +1,5 @@
+function Vehicle(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default Vehicle;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/index.js
new file mode 100644
index 0000000..ea442ef
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/index.js
@@ -0,0 +1,5 @@
+function TemporaryVisitor(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default TemporaryVisitor;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/Add/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/Add/index.js
new file mode 100644
index 0000000..7e67556
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/Add/index.js
@@ -0,0 +1,71 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Form, message } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function Add(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const getData = async () => {
+    if (query.id) {
+      const { data } = await props["busPromiseTemplateView"]({ id: query.id });
+      const values = {
+        ...data,
+      };
+      form.setFieldsValue({
+        ...values,
+      });
+    }
+  };
+  const [cropList, setCorpList] = useState([]);
+  const [userList, setUserList] = useState([]);
+  const [agreementChecked, setAgreementChecked] = useState(false);
+  // 获取项目执行属地公司名称列表数据
+  const getCropList = async () => {
+    const { data } = await props["corpInfoList"]({ pageIndex: 1, pageSize: 1000, inType: [1] });
+    setCorpList(data);
+  };
+  const getUserList = async (id) => {
+    const { data } = id ? await props["userListByDeptId"]({ id }) : [];
+    setUserList(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  useEffect(() => {
+    getCropList();
+    getUserList;
+  }, []);
+  const onSubmit = async (values) => {
+    const { success } = await props[!query.id ? "busPromiseTemplateAdd" : "busPromiseTemplateEdit"]({
+      ...values,
+      id: query.id,
+      promiseId: query.promiseId,
+      isRegulatory: 0,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+  return (
+    <div>
+      <HeaderBack title={query.id ? "编辑" : "新增"} />
+      <div style={{ paddingBottom: 10 }}>
+        <FormBuilder
+          form={form}
+          onFinish={onSubmit}
+          options={[
+            { name: "", label: "车牌号", span: 24 },
+            { name: "", label: "车牌类型", span: 24 },
+            { name: "", label: "车辆类型", span: 24 },
+          ]}
+        />
+      </div>
+    </div>
+  );
+}
+export default Connect([NS_BASICINFORMATION], true)(Add);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/Detail/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/Detail/index.js
new file mode 100644
index 0000000..443b899
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/Detail/index.js
@@ -0,0 +1,45 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Descriptions, Form } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function ViolationRecordDetail(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Descriptions
+          bordered
+          column={1}
+          styles={{ label: { width: 200 } }}
+          items={[
+            { label: "车辆所属企业", children: "" },
+            { label: "车辆所属部门", children: "" },
+            { label: "车辆所属人", children: "" },
+            { label: "车牌号", children: "" },
+            { label: "车牌类型", children: "" },
+            { label: "车辆类型", children: "" },
+            { label: "访问港区范围", children: "" },
+            { label: "车辆照片", children: "" },
+            { label: "行驶证照片", children: "" },
+            { label: "附件", children: "" },
+          ]}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(ViolationRecordDetail);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/List/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/List/index.js
new file mode 100644
index 0000000..67b30f8
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/List/index.js
@@ -0,0 +1,150 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Modal, Space, Tabs } from "antd";
+import { useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const [inDepartmentId, setInDepartmentId] = useState([]); // 存储已选择的部门id
+  const [authorizationModalOpen, setAuthorizationModalOpen] = useState(false);
+  const [authorizationData, setAuthorizationData] = useState({});
+  return (
+    <div style={{ padding: 20 }}>
+      <div style={{ flex: 1 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "", label: "车辆所属单位" },
+            { name: "", label: "车辆所属部门" },
+            { name: "", label: "车辆所属人" },
+            { name: "", label: "车牌号" },
+            { name: "", label: "车辆类型" },
+          ]}
+          form={form}
+          onFinish={(values) => {
+            getData(values);
+          }}
+        />
+        <Tabs
+          defaultActiveKey="1"
+          items={[
+            {
+              label: "股份公司",
+              key: "1",
+              children: (
+                <Table
+                  toolBarRender={() => (
+                    <Space>
+                      <Button
+                        type="primary"
+                        onClick={() => {
+                          props.history.push("./Detail");
+                        }}
+                      >
+                        查看
+                      </Button>
+                      <Button
+                        type="primary"
+                        icon={<AddIcon />}
+                        onClick={() => {
+                          props.history.push("./Add");
+                        }}
+                      >
+                        新增
+                      </Button>
+                    </Space>
+                  )}
+                  columns={[
+                    { title: "车辆所属单位", dataIndex: "" },
+                    { title: "车辆所属部门", dataIndex: "" },
+                    { title: "车辆归属人", dataIndex: "" },
+                    { title: "车牌号", dataIndex: "" },
+                    { title: "车牌类型", dataIndex: "" },
+                    { title: "车辆类型", dataIndex: "" },
+                    {
+                      title: "操作",
+                      fixed: "right",
+                      width: 200,
+                      render: (_, record) => (
+                        <Space>
+                          <Button
+                            type="link"
+                            onClick={() => {}}
+                          >
+                            查看
+                          </Button>
+                          <Button
+                            type="link"
+                            onClick={() => {}}
+                          >
+                            移除黑名单
+                          </Button>
+                        </Space>
+                      ),
+                    },
+                  ]}
+                  {...tableProps}
+                />
+              ),
+            },
+            {
+              label: "分公司",
+              key: "2",
+              children: "分公司",
+            },
+            {
+              label: "相关方",
+              key: "3",
+              children: "相关方",
+            },
+          ]}
+        />
+
+      </div>
+    </div>
+  );
+}
+const AuthorizationScope = (props) => {
+  const [form] = Form.useForm();
+  const onSubmit = async (values) => {
+    // const { success } = await props.onOk();
+    // if (success) {
+    //   message.success("操作成功");
+    //   props.onCancel();
+    // }
+  };
+  return (
+    <Modal
+      title="授权"
+      width={1200}
+      open
+      onCancel={props.onCancel}
+      maskClosable={false}
+      onOk={form.submit}
+    >
+      <FormBuilder
+        form={form}
+        onFinish={onSubmit}
+        showActionButtons={false}
+        options={[
+          { name: "", label: "是否授权", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "是" }, { bianma: "0", name: "否" }] },
+          { name: "", label: "授权港区", span: 12 },
+          { name: "", label: "选择区域", span: 12 },
+        ]}
+      />
+    </Modal>
+  );
+};
+export default Connect([NS_BASICINFORMATION], true)(List);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/index.js
new file mode 100644
index 0000000..d6d8f64
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/index.js
@@ -0,0 +1,5 @@
+function VehicleBlacklist(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default VehicleBlacklist;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/Add/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/Add/index.js
new file mode 100644
index 0000000..b061662
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/Add/index.js
@@ -0,0 +1,88 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Form, message } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Upload from "zy-react-library/components/Upload";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function Add(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const getData = async () => {
+    if (query.id) {
+      const { data } = await props["busPromiseTemplateView"]({ id: query.id });
+      const values = {
+        ...data,
+      };
+      form.setFieldsValue({
+        ...values,
+      });
+    }
+  };
+  const [cropList, setCorpList] = useState([]);
+  const [userList, setUserList] = useState([]);
+  const [agreementChecked, setAgreementChecked] = useState(false);
+  // 获取项目执行属地公司名称列表数据
+  const getCropList = async () => {
+    const { data } = await props["corpInfoList"]({ pageIndex: 1, pageSize: 1000, inType: [1] });
+    setCorpList(data);
+  };
+  const getUserList = async (id) => {
+    const { data } = id ? await props["userListByDeptId"]({ id }) : [];
+    setUserList(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  useEffect(() => {
+    getCropList();
+    getUserList;
+  }, []);
+  const onSubmit = async (values) => {
+    const { success } = await props[!query.id ? "busPromiseTemplateAdd" : "busPromiseTemplateEdit"]({
+      ...values,
+      id: query.id,
+      promiseId: query.promiseId,
+      isRegulatory: 0,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+  return (
+    <div>
+      <HeaderBack title={query.id ? "编辑" : "新增"} />
+      <div style={{ paddingBottom: 10 }}>
+        <FormBuilder
+          form={form}
+          onFinish={onSubmit}
+          options={[
+            { name: "", label: "车牌号", span: 24 },
+            { name: "", label: "车牌类型", span: 24 },
+            { name: "", label: "车辆类型", span: 24 },
+            { name: "", label: "违规时间", span: 24, render: FORM_ITEM_RENDER_ENUM.DATE },
+            { name: "", label: "违规类型", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "违规停车" }, { bianma: "0", name: "未按规定车道行驶" }] },
+            { name: "", label: "违规区域", span: 24, render: FORM_ITEM_RENDER_ENUM.TEXTAREA },
+            { name: "", label: "违规照片", span: 24, render: (
+              <Upload
+                fileType="image"
+                maxCount={4}
+                accept=".jpg,.jpeg,.png"
+                onGetRemoveFile={(files) => {
+                  form.setFieldValue("deleteFiles", [...(form.getFieldValue("deleteFiles") || []), files]);
+                }}
+              />
+            ) },
+            { name: "deleteFiles", label: "删除的行驶证照片", onlyForLabel: true },
+            { name: "", label: " 违规说明", span: 24, render: FORM_ITEM_RENDER_ENUM.TEXTAREA },
+          ]}
+        />
+      </div>
+    </div>
+  );
+}
+export default Connect([NS_BASICINFORMATION], true)(Add);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/List/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/List/index.js
new file mode 100644
index 0000000..be11550
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/List/index.js
@@ -0,0 +1,145 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Modal, Space, Tabs } from "antd";
+import { useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  // const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  //   form,
+  //   params: {
+  //
+  //   },
+  // });
+  const tableProps = {};
+  const [inDepartmentId, setInDepartmentId] = useState([]); // 存储已选择的部门id
+  const [authorizationModalOpen, setAuthorizationModalOpen] = useState(false);
+  const [authorizationData, setAuthorizationData] = useState({});
+  return (
+    <div style={{ padding: 20 }}>
+      <div style={{ flex: 1 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "", label: "车辆所属单位" },
+            { name: "", label: "车辆所属部门" },
+            { name: "", label: "车辆所属人" },
+            { name: "", label: "车牌号" },
+            { name: "", label: "车辆类型" },
+          ]}
+          form={form}
+          onFinish={(values) => {
+            getData(values);
+          }}
+        />
+        <Tabs
+          defaultActiveKey="1"
+          items={[
+            {
+              label: "股份公司",
+              key: "1",
+              children: (
+                <Table
+                  toolBarRender={() => (
+                    <Space>
+                      <Button
+                        type="primary"
+                        onClick={() => {
+                          props.history.push("./ViolationRecord");
+                        }}
+                      >
+                        查看违规记录
+                      </Button>
+                      <Button
+                        type="primary"
+                        icon={<AddIcon />}
+                        onClick={() => {
+                          props.history.push("./Add");
+                        }}
+                      >
+                        新增
+                      </Button>
+                    </Space>
+                  )}
+                  columns={[
+                    { title: "车辆所属单位", dataIndex: "" },
+                    { title: "车辆所属部门", dataIndex: "" },
+                    { title: "车辆归属人", dataIndex: "" },
+                    { title: "车牌号", dataIndex: "" },
+                    { title: "车牌类型", dataIndex: "" },
+                    { title: "车辆类型", dataIndex: "" },
+                    { title: "违规次数", dataIndex: "" },
+                    {
+                      title: "操作",
+                      fixed: "right",
+                      width: 200,
+                      render: (_, record) => (
+                        <Space>
+                          <Button
+                            type="link"
+                            onClick={() => {}}
+                          >
+                            查看违规记录
+                          </Button>
+                        </Space>
+                      ),
+                    },
+                  ]}
+                  {...tableProps}
+                />
+              ),
+            },
+            {
+              label: "分公司",
+              key: "2",
+              children: "分公司",
+            },
+            {
+              label: "相关方",
+              key: "3",
+              children: "相关方",
+            },
+          ]}
+        />
+
+      </div>
+    </div>
+  );
+}
+const AuthorizationScope = (props) => {
+  const [form] = Form.useForm();
+  const onSubmit = async (values) => {
+    // const { success } = await props.onOk();
+    // if (success) {
+    //   message.success("操作成功");
+    //   props.onCancel();
+    // }
+  };
+  return (
+    <Modal
+      title="授权"
+      width={1200}
+      open
+      onCancel={props.onCancel}
+      maskClosable={false}
+      onOk={form.submit}
+    >
+      <FormBuilder
+        form={form}
+        onFinish={onSubmit}
+        showActionButtons={false}
+        options={[
+          { name: "", label: "是否授权", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: "1", name: "是" }, { bianma: "0", name: "否" }] },
+          { name: "", label: "授权港区", span: 12 },
+          { name: "", label: "选择区域", span: 12 },
+        ]}
+      />
+    </Modal>
+  );
+};
+export default Connect([NS_BASICINFORMATION], true)(List);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/ViolationRecord/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/ViolationRecord/index.js
new file mode 100644
index 0000000..074dc3c
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/ViolationRecord/index.js
@@ -0,0 +1,84 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function ViolationRecord(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const tableProps = {};
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  return (
+    <div>
+      <HeaderBack title="违规记录" />
+      <div style={{ padding: 20 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          options={[
+            { name: "", label: "违规类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ bianma: 1, name: "进" }, { bianma: 0, name: "出" }] },
+          ]}
+          form={form}
+          // onFinish={getData}
+        />
+        <Table
+          toolBarRender={() => (
+            <Space>
+              <Button
+                type="primary"
+                onClick={() => {
+                  props.history.push("./Detail");
+                }}
+              >
+                详情
+              </Button>
+            </Space>
+          )}
+          columns={[
+            { title: "车牌号", dataIndex: "" },
+            { title: "违规类型", dataIndex: "" },
+            { title: "违规区域", dataIndex: "" },
+            { title: "违规时间", dataIndex: "" },
+            { title: "违规说明", dataIndex: "" },
+            {
+              title: "操作",
+              fixed: "right",
+              width: 200,
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {}}
+                  >
+                    详情
+                  </Button>
+                  <Button
+                    type="link"
+                    danger
+                    onClick={() => {}}
+                  >
+                    清除违规记录
+                  </Button>
+                </Space>
+              ),
+            },
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(ViolationRecord);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/ViolationRecordDetail/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/ViolationRecordDetail/index.js
new file mode 100644
index 0000000..a68ff49
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/ViolationRecordDetail/index.js
@@ -0,0 +1,115 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Descriptions, Form, Input, message, Modal } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_BASICINFORMATION } from "~/enumerate/namespace";
+
+function ViolationRecordDetail(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState([]);
+  const tableProps = {};
+  const getData = async () => {
+    // const { data } = await props[""]({ id: query.id });
+    // setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+  const auditSubmit = (result) => {
+    if (result === 1) {
+      Modal.confirm({
+        title: "审核确认",
+        content: "确定要通过审核吗？",
+        onOk: async () => {
+          const { success } = await props["projectAudit"]({
+            id: query.id,
+            result,
+          });
+          if (success) {
+            message.success("审核通过");
+            getData();
+            props.history.goBack();
+          }
+        },
+      });
+    }
+    else {
+      Modal.confirm({
+        title: "审核驳回",
+        content: (
+          <div>
+            <div style={{ marginBottom: 8 }}>确定要驳回审核吗？</div>
+            <Form
+              form={form}
+              layout="vertical"
+              style={{ marginTop: 16 }}
+            >
+              <Form.Item
+                name="rejectReason"
+                label="驳回原因"
+                rules={[{ required: true, message: "请输入驳回原因" }]}
+              >
+                <Input.TextArea
+                  placeholder="请输入驳回原因"
+                  rows={3}
+                  maxLength={200}
+                  showCount
+                />
+              </Form.Item>
+            </Form>
+          </div>
+        ),
+        icon: null,
+        okText: "确认驳回",
+        cancelText: "取消",
+        width: 500,
+        onOk: async () => {
+          try {
+            const values = await form.validateFields();
+            const { success } = await props["projectAudit"]({
+              id: query.id,
+              result,
+              rejectCause: values.rejectReason, // 添加拒绝原因
+            });
+            if (success) {
+              message.success("审核驳回成功");
+              getData();
+              props.history.goBack();
+            }
+          }
+          catch (error) {
+            // 表单验证失败，不关闭弹窗
+            return Promise.reject(error);
+          }
+        },
+      });
+    }
+  };
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Descriptions
+          bordered
+          column={1}
+          styles={{ label: { width: 200 } }}
+          items={[
+            { label: "车辆所属单位", children: "" },
+            { label: "车辆所属部门", children: "" },
+            { label: "车辆归属人", children: "" },
+            { label: "车牌号", children: "" },
+            { label: "违规类型", children: "" },
+            { label: "违规时间", children: "" },
+            { label: "违规区域", children: "" },
+            { label: "违规照片", children: "" },
+            { label: "违规说明", children: "" },
+          ]}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_BASICINFORMATION], true)(ViolationRecordDetail);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/index.js
new file mode 100644
index 0000000..ecbef77
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/index.js
@@ -0,0 +1,5 @@
+function VehicleManagement(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default VehicleManagement;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/index.js
new file mode 100644
index 0000000..66ac908
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/index.js
@@ -0,0 +1,5 @@
+function ViolationManagement(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default ViolationManagement;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/index.js
new file mode 100644
index 0000000..9b8bfa8
--- /dev/null
+++ b/src/pages/Container/Supervision/PrimaryAccessControl/index.js
@@ -0,0 +1,5 @@
+function PrimaryAccessControl(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default PrimaryAccessControl;
diff --git a/src/pages/Container/Supervision/index.js b/src/pages/Container/Supervision/index.js
new file mode 100644
index 0000000..98e5270
--- /dev/null
+++ b/src/pages/Container/Supervision/index.js
@@ -0,0 +1,5 @@
+function Supervision(props) {
+  return (<div>{props.children}</div>);
+}
+
+export default Supervision;