diff --git a/jjb.config.js b/jjb.config.js
index 110f162..f757efb 100644
--- a/jjb.config.js
+++ b/jjb.config.js
@@ -9,8 +9,8 @@ module.exports = {
       // 应用后端分支名称，部署上线需要
       javaGitBranch: "<branch-name>",
       // 接口服务地址
-      // API_HOST: "https://gbs-gateway.qhdsafety.com",
-      API_HOST: "http://192.168.20.100:30140",
+      API_HOST: "https://gbs-gateway.qhdsafety.com",
+      // API_HOST: "http://192.168.20.100:30140",
     },
     production: {
       // 应用后端分支名称，部署上线需要
@@ -25,8 +25,8 @@ module.exports = {
   contextInject: {
     // 应用Key
     appKey: "",
-    fileUrl: "http://192.168.20.240:9787/mnt/",
-    // fileUrl: "https://jpfz.qhdsafety.com/gbsFileTest/",
+    // fileUrl: "http://192.168.20.240:9787/mnt/",
+    fileUrl: "https://jpfz.qhdsafety.com/gbsFileTest/",
   },
   // public/index.html注入全局变量
   windowInject: {
@@ -41,14 +41,12 @@ module.exports = {
       },
     },
     // 注入js链接集合
-    scripts: [
-      "https://api.map.baidu.com/api?v=1.0&type=webgl&ak=OElqFYoKiAH8KFtph8ftLKF5NlNrbCUr"
-    ],
+    scripts: [],
   },
   // 开发服务
   server: {
     // 监听端口号
-    port: "8080",
+    port: "8082",
     // 服务地址
     host: "127.0.0.1",
     // 是否自动打开浏览器
diff --git a/package.json b/package.json
index 542b93d..05ffbd8 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,8 @@
     "lint": "eslint --ext .js,.jsx,.tsx --fix src"
   },
   "dependencies": {
-    "@ant-design/icons": "latest",
+    "@ahooksjs/use-url-state": "^3.5.1",
+    "@ant-design/icons": "^5.6.1",
     "@ant-design/pro-components": "^2.8.10",
     "@cqsjjb/jjb-common-decorator": "latest",
     "@cqsjjb/jjb-common-lib": "latest",
@@ -30,7 +31,7 @@
     "lodash-es": "^4.17.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "zy-react-library": "latest"
+    "zy-react-library": "^1.1.41"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^5.4.1",
diff --git a/router.md b/router.md
new file mode 100644
index 0000000..561f831
--- /dev/null
+++ b/router.md
@@ -0,0 +1,46 @@
+### 监管端
+- `/primeport/container/supervision/firstLevelDoor/approverUser` 一级口门管理/门禁审批人管理
+- `/primeport/container/supervision/firstLevelDoor/basicInfo/firstLevelDoorInfo/list` 一级口门管理/基本信息管理/一级口门信息管理
+- `/primeport/container/supervision/firstLevelDoor/portEntryApproval/personnelApproval/relatedPersonnel` 一级口门管理/进港审批管理/人员审批管理/相关方人员进港审批
+- `/primeport/container/supervision/firstLevelDoor/portEntryApproval/longTermVehicleApproval/shareVehicles` 一级口门管理/进港审批管理/长期车辆审批管理/股份车辆审批
+- `/primeport/container/supervision/firstLevelDoor/portEntryApproval/longTermVehicleApproval/relatedVehicles` 一级口门管理/进港审批管理/长期车辆审批管理/相关方车辆审批
+- `/primeport/container/supervision/firstLevelDoor/portEntryApproval/temporaryVisitor/temporaryPersonnel/list` 一级口门管理/进港审批管理/临时访客管理/临时人员管理
+- `/primeport/container/supervision/firstLevelDoor/portEntryApproval/temporaryVisitor/temporaryVehicle/list` 一级口门管理/进港审批管理/临时访客管理/临时车辆管理
+- `/primeport/container/supervision/firstLevelDoor/importAndExportPortInfo/stockPersonnelAndVehicles/list` 一级口门管理/进出港信息管理/股份人员及车辆管理
+- `/primeport/container/supervision/firstLevelDoor/importAndExportPortInfo/personalVehicle/list` 一级口门管理/进出港信息管理/个人车辆管理
+- `/primeport/container/supervision/firstLevelDoor/importAndExportPortInfo/stockVehicles/list` 一级口门管理/进出港信息管理/股份单位车辆管理
+- `/primeport/container/supervision/firstLevelDoor/importAndExportPortInfo/branchPersonnelAndVehicles/list` 一级口门管理/进出港信息管理/分公司人员及车辆管理
+- `/primeport/container/supervision/firstLevelDoor/importAndExportPortInfo/stakeholderPersonnelAndVehicles/list` 一级口门管理/进出港信息管理/相关方人员及车辆管理
+- `/primeport/container/supervision/firstLevelDoor/importAndExportPortInfo/portBasedUnitsPersonnelAndVehicles/list` 一级口门管理/进出港信息管理/驻港单位人员及车辆管理
+- `/primeport/container/supervision/firstLevelDoor/importAndExportPortInfo/inspectDepartmentVehicles/list` 一级口门管理/进出港信息管理/检查部门车辆管理
+- `/primeport/container/supervision/firstLevelDoor/importAndExportPortInfo/vehiclesViolation/vehiclesViolation/list` 一级口门管理/进出港信息管理/车辆违规管理/车辆违规管理
+- `/primeport/container/supervision/firstLevelDoor/importAndExportPortInfo/vehiclesViolation/vehicleBlacklist/list` 一级口门管理/进出港信息管理/车辆违规管理/车辆黑名单管理
+
+### 企业端
+- `/primeport/container/enterprise/firstLevelDoor/approverUser` 一级口门管理/门禁审批人管理
+- `/primeport/container/enterprise/firstLevelDoor/portEntryApproval/personnelApproval/relatedPersonnel` 一级口门管理/进港审批管理/人员审批管理/相关方人员进港审批
+- `/primeport/container/enterprise/firstLevelDoor/portEntryApproval/longTermVehicleApproval/shareVehicles` 一级口门管理/进港审批管理/长期车辆审批管理/车辆审批
+- `/primeport/container/enterprise/firstLevelDoor/portEntryApproval/longTermVehicleApproval/relatedVehicles` 一级口门管理/进港审批管理/长期车辆审批管理/相关方车辆审批
+- `/primeport/container/enterprise/firstLevelDoor/portEntryApproval/temporaryVisitor/temporaryPersonnel/list` 一级口门管理/进港审批管理/临时访客管理/临时人员管理
+- `/primeport/container/enterprise/firstLevelDoor/portEntryApproval/temporaryVisitor/temporaryVehicle/list` 一级口门管理/进港审批管理/临时访客管理/临时车辆管理
+- `/primeport/container/enterprise/firstLevelDoor/importAndExportPortInfo/stockPersonnelAndVehicles/list` 一级口门管理/进出港信息管理/人员及车辆管理
+- `/primeport/container/enterprise/firstLevelDoor/importAndExportPortInfo/personalVehicle/list` 一级口门管理/进出港信息管理/个人车辆管理
+- `/primeport/container/enterprise/firstLevelDoor/importAndExportPortInfo/stockVehicles/list` 一级口门管理/进出港信息管理/单位车辆管理
+- `/primeport/container/enterprise/firstLevelDoor/importAndExportPortInfo/stakeholderPersonnelAndVehicles/list` 一级口门管理/进出港信息管理/相关方人员及车辆管理
+- `/primeport/container/enterprise/firstLevelDoor/importAndExportPortInfo/vehiclesViolation/vehiclesViolation/list` 一级口门管理/进出港信息管理/车辆违规管理/车辆违规管理
+- `/primeport/container/enterprise/firstLevelDoor/importAndExportPortInfo/vehiclesViolation/vehicleBlacklist/list` 一级口门管理/进出港信息管理/车辆违规管理/车辆黑名单管理
+
+### 相关方端
+- `/primeport/container/stakeholder/firstLevelDoor/approverUser` 一级口门管理/门禁审批人管理
+- `/primeport/container/stakeholder/firstLevelDoor/portEntryApproval/longTermVehicleApproval/shareVehicles` 一级口门管理/进港审批管理/长期车辆审批管理/车辆审批
+- `/primeport/container/stakeholder/firstLevelDoor/portEntryApproval/temporaryVisitor/temporaryPersonnel/list` 一级口门管理/进港审批管理/临时访客管理/临时人员管理
+- `/primeport/container/stakeholder/firstLevelDoor/portEntryApproval/temporaryVisitor/temporaryVehicle/list` 一级口门管理/进港审批管理/临时访客管理/临时车辆管理
+- `/primeport/container/stakeholder/firstLevelDoor/importAndExportPortInfo/stockPersonnelAndVehicles/list` 一级口门管理/进出港信息管理/人员及车辆管理
+- `/primeport/container/stakeholder/firstLevelDoor/importAndExportPortInfo/personalVehicle/list` 一级口门管理/进出港信息管理/个人车辆管理
+- `/primeport/container/stakeholder/firstLevelDoor/importAndExportPortInfo/vehiclesViolation/vehiclesViolation/list` 一级口门管理/进出港信息管理/车辆违规管理/车辆违规管理
+- `/primeport/container/stakeholder/firstLevelDoor/importAndExportPortInfo/vehiclesViolation/vehicleBlacklist/list` 一级口门管理/进出港信息管理/车辆违规管理/车辆黑名单管理
+- `/primeport/container/stakeholder/personnelPermissionRecords/list` 人员权限记录
+- `/primeport/container/stakeholder/personnelApplication/list` 人员申请
+- `/primeport/container/stakeholder/vehicleApplication/list` 车辆申请
+- `/primeport/container/stakeholder/personnelApplicationRecords/list` 人员申请记录
+- `/primeport/container/stakeholder/vehicleApplicationRecords/list` 车辆申请记录
\ No newline at end of file
diff --git a/src/api/approverUser/index.js b/src/api/approverUser/index.js
new file mode 100644
index 0000000..a759ac0
--- /dev/null
+++ b/src/api/approverUser/index.js
@@ -0,0 +1,26 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const approvalUserList = declareRequest(
+  "approvalUserLoading",
+  `Get > /primeport/mkmjApprovalUser/list`,
+);
+
+export const approvalUserDelete = declareRequest(
+  "approvalUserLoading",
+  `Delete > @/primeport/mkmjApprovalUser/{id}`,
+);
+
+export const approvalUserInfo = declareRequest(
+  "approvalUserLoading",
+  `Get > /primeport/mkmjApprovalUser/{id}`,
+);
+
+export const approvalUserUpdate = declareRequest(
+  "approvalUserLoading",
+  `Put > @/primeport/mkmjApprovalUser/edit`,
+);
+
+export const approvalUserAdd = declareRequest(
+  "approvalUserLoading",
+  `Post > @/primeport/mkmjApprovalUser/save`,
+);
diff --git a/src/api/basicInformation/index.js b/src/api/basicInformation/index.js
deleted file mode 100644
index 03179c6..0000000
--- a/src/api/basicInformation/index.js
+++ /dev/null
@@ -1,21 +0,0 @@
-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/branchPersonnelAndVehicles/index.js b/src/api/branchPersonnelAndVehicles/index.js
new file mode 100644
index 0000000..ac48354
--- /dev/null
+++ b/src/api/branchPersonnelAndVehicles/index.js
@@ -0,0 +1,14 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const branchPersonnelAndVehiclesList = declareRequest(
+  "branchPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const branchPersonnelAndVehiclesPersonnelAndVehicleList = declareRequest(
+  "branchPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const branchPersonnelAndVehiclesVehicleManagementList = declareRequest(
+  "branchPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
diff --git a/src/api/enclosedArea/index.js b/src/api/enclosedArea/index.js
deleted file mode 100644
index 34d341e..0000000
--- a/src/api/enclosedArea/index.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
-
-export const enclosedAreaList = declareRequest(
-  "enclosedAreaLoading",
-  "Post > @/risk/enclosedArea/list",
-);
-export const enclosedAreaAdd = declareRequest(
-  "enclosedAreaLoading",
-  "Post > @/risk/enclosedArea/save",
-);
-export const enclosedAreaEdit = declareRequest(
-  "enclosedAreaLoading",
-  "Put > @/risk/enclosedArea/edit",
-);
-export const enclosedAreaDelete = declareRequest(
-  "enclosedAreaLoading",
-  "Delete > @/risk/enclosedArea/{id}",
-);
-export const enclosedAreaBatchDelete = declareRequest(
-  "enclosedAreaLoading",
-  "Delete > @/risk/enclosedArea/ids/{ids}",
-);
-export const enclosedAreaInfo = declareRequest("enclosedAreaLoading", "Get > /risk/enclosedArea/{id}");
diff --git a/src/api/firstLevelDoorInfo/index.js b/src/api/firstLevelDoorInfo/index.js
new file mode 100644
index 0000000..9a0a8d3
--- /dev/null
+++ b/src/api/firstLevelDoorInfo/index.js
@@ -0,0 +1,100 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const firstLevelDoorInfoList = declareRequest(
+  "firstLevelDoorInfoLoading",
+  `Post > @/primeport/mkmjArea/list`,
+);
+export const firstLevelDoorInfoAdd = declareRequest(
+  "firstLevelDoorInfoLoading",
+  `Post > @/primeport/mkmjArea/save`,
+);
+export const firstLevelDoorInfoEdit = declareRequest(
+  "firstLevelDoorInfoLoading",
+  `Put > @/primeport/mkmjArea/edit`,
+);
+export const firstLevelDoorInfoDelete = declareRequest(
+  "firstLevelDoorInfoLoading",
+  `Delete > @/primeport/mkmjArea/{id}`,
+);
+export const firstLevelDoorInfoInfo = declareRequest(
+  "firstLevelDoorInfoLoading",
+  `Get > /primeport/mkmjArea/{id}`,
+);
+export const firstLevelDoorInfoCameraList = declareRequest(
+  "firstLevelDoorInfoCameraLoading",
+  `Post > @/primeport/`,
+);
+export const firstLevelDoorInfoCameraDelete = declareRequest(
+  "firstLevelDoorInfoCameraLoading",
+  `Delete > @/primeport/`,
+);
+export const firstLevelDoorInfoCameraAdd = declareRequest(
+  "firstLevelDoorInfoCameraLoading",
+  `Post > @/primeport/`,
+);
+export const firstLevelDoorInfoCameraEdit = declareRequest(
+  "firstLevelDoorInfoCameraLoading",
+  `Put > @/primeport/`,
+);
+export const firstLevelDoorInfoCameraInfo = declareRequest(
+  "firstLevelDoorInfoCameraLoading",
+  `Get > /primeport/`,
+);
+export const firstLevelDoorInfoCameraGetRTSPUrl = declareRequest(
+  "firstLevelDoorInfoCameraLoading",
+  `Post > @/primeport/`,
+);
+export const firstLevelDoorInfoCameraGetPlayUrl = declareRequest(
+  "firstLevelDoorInfoCameraLoading",
+  `Post > @/primeport/`,
+);
+export const firstLevelDoorInfoCameraGetBatchPlayUrl = declareRequest(
+  "firstLevelDoorInfoCameraLoading",
+  `Post > @/primeport/`,
+);
+export const firstLevelDoorInfoMovingCameraList = declareRequest(
+  `Get > /primeport/`,
+);
+export const firstLevelDoorInfoFixedCameraList = declareRequest(
+  `Get > /primeport/`,
+);
+export const firstLevelDoorInfoChannelList = declareRequest(
+  "firstLevelDoorInfoChannelLoading",
+  `Post > @/primeport/mkmjPassage/list`,
+);
+export const firstLevelDoorInfoChannelDelete = declareRequest(
+  "firstLevelDoorInfoChannelLoading",
+  `Delete > @/primeport/mkmjPassage/{id}`,
+);
+export const firstLevelDoorInfoChannelAdd = declareRequest(
+  "firstLevelDoorInfoChannelLoading",
+  `Post > @/primeport/mkmjPassage/save`,
+);
+export const firstLevelDoorInfoChannelEdit = declareRequest(
+  "firstLevelDoorInfoChannelLoading",
+  `Put > @/primeport/mkmjPassage/edit`,
+);
+export const firstLevelDoorInfoChannelInfo = declareRequest(
+  "firstLevelDoorInfoChannelLoading",
+  `Get > /primeport/mkmjPassage/{id}`,
+);
+export const firstLevelDoorInfoFareGateList = declareRequest(
+  "firstLevelDoorInfoFareGateLoading",
+  `Post > @/primeport/mkmjAreaGate/list`,
+);
+export const firstLevelDoorInfoFareGateDelete = declareRequest(
+  "firstLevelDoorInfoFareGateLoading",
+  `Delete > @/primeport/mkmjAreaGate/{id}`,
+);
+export const firstLevelDoorInfoFareGateAdd = declareRequest(
+  "firstLevelDoorInfoFareGateLoading",
+  `Post > @/primeport/mkmjAreaGate/save`,
+);
+export const firstLevelDoorInfoFareGateEdit = declareRequest(
+  "firstLevelDoorInfoFareGateLoading",
+  `Put > @/primeport/mkmjAreaGate/edit`,
+);
+export const firstLevelDoorInfoFareGateInfo = declareRequest(
+  "firstLevelDoorInfoFareGateLoading",
+  `Get > /primeport/mkmjAreaGate/{id}`,
+);
diff --git a/src/api/inspectDepartmentVehicles/index.js b/src/api/inspectDepartmentVehicles/index.js
new file mode 100644
index 0000000..7e99424
--- /dev/null
+++ b/src/api/inspectDepartmentVehicles/index.js
@@ -0,0 +1,22 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const inspectDepartmentVehiclesList = declareRequest(
+  "inspectDepartmentVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const inspectDepartmentVehiclesDelete = declareRequest(
+  "inspectDepartmentVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const inspectDepartmentVehiclesInfo = declareRequest(
+  "inspectDepartmentVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const inspectDepartmentVehiclesAdd = declareRequest(
+  "inspectDepartmentVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const inspectDepartmentVehiclesUpdate = declareRequest(
+  "inspectDepartmentVehiclesLoading",
+  `Post > @/primeport/`,
+);
diff --git a/src/api/mkmjArea/index.js b/src/api/mkmjArea/index.js
deleted file mode 100644
index 8674489..0000000
--- a/src/api/mkmjArea/index.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
-
-export const mkmjAreaList = declareRequest(
-  "mkmjAreaLoading",
-  `Post > @/primeport/mkmjArea/list`,
-);
-export const mkmjAreaAdd = declareRequest(
-  "mkmjAreaLoading",
-  `Post > @/primeport/mkmjArea/save`,
-);
-
-export const mkmjAreaEdit = declareRequest(
-  "mkmjAreaLoading",
-  `Put > @/primeport/mkmjArea/edit`,
-);
-export const mkmjAreaDelete = declareRequest(
-  "mkmjAreaLoading",
-  `Delete > @/primeport/mkmjArea/{id}`,
-);
-export const mkmjAreaBatchDelete = declareRequest(
-  "mkmjAreaLoading",
-  `Delete > @/primeport/mkmjArea/ids/{ids}`,
-);
-export const mkmjAreaInfo = declareRequest("mkmjAreaLoading", `Get > /primeport/mkmjArea/{id}`);
-
-export const getStatistics = declareRequest("mkmjAreaLoading", `Post > @/primeport/mkmjArea/statistics`);
-
-export const getCorpInfoList = declareRequest(
-  "fireresourcesLoading",
-  `Get > /basicInfo/corpInfo/listAll?inType=0,1`,
-);
diff --git a/src/api/mkmjAreaGate/index.js b/src/api/mkmjAreaGate/index.js
deleted file mode 100644
index 0deda24..0000000
--- a/src/api/mkmjAreaGate/index.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
-
-export const mkmjAreaGateList = declareRequest(
-  "mkmjAreaGateLoading",
-  "Post > @/primeport/mkmjAreaGate/list",
-);
-export const mkmjAreaGateAdd = declareRequest(
-  "mkmjAreaGateLoading",
-  "Post > @/primeport/mkmjAreaGate/save",
-);
-export const mkmjAreaGateEdit = declareRequest(
-  "mkmjAreaGateLoading",
-  "Put > @/primeport/mkmjAreaGate/edit",
-);
-export const mkmjAreaGateDelete = declareRequest(
-  "mkmjAreaGateLoading",
-  "Delete > @/primeport/mkmjAreaGate/{id}",
-);
-export const mkmjAreaGateBatchDelete = declareRequest(
-  "mkmjAreaGateLoading",
-  "Delete > @/primeport/mkmjAreaGate/ids/{ids}",
-);
-export const mkmjAreaGateInfo = declareRequest("mkmjAreaGateLoading", "Get > /primeport/mkmjAreaGate/{id}");
diff --git a/src/api/mkmjGateLog/index.js b/src/api/mkmjGateLog/index.js
deleted file mode 100644
index ba56285..0000000
--- a/src/api/mkmjGateLog/index.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
-
-export const mkmjGateLogList = declareRequest(
-  "mkmjGateLogLoading",
-  "Post > @/primeport/mkmjGateLog/list",
-);
-export const mkmjGateLogAdd = declareRequest(
-  "mkmjGateLogLoading",
-  "Post > @/primeport/mkmjGateLog/save",
-);
-export const mkmjGateLogEdit = declareRequest(
-  "mkmjGateLogLoading",
-  "Put > @/primeport/mkmjGateLog/edit",
-);
-export const mkmjGateLogDelete = declareRequest(
-  "mkmjGateLogLoading",
-  "Delete > @/primeport/mkmjGateLog/{id}",
-);
-export const mkmjGateLogBatchDelete = declareRequest(
-  "mkmjGateLogLoading",
-  "Delete > @/primeport/mkmjGateLog/ids/{ids}",
-);
-export const mkmjGateLogInfo = declareRequest("mkmjGateLogLoading", "Get > /primeport/mkmjGateLog/{id}");
diff --git a/src/api/mkmjGateVideo/index.js b/src/api/mkmjGateVideo/index.js
deleted file mode 100644
index d23b0d2..0000000
--- a/src/api/mkmjGateVideo/index.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
-
-export const mkmjGateVideoList = declareRequest(
-  "mkmjGateVideoLoading",
-  "Post > @/primeport/mkmjGateVideo/list",
-);
-export const mkmjGateVideoAdd = declareRequest(
-  "mkmjGateVideoLoading",
-  "Post > @/primeport/mkmjGateVideo/save",
-);
-export const mkmjGateVideoEdit = declareRequest(
-  "mkmjGateVideoLoading",
-  "Put > @/primeport/mkmjGateVideo/edit",
-);
-export const mkmjGateVideoDelete = declareRequest(
-  "mkmjGateVideoLoading",
-  "Delete > @/primeport/mkmjGateVideo/{id}",
-);
-export const mkmjGateVideoBatchDelete = declareRequest(
-  "mkmjGateVideoLoading",
-  "Delete > @/primeport/mkmjGateVideo/ids/{ids}",
-);
-export const mkmjGateVideoInfo = declareRequest("mkmjGateVideoLoading", "Get > /primeport/mkmjGateVideo/{id}");
diff --git a/src/api/mkmjPassage/index.js b/src/api/mkmjPassage/index.js
deleted file mode 100644
index 51d93f5..0000000
--- a/src/api/mkmjPassage/index.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
-
-export const mkmjPassageList = declareRequest(
-  "mkmjPassageLoading",
-  "Post > @/primeport/mkmjPassage/list",
-);
-export const mkmjPassageAdd = declareRequest(
-  "mkmjPassageLoading",
-  "Post > @/primeport/mkmjPassage/save",
-);
-export const mkmjPassageEdit = declareRequest(
-  "mkmjPassageLoading",
-  "Put > @/primeport/mkmjPassage/edit",
-);
-export const mkmjPassageDelete = declareRequest(
-  "mkmjPassageLoading",
-  "Delete > @/primeport/mkmjPassage/{id}",
-);
-export const mkmjPassageBatchDelete = declareRequest(
-  "mkmjPassageLoading",
-  "Delete > @/primeport/mkmjPassage/ids/{ids}",
-);
-export const mkmjPassageInfo = declareRequest("mkmjPassageLoading", "Get > /primeport/mkmjPassage/{id}");
-
-export const getStatistics = declareRequest("mkmjPassageLoading", "Post > @/primeport/mkmjPassage/statistics");
-
-export const hasName = declareRequest("mkmjPassageLoading", "Get > /primeport/mkmjPassage/hasName/{name}");
diff --git a/src/api/personalVehicle/index.js b/src/api/personalVehicle/index.js
new file mode 100644
index 0000000..e81413a
--- /dev/null
+++ b/src/api/personalVehicle/index.js
@@ -0,0 +1,22 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const personalVehicleList = declareRequest(
+  "personalVehicleLoading",
+  `Post > @/primeport/`,
+);
+export const personalVehicleDelete = declareRequest(
+  "personalVehicleLoading",
+  `Post > @/primeport/`,
+);
+export const personalVehicleInfo = declareRequest(
+  "personalVehicleLoading",
+  `Post > @/primeport/`,
+);
+export const personalVehicleAdd = declareRequest(
+  "personalVehicleLoading",
+  `Post > @/primeport/`,
+);
+export const personalVehicleUpdate = declareRequest(
+  "personalVehicleLoading",
+  `Post > @/primeport/`,
+);
diff --git a/src/api/personnelApplication/index.js b/src/api/personnelApplication/index.js
new file mode 100644
index 0000000..d9b6c09
--- /dev/null
+++ b/src/api/personnelApplication/index.js
@@ -0,0 +1,18 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const personnelApplicationList = declareRequest(
+  "personnelApplicationLoading",
+  `Post > @/primeport/`,
+);
+export const personnelApplicationInfo = declareRequest(
+  "personnelApplicationLoading",
+  `Post > @/primeport/`,
+);
+export const personnelApplicationRejectReason = declareRequest(
+  "personnelApplicationLoading",
+  `Post > @/primeport/`,
+);
+export const personnelApplicationAdd = declareRequest(
+  "personnelApplicationLoading",
+  `Post > @/primeport/`,
+);
diff --git a/src/api/personnelPermissionRecords/index.js b/src/api/personnelPermissionRecords/index.js
new file mode 100644
index 0000000..fa077f3
--- /dev/null
+++ b/src/api/personnelPermissionRecords/index.js
@@ -0,0 +1,10 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const personnelPermissionRecordsList = declareRequest(
+  "personnelPermissionRecordsLoading",
+  `Post > @/primeport/`,
+);
+export const personnelPermissionRecordsInfo = declareRequest(
+  "personnelPermissionRecordsLoading",
+  `Post > @/primeport/`,
+);
diff --git a/src/api/portBasedUnitsPersonnelAndVehicles/index.js b/src/api/portBasedUnitsPersonnelAndVehicles/index.js
new file mode 100644
index 0000000..c905f8f
--- /dev/null
+++ b/src/api/portBasedUnitsPersonnelAndVehicles/index.js
@@ -0,0 +1,10 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const portBasedUnitsPersonnelAndVehiclesList = declareRequest(
+  "portBasedUnitsPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const portBasedUnitsPersonnelAndVehiclesPersonnelAndVehicleList = declareRequest(
+  "portBasedUnitsPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
diff --git a/src/api/primaryAccessControl/index.js b/src/api/primaryAccessControl/index.js
deleted file mode 100644
index 9e08566..0000000
--- a/src/api/primaryAccessControl/index.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
-
-export const mkmjApprovalUserList = declareRequest(
-  "mkmjApprovalUserLoading",
-  `Get > /primeport/mkmjApprovalUser/list`,
-);
-
-export const deleteMkmjApprovalUser = declareRequest(
-  "mkmjApprovalUserLoading",
-  `Delete > /primeport/mkmjApprovalUser/{id}`,
-);
-
-export const addMkmjApprovalUser = declareRequest(
-  "mkmjApprovalUserLoading",
-  `Post > @/primeport/mkmjApprovalUser/save`,
-);
diff --git a/src/api/relatedPersonnel/index.js b/src/api/relatedPersonnel/index.js
new file mode 100644
index 0000000..ee95d8a
--- /dev/null
+++ b/src/api/relatedPersonnel/index.js
@@ -0,0 +1,22 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const relatedPersonnelList = declareRequest(
+  "relatedPersonnelLoading",
+  `Post > @/primeport/`,
+);
+export const relatedPersonnelInfo = declareRequest(
+  "relatedPersonnelLoading",
+  `Post > @/primeport/`,
+);
+export const relatedPersonnelPersonnelList = declareRequest(
+  "relatedPersonnelLoading",
+  `Post > @/primeport/`,
+);
+export const relatedPersonnelRejectReason = declareRequest(
+  "relatedPersonnelLoading",
+  `Post > @/primeport/`,
+);
+export const relatedPersonnelApproval = declareRequest(
+  "relatedPersonnelLoading",
+  `Post > @/primeport/`,
+);
diff --git a/src/api/relatedVehicles/index.js b/src/api/relatedVehicles/index.js
new file mode 100644
index 0000000..50e5c87
--- /dev/null
+++ b/src/api/relatedVehicles/index.js
@@ -0,0 +1,18 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const relatedVehiclesList = declareRequest(
+  "relatedVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const relatedVehiclesRejectReason = declareRequest(
+  "relatedVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const relatedVehiclesApproval = declareRequest(
+  "relatedVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const relatedVehiclesInfo = declareRequest(
+  "relatedVehiclesLoading",
+  `Post > @/primeport/`,
+);
diff --git a/src/api/shareVehicles/index.js b/src/api/shareVehicles/index.js
new file mode 100644
index 0000000..b10d62b
--- /dev/null
+++ b/src/api/shareVehicles/index.js
@@ -0,0 +1,14 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const shareVehiclesList = declareRequest(
+  "shareVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const shareVehiclesInfo = declareRequest(
+  "shareVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const shareVehiclesApproval = declareRequest(
+  "shareVehiclesLoading",
+  `Post > @/primeport/`,
+);
diff --git a/src/api/stakeholderPersonnelAndVehicles/index.js b/src/api/stakeholderPersonnelAndVehicles/index.js
new file mode 100644
index 0000000..9c37b56
--- /dev/null
+++ b/src/api/stakeholderPersonnelAndVehicles/index.js
@@ -0,0 +1,22 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const stakeholderPersonnelAndVehiclesList = declareRequest(
+  "stakeholderPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stakeholderPersonnelAndVehiclesPersonnelList = declareRequest(
+  "stakeholderPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stakeholderPersonnelAndVehiclesPersonnelUpdateStatus = declareRequest(
+  "stakeholderPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stakeholderPersonnelAndVehiclesVehicleList = declareRequest(
+  "stakeholderPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stakeholderPersonnelAndVehiclesVehicleUpdateStatus = declareRequest(
+  "stakeholderPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
diff --git a/src/api/stockPersonnelAndVehicles/index.js b/src/api/stockPersonnelAndVehicles/index.js
new file mode 100644
index 0000000..20175a8
--- /dev/null
+++ b/src/api/stockPersonnelAndVehicles/index.js
@@ -0,0 +1,50 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const stockPersonnelAndVehiclesList = declareRequest(
+  "stockPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stockPersonnelAndVehiclesPersonnelRecordsList = declareRequest(
+  "stockPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stockPersonnelAndVehiclesAuthorization = declareRequest(
+  "stockPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stockPersonnelAndVehiclesVehicleManagementList = declareRequest(
+  "stockPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stockPersonnelAndVehiclesVehicleManagementDelete = declareRequest(
+  "stockPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stockPersonnelAndVehiclesVehicleManagementUpdateStatus = declareRequest(
+  "stockPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stockPersonnelAndVehiclesVehicleManagementInfo = declareRequest(
+  "stockPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stockPersonnelAndVehiclesVehicleManagementAdd = declareRequest(
+  "stockPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stockPersonnelAndVehiclesVehicleManagementUpdate = declareRequest(
+  "stockPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stockPersonnelAndVehiclesVehicleManagementVehicleRecordsList = declareRequest(
+  "stockPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stockPersonnelAndVehiclesVehicleManagementVehicleApprovalRecordsList = declareRequest(
+  "stockPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stockPersonnelAndVehiclesVehicleManagementVehicleApprovalRecordsInfo = declareRequest(
+  "stockPersonnelAndVehiclesLoading",
+  `Post > @/primeport/`,
+);
diff --git a/src/api/stockVehicles/index.js b/src/api/stockVehicles/index.js
new file mode 100644
index 0000000..086e994
--- /dev/null
+++ b/src/api/stockVehicles/index.js
@@ -0,0 +1,26 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const stockVehiclesList = declareRequest(
+  "stockVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stockVehiclesUpdateStatus = declareRequest(
+  "stockVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stockVehiclesInfo = declareRequest(
+  "stockVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stockVehiclesAdd = declareRequest(
+  "stockVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stockVehiclesUpdate = declareRequest(
+  "stockVehiclesLoading",
+  `Post > @/primeport/`,
+);
+export const stockVehiclesVehicleRecordsList = declareRequest(
+  "stockVehiclesLoading",
+  `Post > @/primeport/`,
+);
diff --git a/src/api/temporaryPersonnel/index.js b/src/api/temporaryPersonnel/index.js
new file mode 100644
index 0000000..d868c82
--- /dev/null
+++ b/src/api/temporaryPersonnel/index.js
@@ -0,0 +1,22 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const temporaryPersonnelList = declareRequest(
+  "temporaryPersonnelLoading",
+  `Post > @/primeport/`,
+);
+export const temporaryPersonnelAdd = declareRequest(
+  "temporaryPersonnelLoading",
+  `Post > @/primeport/`,
+);
+export const temporaryPersonnelInfo = declareRequest(
+  "temporaryPersonnelLoading",
+  `Post > @/primeport/`,
+);
+export const temporaryPersonnelReview = declareRequest(
+  "temporaryPersonnelLoading",
+  `Post > @/primeport/`,
+);
+export const temporaryPersonnelReviewList = declareRequest(
+  "temporaryPersonnelLoading",
+  `Post > @/primeport/`,
+);
diff --git a/src/api/temporaryVehicle/index.js b/src/api/temporaryVehicle/index.js
new file mode 100644
index 0000000..8998072
--- /dev/null
+++ b/src/api/temporaryVehicle/index.js
@@ -0,0 +1,22 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const temporaryVehicleList = declareRequest(
+  "temporaryVehicleLoading",
+  `Post > @/primeport/`,
+);
+export const temporaryVehicleAdd = declareRequest(
+  "temporaryVehicleLoading",
+  `Post > @/primeport/`,
+);
+export const temporaryVehicleInfo = declareRequest(
+  "temporaryVehicleLoading",
+  `Post > @/primeport/`,
+);
+export const temporaryVehicleReview = declareRequest(
+  "temporaryVehicleLoading",
+  `Post > @/primeport/`,
+);
+export const temporaryVehicleReviewList = declareRequest(
+  "temporaryVehicleLoading",
+  `Post > @/primeport/`,
+);
diff --git a/src/api/vehicleApplication/index.js b/src/api/vehicleApplication/index.js
new file mode 100644
index 0000000..944e126
--- /dev/null
+++ b/src/api/vehicleApplication/index.js
@@ -0,0 +1,18 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const vehicleApplicationList = declareRequest(
+  "vehicleApplicationLoading",
+  `Post > @/primeport/`,
+);
+export const vehicleApplicationInfo = declareRequest(
+  "vehicleApplicationLoading",
+  `Post > @/primeport/`,
+);
+export const vehicleApplicationRejectReason = declareRequest(
+  "vehicleApplicationLoading",
+  `Post > @/primeport/`,
+);
+export const vehicleApplicationAdd = declareRequest(
+  "vehicleApplicationLoading",
+  `Post > @/primeport/`,
+);
diff --git a/src/api/vehicleBlacklist/index.js b/src/api/vehicleBlacklist/index.js
new file mode 100644
index 0000000..24496bd
--- /dev/null
+++ b/src/api/vehicleBlacklist/index.js
@@ -0,0 +1,18 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const vehicleBlacklistList = declareRequest(
+  "vehicleBlacklistLoading",
+  `Post > @/primeport/`,
+);
+export const vehicleBlacklistAdd = declareRequest(
+  "vehicleBlacklistLoading",
+  `Post > @/primeport/`,
+);
+export const vehicleBlacklistDelete = declareRequest(
+  "vehicleBlacklistLoading",
+  `Post > @/primeport/`,
+);
+export const vehicleBlacklistInfo = declareRequest(
+  "vehicleBlacklistLoading",
+  `Post > @/primeport/`,
+);
diff --git a/src/api/vehiclesViolation/index.js b/src/api/vehiclesViolation/index.js
new file mode 100644
index 0000000..4d48c68
--- /dev/null
+++ b/src/api/vehiclesViolation/index.js
@@ -0,0 +1,22 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const vehiclesViolationList = declareRequest(
+  "vehiclesViolationLoading",
+  `Post > @/primeport/`,
+);
+export const vehiclesViolationAdd = declareRequest(
+  "vehiclesViolationLoading",
+  `Post > @/primeport/`,
+);
+export const vehiclesViolationViolationRecordsList = declareRequest(
+  "vehiclesViolationLoading",
+  `Post > @/primeport/`,
+);
+export const vehiclesViolationViolationRecordsDelete = declareRequest(
+  "vehiclesViolationLoading",
+  `Post > @/primeport/`,
+);
+export const vehiclesViolationViolationRecordsInfo = declareRequest(
+  "vehiclesViolationLoading",
+  `Post > @/primeport/`,
+);
diff --git a/src/components/CameraList/index.js b/src/components/CameraList/index.js
deleted file mode 100644
index e083bdb..0000000
--- a/src/components/CameraList/index.js
+++ /dev/null
@@ -1,69 +0,0 @@
-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 44da0e5..26a511d 100644
--- a/src/enumerate/constant/index.js
+++ b/src/enumerate/constant/index.js
@@ -3,44 +3,12 @@
  */
 
 export {};
-// 所属区域
-export const PRIMARY_REGION = [
-  { name: "东港区", bianma: "1" },
-  { name: "西港区", bianma: "2" },
+
+export const VEHICLE_TYPE_ENUM = [
+  { bianma: "1", name: "单位车辆" },
+  { bianma: "2", name: "员工车辆" },
 ];
-// 口门类型
-export const PRIMARY_OPENING_TYPE = [
-  { name: "人行口门", bianma: "1" },
-  { name: "车行口门", bianma: "2" },
-  { name: "综合口门", bianma: "3" },
+export const CURRENT_IN_PORT_STATUS_ENUM = [
+  { name: "港内", bianma: "1" },
+  { name: "港外", bianma: "2" },
 ];
-// 口门状态
-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" },
-];
\ No newline at end of file
diff --git a/src/enumerate/namespace/index.js b/src/enumerate/namespace/index.js
index bd9e270..4698b02 100644
--- a/src/enumerate/namespace/index.js
+++ b/src/enumerate/namespace/index.js
@@ -5,11 +5,22 @@
 import { defineNamespace } from "@cqsjjb/jjb-dva-runtime";
 
 export const NS_GLOBAL = defineNamespace("global");
-export const NS_MKMJAREA = defineNamespace("mkmjArea");
-export const NS_MKMJAREAGATE = defineNamespace("mkmjAreaGate");
-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");
-export const NS_PRIMARYACCESSCONTROL = defineNamespace("primaryAccessControl");
+export const NS_APPROVER_USER = defineNamespace("approverUser");
+export const NS_FIRST_LEVEL_DOOR_INFO = defineNamespace("firstLevelDoorInfo");
+export const NS_RELATED_PERSONNEL = defineNamespace("relatedPersonnel");
+export const NS_SHARE_VEHICLES = defineNamespace("shareVehicles");
+export const NS_RELATED_VEHICLES = defineNamespace("relatedVehicles");
+export const NS_TEMPORARY_PERSONNEL = defineNamespace("temporaryPersonnel");
+export const NS_TEMPORARY_VEHICLE = defineNamespace("temporaryVehicle");
+export const NS_STOCK_PERSONNEL_AND_VEHICLES = defineNamespace("stockPersonnelAndVehicles");
+export const NS_PERSONAL_VEHICLE = defineNamespace("personalVehicle");
+export const NS_STOCK_VEHICLES = defineNamespace("stockVehicles");
+export const NS_BRANCH_PERSONNEL_AND_VEHICLES = defineNamespace("branchPersonnelAndVehicles");
+export const NS_STAKEHOLDER_PERSONNEL_AND_VEHICLES = defineNamespace("stakeholderPersonnelAndVehicles");
+export const NS_PORT_BASED_UNITS_PERSONNEL_AND_VEHICLES = defineNamespace("portBasedUnitsPersonnelAndVehicles");
+export const NS_INSPECT_DEPARTMENT_VEHICLES = defineNamespace("inspectDepartmentVehicles");
+export const NS_VEHICLES_VIOLATION = defineNamespace("vehiclesViolation");
+export const NS_VEHICLE_BLACKLIST = defineNamespace("vehicleBlacklist");
+export const NS_PERSONNEL_PERMISSION_RECORDS = defineNamespace("personnelPermissionRecords");
+export const NS_PERSONNEL_APPLICATION = defineNamespace("personnelApplication");
+export const NS_VEHICLE_APPLICATION = defineNamespace("vehicleApplication");
diff --git a/src/main.js b/src/main.js
index 7f79acf..f85510c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -8,6 +8,9 @@ import "../blessed_by_buddha";
 require("antd/dist/reset.css");
 require("zy-react-library/css/common.less");
 
+window.mapLongitude = "119.69457721306945";
+window.mapLatitude = "39.940504336846665";
+
 dayjs.locale("zh-cn");
 setJJBCommonAntdMessage(message);
 
diff --git a/src/pages/Container/EnclosedArea/List/index.js b/src/pages/Container/EnclosedArea/List/index.js
deleted file mode 100644
index 6dd0a29..0000000
--- a/src/pages/Container/EnclosedArea/List/index.js
+++ /dev/null
@@ -1,259 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Descriptions, Form, message, Modal, Space } from "antd";
-import { useEffect, useState } from "react";
-import FormBuilder from "zy-react-library/components/FormBuilder";
-import AddIcon from "zy-react-library/components/Icon/AddIcon";
-import LocationIcon from "zy-react-library/components/Icon/LocationIcon";
-import Map from "zy-react-library/components/Map";
-import MapSelector from "zy-react-library/components/Map/MapSelector";
-import Page from "zy-react-library/components/Page";
-import Search from "zy-react-library/components/Search";
-import DictionarySelect from "zy-react-library/components/Select/Dictionary";
-import Table from "zy-react-library/components/Table";
-import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
-import useTable from "zy-react-library/hooks/useTable";
-import { NS_ENCLOSEDAREA } from "~/enumerate/namespace";
-
-function EnclosedArea(props) {
-  const { parentId, parentName } = useGetUrlQuery();
-  const [addModalVisible, setAddModalVisible] = useState(false);
-  const [infoModalVisible, setInfoModalVisible] = useState(false);
-  const [currentId, setCurrentId] = useState("");
-  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
-  const [form] = Form.useForm();
-  const { tableProps, getData } = useTable(props["enclosedAreaList"], {
-    form,
-    params: {
-      eqParentId: parentId || 0,
-    },
-  });
-
-  const onDelete = async (record) => {
-    if (record.childCount > 0 || record.useCount > 0)
-      return message.warning("正在使用中的封闭区域不能删除");
-    await props["enclosedAreaDelete"]({ id: record.id });
-    message.success("删除成功");
-    getData();
-  };
-  return (
-    <Page
-      style={{ padding: 10 }}
-      headerTitle={parentName}
-      isShowHeader={!!parentId}
-      isShowAllAction={!parentId}
-    >
-      <Search
-        form={form}
-        onFinish={getData}
-        options={[
-          { name: "likeName", label: "封闭区域名称" },
-          { name: "eqType", label: "封闭区域类型", render: <DictionarySelect dictValue="enclosedarea_type" /> },
-        ]}
-      />
-      <Table
-        rowSelection={{
-          selectedRowKeys,
-          onChange: selectedRowKeys => setSelectedRowKeys(selectedRowKeys),
-        }}
-        toolBarRender={() => (
-          <Space>
-            <Button type="primary" icon={<AddIcon />} onClick={() => setAddModalVisible(true)}>新增</Button>
-          </Space>
-        )}
-        columns={[
-          {
-            dataIndex: "name",
-            title: "封闭区域名称",
-            render: (_, record) => (
-              <Button
-                block
-                type="link"
-                onClick={() => props.history.push(`./List?parentId=${record.id}&parentName=${record.name}`)}
-              >
-                {`${record.name}>`}
-              </Button>
-            ),
-          },
-          { dataIndex: "typeName", title: "封闭区域类型" },
-          {
-            title: "操作",
-            align: "center",
-            width: 200,
-            render: (_, record) => (
-              <Space>
-                <Button
-                  type="link"
-                  onClick={() => {
-                    setCurrentId(record.id);
-                    setInfoModalVisible(true);
-                  }}
-                >
-                  查看
-                </Button>
-                <Button
-                  type="link"
-                  onClick={() => {
-                    setCurrentId(record.id);
-                    setAddModalVisible(true);
-                  }}
-                >
-                  编辑
-                </Button>
-                <Button
-                  type="link"
-                  danger
-                  onClick={() => {
-                    Modal.confirm({
-                      title: "确定删除吗？",
-                      onOk: async () => {
-                        await onDelete(record);
-                      },
-                    });
-                  }}
-                >
-                  删除
-                </Button>
-              </Space>
-            ),
-          },
-        ]}
-        {...tableProps}
-      />
-      <AddModal
-        visible={addModalVisible}
-        currentId={currentId}
-        parentId={parentId || 0}
-        parentName={parentName || "无"}
-        onCancel={() => {
-          setAddModalVisible(false);
-          setCurrentId("");
-        }}
-        getData={getData}
-      />
-
-      <InfoModal
-        visible={infoModalVisible}
-        currentId={currentId}
-        onCancel={() => {
-          setInfoModalVisible(false);
-          setCurrentId("");
-        }}
-        getData={getData}
-      />
-    </Page>
-  );
-}
-
-function AddModalComponent(props) {
-  const [form] = Form.useForm();
-  useEffect(() => {
-    if (props.currentId) {
-      props["enclosedAreaInfo"]({ id: props.currentId }).then((res) => {
-        form.setFieldsValue(res.data);
-      });
-    }
-  }, [props.currentId]);
-  const onCancel = () => {
-    form.resetFields();
-    props.onCancel();
-  };
-  const submit = async (values) => {
-    await props[!props.currentId ? "enclosedAreaAdd" : "enclosedAreaEdit"]({ ...values, id: props.currentId, parentId: props.parentId });
-    onCancel();
-    props.getData();
-  };
-  return (
-    <Modal
-      open={props.visible}
-      onCancel={onCancel}
-      onOk={form.submit}
-      title={props.currentId ? "编辑" : "新增"}
-      loading={props.enclosedArea.loading}
-    >
-      <FormBuilder
-        form={form}
-        span={24}
-        onFinish={submit}
-        showActionButtons={false}
-        options={[
-          {
-            name: "parentName",
-            required: false,
-            label: "上级区域",
-            render: <Tag color="processing">{parentName}</Tag>,
-          },
-          { name: "name", label: "封闭区域名称" },
-          {
-            name: "type",
-            label: "封闭区域类型",
-            render: (
-              <DictionarySelect
-                dictValue="enclosedarea_type"
-                onGetLabel={(label) => {
-                  form.setFieldValue("typeName", label);
-                }}
-              />
-            ),
-          },
-          { name: "typeName", label: "封闭区域类型", onlyForLabel: true },
-          { key: "map", customizeRender: true, render: <Map /> },
-        ]}
-      />
-    </Modal>
-  );
-}
-
-function InfoModalComponent(props) {
-  const [info, setInfo] = useState({});
-  const [mapVisible, setMapVisible] = useState(false);
-  useEffect(() => {
-    if (props.currentId) {
-      props["enclosedAreaInfo"]({ id: props.currentId }).then((res) => {
-        setInfo(res.data);
-      });
-    }
-  }, [props.currentId]);
-
-  return (
-    <Modal
-      onCancel={props.onCancel}
-      open={props.visible}
-      footer={<Button onClick={props.onCancel}>关闭</Button>}
-      title="查看"
-      loading={props.enclosedArea.loading}
-    >
-      <Descriptions
-        labelStyle={{ width: 200 }}
-        column={1}
-        bordered
-        items={[
-          { children: info.parentName, label: "父级名称" },
-          { children: info.name, label: "封闭区域名称" },
-          { children: info.typeName, label: "封闭区域" },
-          { children: info.corpinfoName, label: "管辖单位" },
-          {
-            children: (
-              <LocationIcon onClick={() => {
-                setMapVisible(true);
-              }}
-              />
-            ),
-            label: "位置",
-          },
-        ]}
-      />
-
-      <MapSelector
-        visible={mapVisible}
-        onClose={() => setMapVisible(false)}
-        longitude={info.longitude}
-        latitude={info.latitude}
-        disable={true}
-      />
-    </Modal>
-  );
-}
-
-const AddModal = Connect([NS_ENCLOSEDAREA], true)(AddModalComponent);
-const InfoModal = Connect([NS_ENCLOSEDAREA], true)(InfoModalComponent);
-export default Connect([NS_ENCLOSEDAREA], true)(EnclosedArea);
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ApproverUser/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ApproverUser/index.js
new file mode 100644
index 0000000..3d9fd13
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ApproverUser/index.js
@@ -0,0 +1,7 @@
+import ApproverUserPage from "~/pages/Container/Supervision/FirstLevelDoor/ApproverUser";
+
+function ApproverUser(props) {
+  return (<ApproverUserPage {...props} />);
+}
+
+export default ApproverUser;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/Add/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/Add/index.js
new file mode 100644
index 0000000..25fd8b6
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/Add/index.js
@@ -0,0 +1,7 @@
+import AddPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/Add";
+
+function Add(props) {
+  return (<AddPage {...props} />);
+}
+
+export default Add;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/ApprovalRecords/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/ApprovalRecords/index.js
new file mode 100644
index 0000000..f7ce5c3
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/ApprovalRecords/index.js
@@ -0,0 +1,7 @@
+import ApprovalRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/ApprovalRecords";
+
+function ApprovalRecords(props) {
+  return (<ApprovalRecordsPage {...props} />);
+}
+
+export default ApprovalRecords;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/List/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/List/index.js
new file mode 100644
index 0000000..14e680e
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/List/index.js
@@ -0,0 +1,7 @@
+import ListPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/List";
+
+function List(props) {
+  return (<ListPage {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/VehicleRecords/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/VehicleRecords/index.js
new file mode 100644
index 0000000..4f8bdb4
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/VehicleRecords/index.js
@@ -0,0 +1,7 @@
+import VehicleRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/VehicleRecords";
+
+function VehicleRecords(props) {
+  return (<VehicleRecordsPage {...props} />);
+}
+
+export default VehicleRecords;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/View/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/View/index.js
new file mode 100644
index 0000000..5dae756
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/View/index.js
@@ -0,0 +1,7 @@
+import ViewPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/View";
+
+function View(props) {
+  return (<ViewPage {...props} />);
+}
+
+export default View;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/index.js
new file mode 100644
index 0000000..6927a4c
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/index.js
@@ -0,0 +1,5 @@
+function PersonalVehicle(props) {
+  return props.children;
+}
+
+export default PersonalVehicle;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/List/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/List/index.js
new file mode 100644
index 0000000..9ea432f
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/List/index.js
@@ -0,0 +1,7 @@
+import ListPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/List";
+
+function List(props) {
+  return (<ListPage {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/InAndOutRecords/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/InAndOutRecords/index.js
new file mode 100644
index 0000000..8789e31
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/InAndOutRecords/index.js
@@ -0,0 +1,7 @@
+import InAndOutRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/InAndOutRecords";
+
+function InAndOutRecords(props) {
+  return (<InAndOutRecordsPage {...props} />);
+}
+
+export default InAndOutRecords;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/List/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/List/index.js
new file mode 100644
index 0000000..3e4cc60
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/List/index.js
@@ -0,0 +1,7 @@
+import ListPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/List";
+
+function List(props) {
+  return (<ListPage {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/index.js
similarity index 58%
rename from src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/index.js
rename to src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/index.js
index 360bc8b..1e0eca9 100644
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/index.js
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/index.js
@@ -1,5 +1,5 @@
 function Personnel(props) {
-  return (<div>{props.children}</div>);
+  return props.children;
 }
 
 export default Personnel;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/InAndOutRecords/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/InAndOutRecords/index.js
new file mode 100644
index 0000000..4e690b8
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/InAndOutRecords/index.js
@@ -0,0 +1,7 @@
+import InAndOutRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/InAndOutRecords";
+
+function InAndOutRecords(props) {
+  return (<InAndOutRecordsPage {...props} />);
+}
+
+export default InAndOutRecords;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/List/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/List/index.js
new file mode 100644
index 0000000..c105833
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/List/index.js
@@ -0,0 +1,7 @@
+import ListPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/List";
+
+function List(props) {
+  return (<ListPage {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/index.js
similarity index 56%
rename from src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/index.js
rename to src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/index.js
index 774b521..7c12ef9 100644
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/index.js
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/index.js
@@ -1,5 +1,5 @@
 function Vehicle(props) {
-  return (<div>{props.children}</div>);
+  return props.children;
 }
 
 export default Vehicle;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/index.js
new file mode 100644
index 0000000..5588bf3
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/index.js
@@ -0,0 +1,5 @@
+function StakeholderPersonnelAndVehicles(props) {
+  return props.children;
+}
+
+export default StakeholderPersonnelAndVehicles;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/List/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/List/index.js
new file mode 100644
index 0000000..4bd4ed0
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/List/index.js
@@ -0,0 +1,7 @@
+import ListPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/List";
+
+function List(props) {
+  return (<ListPage {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/PersonnelRecords/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/PersonnelRecords/index.js
new file mode 100644
index 0000000..25002c4
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/PersonnelRecords/index.js
@@ -0,0 +1,7 @@
+import PersonnelRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/PersonnelRecords";
+
+function PersonnelRecords(props) {
+  return (<PersonnelRecordsPage {...props} />);
+}
+
+export default PersonnelRecords;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/Add/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/Add/index.js
new file mode 100644
index 0000000..ebb7b67
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/Add/index.js
@@ -0,0 +1,7 @@
+import AddPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/Add";
+
+function Add(props) {
+  return (<AddPage {...props} />);
+}
+
+export default Add;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/ApprovalRecords/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/ApprovalRecords/index.js
new file mode 100644
index 0000000..ed3bd4d
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/ApprovalRecords/index.js
@@ -0,0 +1,7 @@
+import ApprovalRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/ApprovalRecords";
+
+function ApprovalRecords(props) {
+  return (<ApprovalRecordsPage {...props} />);
+}
+
+export default ApprovalRecords;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/List/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/List/index.js
new file mode 100644
index 0000000..ebab2b3
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/List/index.js
@@ -0,0 +1,7 @@
+import ListPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/List";
+
+function List(props) {
+  return (<ListPage {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/VehicleRecords/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/VehicleRecords/index.js
new file mode 100644
index 0000000..12527cc
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/VehicleRecords/index.js
@@ -0,0 +1,7 @@
+import VehicleRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/VehicleRecords";
+
+function VehicleRecords(props) {
+  return (<VehicleRecordsPage {...props} />);
+}
+
+export default VehicleRecords;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/View/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/View/index.js
new file mode 100644
index 0000000..9b74d78
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/View/index.js
@@ -0,0 +1,7 @@
+import ViewPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/View";
+
+function View(props) {
+  return (<ViewPage {...props} />);
+}
+
+export default View;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/index.js
similarity index 64%
rename from src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/index.js
rename to src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/index.js
index ecbef77..9b9dbbe 100644
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/index.js
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/index.js
@@ -1,5 +1,5 @@
 function VehicleManagement(props) {
-  return (<div>{props.children}</div>);
+  return props.children;
 }
 
 export default VehicleManagement;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/index.js
new file mode 100644
index 0000000..acb107b
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/index.js
@@ -0,0 +1,5 @@
+function StockPersonnelAndVehicles(props) {
+  return props.children;
+}
+
+export default StockPersonnelAndVehicles;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/Add/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/Add/index.js
new file mode 100644
index 0000000..df1a8dc
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/Add/index.js
@@ -0,0 +1,7 @@
+import AddPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/Add";
+
+function Add(props) {
+  return (<AddPage {...props} />);
+}
+
+export default Add;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/ApprovalRecords/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/ApprovalRecords/index.js
new file mode 100644
index 0000000..b6741a3
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/ApprovalRecords/index.js
@@ -0,0 +1,7 @@
+import ApprovalRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/ApprovalRecords";
+
+function ApprovalRecords(props) {
+  return (<ApprovalRecordsPage {...props} />);
+}
+
+export default ApprovalRecords;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/List/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/List/index.js
new file mode 100644
index 0000000..f1abdf6
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/List/index.js
@@ -0,0 +1,7 @@
+import ListPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/List";
+
+function List(props) {
+  return (<ListPage {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/VehicleRecords/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/VehicleRecords/index.js
new file mode 100644
index 0000000..05fdb3c
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/VehicleRecords/index.js
@@ -0,0 +1,7 @@
+import VehicleRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/VehicleRecords";
+
+function VehicleRecords(props) {
+  return (<VehicleRecordsPage {...props} />);
+}
+
+export default VehicleRecords;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/View/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/View/index.js
new file mode 100644
index 0000000..b417435
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/View/index.js
@@ -0,0 +1,7 @@
+import ViewPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/View";
+
+function View(props) {
+  return (<ViewPage {...props} />);
+}
+
+export default View;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/index.js
new file mode 100644
index 0000000..c51725b
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/index.js
@@ -0,0 +1,5 @@
+function StockVehicles(props) {
+  return props.children;
+}
+
+export default StockVehicles;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/List/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/List/index.js
new file mode 100644
index 0000000..7af99d3
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/List/index.js
@@ -0,0 +1,7 @@
+import ListPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/List";
+
+function List(props) {
+  return (<ListPage platform="2" {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/index.js
similarity index 63%
rename from src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/index.js
rename to src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/index.js
index d6d8f64..4bf1f5f 100644
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/index.js
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/index.js
@@ -1,5 +1,5 @@
 function VehicleBlacklist(props) {
-  return (<div>{props.children}</div>);
+  return props.children;
 }
 
 export default VehicleBlacklist;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/List/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/List/index.js
new file mode 100644
index 0000000..da79486
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/List/index.js
@@ -0,0 +1,7 @@
+import ListPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/List";
+
+function List(props) {
+  return (<ListPage platform="2" {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/ViolationRecords/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/ViolationRecords/index.js
new file mode 100644
index 0000000..b1430c7
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/ViolationRecords/index.js
@@ -0,0 +1,7 @@
+import ViolationRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/ViolationRecords";
+
+function ViolationRecords(props) {
+  return (<ViolationRecordsPage {...props} />);
+}
+
+export default ViolationRecords;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/index.js
new file mode 100644
index 0000000..4f48d99
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/index.js
@@ -0,0 +1,5 @@
+function VehiclesViolation(props) {
+  return props.children;
+}
+
+export default VehiclesViolation;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/index.js
new file mode 100644
index 0000000..4f48d99
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/index.js
@@ -0,0 +1,5 @@
+function VehiclesViolation(props) {
+  return props.children;
+}
+
+export default VehiclesViolation;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/index.js
new file mode 100644
index 0000000..2cc97e9
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/ImportAndExportPortInfo/index.js
@@ -0,0 +1,5 @@
+function ImportAndExportPortInfo(props) {
+  return props.children;
+}
+
+export default ImportAndExportPortInfo;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/RelatedVehicles/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/RelatedVehicles/index.js
new file mode 100644
index 0000000..623db6a
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/RelatedVehicles/index.js
@@ -0,0 +1,7 @@
+import RelatedVehiclesPage from "~/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/RelatedVehicles";
+
+function RelatedVehicles(props) {
+  return (<RelatedVehiclesPage {...props} />);
+}
+
+export default RelatedVehicles;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/ShareVehicles/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/ShareVehicles/index.js
new file mode 100644
index 0000000..6c9a56e
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/ShareVehicles/index.js
@@ -0,0 +1,7 @@
+import ShareVehiclesPage from "~/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/ShareVehicles";
+
+function ShareVehicles(props) {
+  return (<ShareVehiclesPage {...props} />);
+}
+
+export default ShareVehicles;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/index.js
new file mode 100644
index 0000000..b840b1d
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/index.js
@@ -0,0 +1,5 @@
+function LongTermVehicleApproval(props) {
+  return props.children;
+}
+
+export default LongTermVehicleApproval;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/PersonnelApproval/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/PersonnelApproval/index.js
new file mode 100644
index 0000000..a8cd27e
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/PersonnelApproval/index.js
@@ -0,0 +1,7 @@
+import PersonnelApprovalPage from "~/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/PersonnelApproval/RelatedPersonnel";
+
+function PersonnelApproval(props) {
+  return (<PersonnelApprovalPage {...props} />);
+}
+
+export default PersonnelApproval;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/Add/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/Add/index.js
new file mode 100644
index 0000000..6c491e6
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/Add/index.js
@@ -0,0 +1,7 @@
+import AddPage from "~/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/Add";
+
+function Add(props) {
+  return (<AddPage {...props} />);
+}
+
+export default Add;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/List/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/List/index.js
new file mode 100644
index 0000000..f6b5e78
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/List/index.js
@@ -0,0 +1,7 @@
+import ListPage from "~/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/List";
+
+function List(props) {
+  return (<ListPage {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/View/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/View/index.js
new file mode 100644
index 0000000..456197e
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/View/index.js
@@ -0,0 +1,7 @@
+import ViewPage from "~/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/View";
+
+function View(props) {
+  return (<ViewPage {...props} />);
+}
+
+export default View;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/index.js
new file mode 100644
index 0000000..69bb564
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/index.js
@@ -0,0 +1,5 @@
+function TemporaryPersonnel(props) {
+  return props.children;
+}
+
+export default TemporaryPersonnel;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/Add/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/Add/index.js
new file mode 100644
index 0000000..028b060
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/Add/index.js
@@ -0,0 +1,7 @@
+import AddPage from "~/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/Add";
+
+function List(props) {
+  return (<AddPage {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/List/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/List/index.js
new file mode 100644
index 0000000..a92f448
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/List/index.js
@@ -0,0 +1,7 @@
+import ListPage from "~/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/List";
+
+function List(props) {
+  return (<ListPage {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/View/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/View/index.js
new file mode 100644
index 0000000..fa5335d
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/View/index.js
@@ -0,0 +1,7 @@
+import ViewPage from "~/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/View";
+
+function List(props) {
+  return (<ViewPage {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/index.js
new file mode 100644
index 0000000..69bb564
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/index.js
@@ -0,0 +1,5 @@
+function TemporaryPersonnel(props) {
+  return props.children;
+}
+
+export default TemporaryPersonnel;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/index.js
similarity index 63%
rename from src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/index.js
rename to src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/index.js
index ea442ef..e69aa5a 100644
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/index.js
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/index.js
@@ -1,5 +1,5 @@
 function TemporaryVisitor(props) {
-  return (<div>{props.children}</div>);
+  return props.children;
 }
 
 export default TemporaryVisitor;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/index.js
new file mode 100644
index 0000000..6819286
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/PortEntryApproval/index.js
@@ -0,0 +1,5 @@
+function PortEntryApproval(props) {
+  return props.children;
+}
+
+export default PortEntryApproval;
diff --git a/src/pages/Container/Enterprise/FirstLevelDoor/index.js b/src/pages/Container/Enterprise/FirstLevelDoor/index.js
new file mode 100644
index 0000000..adfea5b
--- /dev/null
+++ b/src/pages/Container/Enterprise/FirstLevelDoor/index.js
@@ -0,0 +1,5 @@
+function FirstLevelDoor(props) {
+  return props.children;
+}
+
+export default FirstLevelDoor;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/AccessApprover/List/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/AccessApprover/List/index.js
deleted file mode 100644
index b7596d2..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/AccessApprover/List/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-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
deleted file mode 100644
index db819f3..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/AccessApprover/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index 6b7722a..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/BasicInformation/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index 8a2c10b..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/Arrival/Detail/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 814dadc..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/Arrival/List/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 44d89e3..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/Arrival/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index 360bc8b..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Personnel/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index 0960711..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Share/Detail/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 2d35ef1..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Share/List/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 520f31e..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Share/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index eead9ce..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/Detail/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 1747fd2..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/List/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/index.js
deleted file mode 100644
index 6346350..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index 8d32e06..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Add/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-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
deleted file mode 100644
index dadfced..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecord/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 4a1c762..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecordDetail/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 5c09f2e..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/List/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 122fcbf..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Record/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 39e3e5e..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/SwitchRecord/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 4e41ded..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagement/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 47d1dfb..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagementDetail/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 5777198..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleRecord/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 9be432d..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index 79d2869..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/Add/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 8751353..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecord/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index bc53342..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecordDetail/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index d64eb10..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/List/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 5e92b31..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/SwitchRecord/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 47d1dfb..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleManagementDetail/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 5777198..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleRecord/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index e151b36..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index e895b36..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/ImportExportInformation/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index 5e64970..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/Add/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 1e84639..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/Detail/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 4d05bac..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Personnel/List/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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/Vehicle/Add/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/Add/index.js
deleted file mode 100644
index 0a3522d..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/Add/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index a6dd855..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/Detail/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index bb60498..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/List/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 774b521..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/TemporaryVisitor/Vehicle/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Vehicle(props) {
-  return (<div>{props.children}</div>);
-}
-
-export default Vehicle;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/index.js b/src/pages/Container/Enterprise/PrimaryAccessControl/index.js
deleted file mode 100644
index 9b8bfa8..0000000
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
index 7b78389..c7a390b 100644
--- a/src/pages/Container/Enterprise/index.js
+++ b/src/pages/Container/Enterprise/index.js
@@ -1,5 +1,5 @@
 function Enterprise(props) {
-  return (<div>{props.children}</div>);
+  return props.children;
 }
 
 export default Enterprise;
diff --git a/src/pages/Container/MkmjArea/FirstLevelArea/index.js b/src/pages/Container/MkmjArea/FirstLevelArea/index.js
deleted file mode 100644
index e0e1092..0000000
--- a/src/pages/Container/MkmjArea/FirstLevelArea/index.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import Area from "../components/Area";
-
-function AreaContainer(props) {
-  return (
-    <Area
-      areaLevel={1}
-      addPermission="zcloud-mkmj-area-add"
-      editPermission="zcloud-mkmj-area-edit"
-      deletePermission="zcloud-mkmj-area-delete"
-      deleteBatchPermission="zcloud-mkmj-area-delete-batch"
-      exportPermission="zcloud-mkmj-area-export"
-      {...props}
-    />
-  );
-}
-
-export default AreaContainer;
diff --git a/src/pages/Container/MkmjArea/SecondLevelArea/index.js b/src/pages/Container/MkmjArea/SecondLevelArea/index.js
deleted file mode 100644
index c3c8c7f..0000000
--- a/src/pages/Container/MkmjArea/SecondLevelArea/index.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import Area from "../components/Area";
-
-function AreaContainer(props) {
-  return (
-    <Area
-      areaLevel={2}
-      addPermission="zcloud-mkmj-area-add"
-      editPermission="zcloud-mkmj-area-edit"
-      deletePermission="zcloud-mkmj-area-delete"
-      deleteBatchPermission="zcloud-mkmj-area-delete-batch"
-      exportPermission="zcloud-mkmj-area-export"
-      {...props}
-    />
-  );
-}
-
-export default AreaContainer;
diff --git a/src/pages/Container/MkmjArea/SuperviseSecondLevelArea/index.js b/src/pages/Container/MkmjArea/SuperviseSecondLevelArea/index.js
deleted file mode 100644
index fcc4ec1..0000000
--- a/src/pages/Container/MkmjArea/SuperviseSecondLevelArea/index.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import Area from "../components/Area";
-
-function AreaContainer(props) {
-  return (
-    <Area
-      areaLevel={2}
-      isSupervise={true}
-      addPermission="zcloud-mkmj-area-add"
-      editPermission="zcloud-mkmj-area-edit"
-      deletePermission="zcloud-mkmj-area-delete"
-      deleteBatchPermission="zcloud-mkmj-area-delete-batch"
-      exportPermission="zcloud-mkmj-area-export"
-      {...props}
-    />
-  );
-}
-
-export default AreaContainer;
diff --git a/src/pages/Container/MkmjAreaGate/index.js b/src/pages/Container/MkmjAreaGate/index.js
deleted file mode 100644
index 3fd89ce..0000000
--- a/src/pages/Container/MkmjAreaGate/index.js
+++ /dev/null
@@ -1,271 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Descriptions, Form, message, Modal, Space } from "antd";
-import { useEffect, useState } from "react";
-import FormBuilder from "zy-react-library/components/FormBuilder";
-import AddIcon from "zy-react-library/components/Icon/AddIcon";
-import DeleteIcon from "zy-react-library/components/Icon/DeleteIcon";
-import LocationIcon from "zy-react-library/components/Icon/LocationIcon";
-import Map from "zy-react-library/components/Map";
-import MapSelector from "zy-react-library/components/Map/MapSelector";
-import Page from "zy-react-library/components/Page";
-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 useTable from "zy-react-library/hooks/useTable";
-import { NS_MKMJAREAGATE } from "~/enumerate/namespace";
-
-const GATE_STATUS = [
-  { name: "停用", bianma: "0" },
-  { name: "正常", bianma: "1" },
-  { name: "暂时关闭", bianma: "2" },
-];
-const GATE_TYPE = [
-  { name: "入", bianma: "1" },
-  { name: "出", bianma: "2" },
-];
-const GATE_CATEGORY = [
-  { name: "人行口门", bianma: "0" },
-  { name: "车行口门", bianma: "1" },
-  { name: "综合口门", bianma: "2" },
-];
-
-function MkmjAreaGate(props) {
-  const { areaId, passageId } = useGetUrlQuery();
-  const [addModalVisible, setAddModalVisible] = useState(false);
-  const [infoModalVisible, setInfoModalVisible] = useState(false);
-  const [currentId, setCurrentId] = useState("");
-  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
-  const [form] = Form.useForm();
-  const { tableProps, getData } = useTable(props["mkmjAreaGateList"], {
-    form,
-    params: {
-      eqAreaId: areaId,
-      eqPassageId: passageId,
-    },
-  });
-  return (
-    <Page headerTitle="通道管理" isShowHeader={true}>
-      <Search
-        form={form}
-        onFinish={getData}
-        options={[
-          { name: "likeGateName", label: "闸机名称" },
-          { name: "eqGateStatus", label: "闸机状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: GATE_STATUS },
-          { name: "eqGateType", label: "闸机类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: GATE_TYPE },
-        ]}
-      />
-      <Table
-        rowSelection={{
-          selectedRowKeys,
-          onChange: selectedRowKeys => setSelectedRowKeys(selectedRowKeys),
-        }}
-        toolBarRender={() => (
-          <Space>
-            <Button type="primary" icon={<AddIcon />} onClick={() => setAddModalVisible(true)}>新增</Button>
-            <Button
-              icon={<DeleteIcon />}
-              ghost
-              type="primary"
-              danger
-              onClick={() => {
-                if (!selectedRowKeys.length)
-                  return message.warning("请选择要删除的行");
-                Modal.confirm({
-                  title: "确定删除吗？",
-                  onOk: async () => {
-                    await props["mkmjAreaGateBatchDelete"]({ ids: selectedRowKeys });
-                    message.success("删除成功");
-                    getData();
-                  },
-                });
-              }}
-            >
-              批量删除
-            </Button>
-          </Space>
-        )}
-        columns={[
-          { dataIndex: "gateName", title: "闸机名称" },
-          { dataIndex: "gateType", title: "闸机类型", render: (_, record) => { return record.gateType === 1 ? "入" : "出"; } },
-          { dataIndex: "gateCategory", title: "闸机类别", render: (_, record) => { return record.gateCategory === 0 ? "人行口门" : record.gateCategory === 1 ? "车行口门" : "综合口门"; } },
-          {
-            title: "操作",
-            align: "center",
-            width: 200,
-            render: (_, record) => (
-              <Space>
-                <Button
-                  type="link"
-                  onClick={() => {
-                    setCurrentId(record.id);
-                    setInfoModalVisible(true);
-                  }}
-                >
-                  查看
-                </Button>
-                <Button
-                  type="link"
-                  onClick={() => {
-                    setCurrentId(record.id);
-                    setAddModalVisible(true);
-                  }}
-                >
-                  编辑
-                </Button>
-                <Button
-                  type="link"
-                  danger
-                  onClick={() => {
-                    Modal.confirm({
-                      title: "确定删除吗？",
-                      onOk: async () => {
-                        await props["mkmjAreaGateDelete"]({ id: record.id });
-                        message.success("删除成功");
-                        getData();
-                      },
-                    });
-                  }}
-                >
-                  删除
-                </Button>
-                <Button
-                  type="link"
-                  onClick={() => {
-                    props.history.push(`./MkmjGateVideo?areaGateId=${record.areaGateId}&deviceType=2`);
-                  }}
-                >
-                  添加摄像头
-                </Button>
-              </Space>
-            ),
-          },
-        ]}
-        {...tableProps}
-      />
-      {addModalVisible && (
-        <AddModal
-          currentId={currentId}
-          areaId={areaId}
-          passageId={passageId}
-          onCancel={() => {
-            setAddModalVisible(false);
-            setCurrentId("");
-          }}
-          getData={getData}
-        />
-      )}
-
-      {infoModalVisible && (
-        <InfoModal
-          currentId={currentId}
-          onCancel={() => {
-            setInfoModalVisible(false);
-            setCurrentId("");
-          }}
-          getData={getData}
-        />
-      )}
-    </Page>
-  );
-}
-
-function AddModalComponent(props) {
-  const [form] = Form.useForm();
-  useEffect(() => {
-    if (props.currentId) {
-      props["mkmjAreaGateInfo"]({ id: props.currentId }).then((res) => {
-        form.setFieldsValue({ ...res.data, gateType: `${res.data.gateType}`, gateStatus: `${res.data.gateStatus}`, gateCategory: `${res.data.gateCategory}` });
-      });
-    }
-  }, [props.currentId]);
-  const onCancel = () => {
-    form.resetFields();
-    props.onCancel();
-  };
-  const submit = async (values) => {
-    await props[!props.currentId ? "mkmjAreaGateAdd" : "mkmjAreaGateEdit"]({ ...values, areaId: props.areaId, passageId: props.passageId, id: props.currentId });
-    onCancel();
-    props.getData();
-  };
-  return (
-    <Modal
-      open
-      onCancel={onCancel}
-      onOk={form.submit}
-      title={props.currentId ? "编辑" : "新增"}
-      loading={props.mkmjAreaGate.loading}
-      width={800}
-    >
-      <FormBuilder
-        labelCol={{ span: 6 }}
-        form={form}
-        span={24}
-        onFinish={submit}
-        showActionButtons={false}
-        options={[
-          { name: "gateName", label: "闸机名称" },
-          { name: "gateType", label: "闸机类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: GATE_TYPE },
-          { name: "gateStatus", label: "闸机状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: GATE_STATUS },
-          { name: "gateCategory", label: "闸机类别", render: FORM_ITEM_RENDER_ENUM.SELECT, items: GATE_CATEGORY },
-          { name: "gateModel", label: "闸机型号" },
-          { name: "gatePosition", label: "闸机位置" },
-          { key: "map", customizeRender: true, render: <Map /> },
-        ]}
-      />
-    </Modal>
-  );
-}
-
-function InfoModalComponent(props) {
-  const [info, setInfo] = useState({});
-  const [mapVisible, setMapVisible] = useState(false);
-  useEffect(() => {
-    if (props.currentId) {
-      props["mkmjAreaGateInfo"]({ id: props.currentId }).then((res) => {
-        setInfo(res.data);
-      });
-    }
-  }, [props.currentId]);
-
-  return (
-    <Modal
-      open
-      footer={<Button onClick={props.onCancel}>关闭</Button>}
-      title="查看"
-      loading={props.mkmjAreaGate.loading}
-    >
-      <Descriptions
-        labelStyle={{ width: 200 }}
-        column={1}
-        bordered
-        items={[
-          { children: info.gateName, label: "闸机名称" },
-          { children: info.gateType === "1" ? "入" : "出", label: "闸机类型" },
-          { children: info.gateStatus === "0" ? "停用" : info.gateStatus === "1" ? "正常" : "暂时关闭", label: "闸机状态" },
-          { children: info.gateCategory === "0" ? "人行口门" : info.gateCategory === "1" ? "车行口门" : "综合口门", label: "闸机类别" },
-          { children: info.gateModel, label: "闸机型号" },
-          { children: info.gatePosition, label: "闸机位置" },
-          { children: (
-            <LocationIcon onClick={() => {
-              setMapVisible(true);
-            }}
-            />
-          ), label: "位置" },
-        ]}
-      />
-
-      <MapSelector
-        visible={mapVisible}
-        onClose={() => setMapVisible(false)}
-        longitude={info.longitude}
-        latitude={info.latitude}
-        disable={true}
-      />
-    </Modal>
-  );
-}
-
-const AddModal = Connect([NS_MKMJAREAGATE], true)(AddModalComponent);
-const InfoModal = Connect([NS_MKMJAREAGATE], true)(InfoModalComponent);
-export default Connect([NS_MKMJAREAGATE], true)(MkmjAreaGate);
diff --git a/src/pages/Container/MkmjGateLog/index.js b/src/pages/Container/MkmjGateLog/index.js
deleted file mode 100644
index 11fd712..0000000
--- a/src/pages/Container/MkmjGateLog/index.js
+++ /dev/null
@@ -1,244 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Descriptions, Form, message, Modal, Space } from "antd";
-import { useEffect, useState } from "react";
-import FormBuilder from "zy-react-library/components/FormBuilder";
-import AddIcon from "zy-react-library/components/Icon/AddIcon";
-import DeleteIcon from "zy-react-library/components/Icon/DeleteIcon";
-import Page from "zy-react-library/components/Page";
-import Search from "zy-react-library/components/Search";
-import Table from "zy-react-library/components/Table";
-import useTable from "zy-react-library/hooks/useTable";
-import { NS_MKMJGATELOG } from "~/enumerate/namespace";
-
-function MkmjGateLog(props) {
-  const [addModalVisible, setAddModalVisible] = useState(false);
-  const [infoModalVisible, setInfoModalVisible] = useState(false);
-  const [currentId, setCurrentId] = useState("");
-  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
-  const [form] = Form.useForm();
-  const { tableProps, getData } = useTable(props["mkmjGateLogList"], {
-    form,
-  });
-  return (
-    <Page isShowAllAction={false}>
-      <Search
-        form={form}
-        onFinish={getData}
-        options={[
-          { name: "areaGateId", label: "闸机id" },
-          { name: "state", label: "状态   0进  1出  2车辆进  3车辆出" },
-          { name: "logTime", label: "时间" },
-          { name: "userId", label: "人员id" },
-          { name: "userName", label: "人员姓名" },
-          { name: "gateType", label: "闸机类型   1-入  2出" },
-          { name: "ex1", label: "车牌号(车辆进出时使用)" },
-          { name: "ex2", label: "备用字段2" },
-          { name: "ex3", label: "备用字段3" },
-          { name: "ex4", label: "备用字段4" },
-          { name: "ex5", label: "备用字段5" },
-        ]}
-      />
-      <Table
-        rowSelection={{
-          selectedRowKeys,
-          onChange: selectedRowKeys => setSelectedRowKeys(selectedRowKeys),
-        }}
-        toolBarRender={() => (
-          <Space>
-            <Button type="primary" icon={<AddIcon />} onClick={() => setAddModalVisible(true)}>新增</Button>
-            <Button
-              icon={<DeleteIcon />}
-              ghost
-              type="primary"
-              danger
-              onClick={() => {
-                if (!selectedRowKeys.length)
-                  return message.warning("请选择要删除的行");
-                Modal.confirm({
-                  title: "确定删除吗？",
-                  onOk: async () => {
-                    await props["mkmjGateLogBatchDelete"]({ ids: selectedRowKeys });
-                    message.success("删除成功");
-                    getData();
-                  },
-                });
-              }}
-            >
-              批量删除
-            </Button>
-          </Space>
-        )}
-        columns={[
-          { dataIndex: "areaGateId", title: "闸机id" },
-          { dataIndex: "state", title: "状态   0进  1出  2车辆进  3车辆出" },
-          { dataIndex: "logTime", title: "时间" },
-          { dataIndex: "userId", title: "人员id" },
-          { dataIndex: "userName", title: "人员姓名" },
-          { dataIndex: "gateType", title: "闸机类型   1-入  2出" },
-          { dataIndex: "ex1", title: "车牌号(车辆进出时使用)" },
-          { dataIndex: "ex2", title: "备用字段2" },
-          { dataIndex: "ex3", title: "备用字段3" },
-          { dataIndex: "ex4", title: "备用字段4" },
-          { dataIndex: "ex5", title: "备用字段5" },
-          {
-            title: "操作",
-            align: "center",
-            width: 200,
-            render: (_, record) => (
-              <Space>
-                <Button
-                  type="link"
-                  onClick={() => {
-                    setCurrentId(record.id);
-                    setInfoModalVisible(true);
-                  }}
-                >
-                  查看
-                </Button>
-                <Button
-                  type="link"
-                  onClick={() => {
-                    setCurrentId(record.id);
-                    setAddModalVisible(true);
-                  }}
-                >
-                  编辑
-                </Button>
-                <Button
-                  type="link"
-                  danger
-                  onClick={() => {
-                    Modal.confirm({
-                      title: "确定删除吗？",
-                      onOk: async () => {
-                        await props["mkmjGateLogDelete"]({ id: record.id });
-                        message.success("删除成功");
-                        getData();
-                      },
-                    });
-                  }}
-                >
-                  删除
-                </Button>
-              </Space>
-            ),
-          },
-        ]}
-        {...tableProps}
-      />
-      {addModalVisible && (
-        <AddModal
-          currentId={currentId}
-          onCancel={() => {
-            setAddModalVisible(false);
-            setCurrentId("");
-          }}
-          getData={getData}
-        />
-      )}
-
-      {infoModalVisible && (
-        <InfoModal
-          currentId={currentId}
-          onCancel={() => {
-            setInfoModalVisible(false);
-            setCurrentId("");
-          }}
-          getData={getData}
-        />
-      )}
-    </Page>
-  );
-}
-
-function AddModalComponent(props) {
-  const [form] = Form.useForm();
-  useEffect(() => {
-    if (props.currentId) {
-      props["mkmjGateLogInfo"]({ id: props.currentId }).then((res) => {
-        form.setFieldsValue(res.data);
-      });
-    }
-  }, [props.currentId]);
-  const onCancel = () => {
-    form.resetFields();
-    props.onCancel();
-  };
-  const submit = async (values) => {
-    await props[!props.currentId ? "mkmjGateLogAdd" : "mkmjGateLogEdit"]({ ...values, id: props.currentId });
-    onCancel();
-    props.getData();
-  };
-  return (
-    <Modal
-      open
-      onCancel={onCancel}
-      onOk={form.submit}
-      title="新增"
-      loading={props.mkmjGateLog.loading}
-    >
-      <FormBuilder
-        form={form}
-        span={24}
-        onFinish={submit}
-        showActionButtons={false}
-        options={[
-          { name: "areaGateId", label: "闸机id" },
-          { name: "state", label: "状态   0进  1出  2车辆进  3车辆出" },
-          { name: "logTime", label: "时间" },
-          { name: "userId", label: "人员id" },
-          { name: "userName", label: "人员姓名" },
-          { name: "gateType", label: "闸机类型   1-入  2出" },
-          { name: "ex1", label: "车牌号(车辆进出时使用)" },
-          { name: "ex2", label: "备用字段2" },
-          { name: "ex3", label: "备用字段3" },
-          { name: "ex4", label: "备用字段4" },
-          { name: "ex5", label: "备用字段5" },
-        ]}
-      />
-    </Modal>
-  );
-}
-
-function InfoModalComponent(props) {
-  const [info, setInfo] = useState({});
-  useEffect(() => {
-    if (props.currentId) {
-      props["mkmjGateLogInfo"]({ id: props.currentId }).then((res) => {
-        setInfo(res.data);
-      });
-    }
-  }, [props.currentId]);
-
-  return (
-    <Modal
-      open
-      footer={<Button onClick={props.onCancel}>关闭</Button>}
-      title="查看"
-      loading={props.mkmjGateLog.loading}
-    >
-      <Descriptions
-        labelStyle={{ width: 200 }}
-        column={1}
-        bordered
-        items={[
-          { children: info.areaGateId, label: "闸机id" },
-          { children: info.state, label: "状态   0进  1出  2车辆进  3车辆出" },
-          { children: info.logTime, label: "时间" },
-          { children: info.userId, label: "人员id" },
-          { children: info.userName, label: "人员姓名" },
-          { children: info.gateType, label: "闸机类型   1-入  2出" },
-          { children: info.ex1, label: "车牌号(车辆进出时使用)" },
-          { children: info.ex2, label: "备用字段2" },
-          { children: info.ex3, label: "备用字段3" },
-          { children: info.ex4, label: "备用字段4" },
-          { children: info.ex5, label: "备用字段5" },
-        ]}
-      />
-    </Modal>
-  );
-}
-
-const AddModal = Connect([NS_MKMJGATELOG], true)(AddModalComponent);
-const InfoModal = Connect([NS_MKMJGATELOG], true)(InfoModalComponent);
-export default Connect([NS_MKMJGATELOG], true)(MkmjGateLog);
diff --git a/src/pages/Container/MkmjGateVideo/index.js b/src/pages/Container/MkmjGateVideo/index.js
deleted file mode 100644
index 36890a5..0000000
--- a/src/pages/Container/MkmjGateVideo/index.js
+++ /dev/null
@@ -1,234 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Descriptions, Form, message, Modal, Space } from "antd";
-import { useEffect, useState } from "react";
-import FormBuilder from "zy-react-library/components/FormBuilder";
-import HeaderBack from "zy-react-library/components/HeaderBack";
-import AddIcon from "zy-react-library/components/Icon/AddIcon";
-import DeleteIcon from "zy-react-library/components/Icon/DeleteIcon";
-import Page from "zy-react-library/components/Page";
-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 useTable from "zy-react-library/hooks/useTable";
-import { NS_MKMJGATEVIDEO } from "~/enumerate/namespace";
-
-const VIDEO_TYPE = [
-  { name: "移动摄像头", bianma: "1" },
-  { name: "固定摄像头", bianma: "2" },
-];
-
-function MkmjGateVideo(props) {
-  const { areaGateId, deviceType } = useGetUrlQuery();
-  const [addModalVisible, setAddModalVisible] = useState(false);
-  const [infoModalVisible, setInfoModalVisible] = useState(false);
-  const [currentId, setCurrentId] = useState("");
-  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
-  const [form] = Form.useForm();
-  const { tableProps, getData } = useTable(props["mkmjGateVideoList"], {
-    form,
-    params: {
-      eqAreaGateId: areaGateId,
-    },
-  });
-  return (
-    <Page isShowAllAction={false} isShowHeader={true} headerTitle={`${deviceType === 1 ? "口门管理" : "设备管理"}`}>
-      <Search
-        form={form}
-        onFinish={getData}
-        options={[
-          { name: "likeVideoResourceName", label: "摄像头名称" },
-          { name: "eqVideoType", label: "摄像头类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: VIDEO_TYPE },
-        ]}
-      />
-      <Table
-        rowSelection={{
-          selectedRowKeys,
-          onChange: selectedRowKeys => setSelectedRowKeys(selectedRowKeys),
-        }}
-        toolBarRender={() => (
-          <Space>
-            <Button type="primary" icon={<AddIcon />} onClick={() => setAddModalVisible(true)}>新增</Button>
-            <Button
-              icon={<DeleteIcon />}
-              ghost
-              type="primary"
-              danger
-              onClick={() => {
-                if (!selectedRowKeys.length)
-                  return message.warning("请选择要删除的行");
-                Modal.confirm({
-                  title: "确定删除吗？",
-                  onOk: async () => {
-                    await props["mkmjGateVideoBatchDelete"]({ ids: selectedRowKeys });
-                    message.success("删除成功");
-                    getData();
-                  },
-                });
-              }}
-            >
-              批量删除
-            </Button>
-          </Space>
-        )}
-        columns={[
-          { dataIndex: "videoResourceName", title: "摄像头名称" },
-          { dataIndex: "videoType", title: "摄像头类型", render: (_, record) => record.videoType === 1 ? "移动摄像头" : "固定摄像头" },
-          { dataIndex: "gateStatus", title: "状态", render: (_, record) => record.longitude ? "已定位" : "未定位" },
-          { dataIndex: "isOnline", title: "是否在线", render: () => "是" },
-          {
-            title: "操作",
-            align: "center",
-            width: 200,
-            render: (_, record) => (
-              <Space>
-                <Button
-                  type="link"
-                  onClick={() => {
-                    setCurrentId(record.id);
-                    setInfoModalVisible(true);
-                  }}
-                >
-                  查看
-                </Button>
-                <Button
-                  type="link"
-                  onClick={() => {
-                    setCurrentId(record.id);
-                    setAddModalVisible(true);
-                  }}
-                >
-                  编辑
-                </Button>
-                <Button
-                  type="link"
-                  danger
-                  onClick={() => {
-                    Modal.confirm({
-                      title: "确定删除吗？",
-                      onOk: async () => {
-                        await props["mkmjGateVideoDelete"]({ id: record.id });
-                        message.success("删除成功");
-                        getData();
-                      },
-                    });
-                  }}
-                >
-                  删除
-                </Button>
-              </Space>
-            ),
-          },
-        ]}
-        {...tableProps}
-      />
-      {addModalVisible && (
-        <AddModal
-          currentId={currentId}
-          onCancel={() => {
-            setAddModalVisible(false);
-            setCurrentId("");
-          }}
-          getData={getData}
-        />
-      )}
-
-      {infoModalVisible && (
-        <InfoModal
-          currentId={currentId}
-          onCancel={() => {
-            setInfoModalVisible(false);
-            setCurrentId("");
-          }}
-          getData={getData}
-        />
-      )}
-    </Page>
-  );
-}
-
-function AddModalComponent(props) {
-  const [form] = Form.useForm();
-  useEffect(() => {
-    if (props.currentId) {
-      props["mkmjGateVideoInfo"]({ id: props.currentId }).then((res) => {
-        form.setFieldsValue(res.data);
-      });
-    }
-  }, [props.currentId]);
-  const onCancel = () => {
-    form.resetFields();
-    props.onCancel();
-  };
-  const submit = async (values) => {
-    await props[!props.currentId ? "mkmjGateVideoAdd" : "mkmjGateVideoEdit"]({ ...values, id: props.currentId });
-    onCancel();
-    props.getData();
-  };
-  return (
-    <Modal
-      open
-      onCancel={onCancel}
-      onOk={form.submit}
-      title="新增"
-      loading={props.mkmjGateVideo.loading}
-    >
-      <FormBuilder
-        form={form}
-        span={24}
-        onFinish={submit}
-        showActionButtons={false}
-        options={[
-          { name: "gateVideoId", label: "闸机摄像头id" },
-          { name: "areaGateId", label: "口门/闸机id" },
-          { name: "deviceType", label: "设备类型（1-口门 2-闸机）" },
-          { name: "videoResourceId", label: "摄像头id" },
-          { name: "videoType", label: "摄像头类型（1-移动 2-平台）" },
-          { name: "corpinfoId", label: "企业id" },
-          { name: "longitude", label: "经度" },
-          { name: "latitude", label: "纬度" },
-        ]}
-      />
-    </Modal>
-  );
-}
-
-function InfoModalComponent(props) {
-  const [info, setInfo] = useState({});
-  useEffect(() => {
-    if (props.currentId) {
-      props["mkmjGateVideoInfo"]({ id: props.currentId }).then((res) => {
-        setInfo(res.data);
-      });
-    }
-  }, [props.currentId]);
-
-  return (
-    <Modal
-      open
-      footer={<Button onClick={props.onCancel}>关闭</Button>}
-      title="查看"
-      loading={props.mkmjGateVideo.loading}
-    >
-      <Descriptions
-        labelStyle={{ width: 200 }}
-        column={1}
-        bordered
-        items={[
-          { children: info.gateVideoId, label: "闸机摄像头id" },
-          { children: info.areaGateId, label: "口门/闸机id" },
-          { children: info.deviceType, label: "设备类型（1-口门 2-闸机）" },
-          { children: info.videoResourceId, label: "摄像头id" },
-          { children: info.videoType, label: "摄像头类型（1-移动 2-平台）" },
-          { children: info.corpinfoId, label: "企业id" },
-          { children: info.longitude, label: "经度" },
-          { children: info.latitude, label: "纬度" },
-        ]}
-      />
-    </Modal>
-  );
-}
-
-const AddModal = Connect([NS_MKMJGATEVIDEO], true)(AddModalComponent);
-const InfoModal = Connect([NS_MKMJGATEVIDEO], true)(InfoModalComponent);
-export default Connect([NS_MKMJGATEVIDEO], true)(MkmjGateVideo);
diff --git a/src/pages/Container/MkmjPassage/index.js b/src/pages/Container/MkmjPassage/index.js
deleted file mode 100644
index bb6a9e1..0000000
--- a/src/pages/Container/MkmjPassage/index.js
+++ /dev/null
@@ -1,301 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Descriptions, Form, message, Modal, Space } from "antd";
-import { useEffect, useState } from "react";
-import FormBuilder from "zy-react-library/components/FormBuilder";
-import AddIcon from "zy-react-library/components/Icon/AddIcon";
-import DeleteIcon from "zy-react-library/components/Icon/DeleteIcon";
-import LocationIcon from "zy-react-library/components/Icon/LocationIcon";
-import Map from "zy-react-library/components/Map";
-import MapSelector from "zy-react-library/components/Map/MapSelector";
-import Page from "zy-react-library/components/Page";
-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 useTable from "zy-react-library/hooks/useTable";
-import { NS_MKMJPASSAGE } from "~/enumerate/namespace";
-
-const PASSAGE_TYPE = [
-  { name: "人行通道", bianma: "1" },
-  { name: "车行通道", bianma: "2" },
-  { name: "综合通道", bianma: "3" },
-];
-
-const PASSAGE_STATUS = [
-  { name: "停用", bianma: "0" },
-  { name: "正常", bianma: "1" },
-  { name: "暂时关闭", bianma: "2" },
-];
-
-function MkmjPassage(props) {
-  const { areaId } = useGetUrlQuery();
-  const [addModalVisible, setAddModalVisible] = useState(false);
-  const [infoModalVisible, setInfoModalVisible] = useState(false);
-  const [currentId, setCurrentId] = useState("");
-  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
-  const [form] = Form.useForm();
-  const { tableProps, getData } = useTable(props["mkmjPassageList"], {
-    form,
-    params: {
-      eqAreaId: areaId,
-    },
-  });
-  return (
-    <Page headerTitle="口门管理" isShowHeader={true}>
-      <Search
-        form={form}
-        onFinish={getData}
-        options={[
-          { name: "likePassageName", label: "通道名称" },
-          { name: "eqPassageStatus", label: "通道状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: PASSAGE_STATUS },
-          { name: "eqPassageType", label: "通道类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: PASSAGE_TYPE },
-        ]}
-      />
-      <Table
-        rowSelection={{
-          selectedRowKeys,
-          onChange: selectedRowKeys => setSelectedRowKeys(selectedRowKeys),
-        }}
-        toolBarRender={() => (
-          <Space>
-            <Button type="primary" icon={<AddIcon />} onClick={() => setAddModalVisible(true)}>新增</Button>
-            <Button
-              icon={<DeleteIcon />}
-              ghost
-              type="primary"
-              danger
-              onClick={() => {
-                if (!selectedRowKeys.length)
-                  return message.warning("请选择要删除的行");
-                Modal.confirm({
-                  title: "确定删除吗？",
-                  onOk: async () => {
-                    await props["mkmjPassageBatchDelete"]({ ids: selectedRowKeys });
-                    message.success("删除成功");
-                    getData();
-                  },
-                });
-              }}
-            >
-              批量删除
-            </Button>
-          </Space>
-        )}
-        columns={[
-          { dataIndex: "passageName", title: "通道名称" },
-          {
-            dataIndex: "passageType",
-            title: "通道类型",
-            render: (_, record) => record.passageType === 1 ? "人行通道" : record.passageType === 2 ? "车行通道" : "综合通道",
-          },
-          {
-            dataIndex: "passageStatus",
-            title: "通道状态",
-            render: (_, record) => record.passageStatus === 0 ? "停用" : record.passageStatus === 1 ? "正常" : "暂时关闭",
-          },
-          {
-            dataIndex: "gateNum",
-            title: "视频个数",
-            render: (_, record) => {
-              return record.gateNum || 0;
-            },
-          },
-          {
-            title: "操作",
-            align: "center",
-            width: 200,
-            render: (_, record) => (
-              <Space>
-                <Button
-                  type="link"
-                  onClick={() => {
-                    setCurrentId(record.id);
-                    setInfoModalVisible(true);
-                  }}
-                >
-                  查看
-                </Button>
-                <Button
-                  type="link"
-                  onClick={() => {
-                    setCurrentId(record.id);
-                    setAddModalVisible(true);
-                  }}
-                >
-                  编辑
-                </Button>
-                <Button
-                  type="link"
-                  danger
-                  onClick={() => {
-                    Modal.confirm({
-                      title: "确定删除吗？",
-                      onOk: async () => {
-                        await props["mkmjPassageDelete"]({ id: record.id });
-                        message.success("删除成功");
-                        getData();
-                      },
-                    });
-                  }}
-                >
-                  删除
-                </Button>
-                <Button
-                  type="link"
-                  onClick={() => {
-                    props.history.push(`./MkmjAreaGate?areaId=${record.areaId}&passageId=${record.passageId}`);
-                  }}
-                >
-                  添加设备
-                </Button>
-              </Space>
-            ),
-          },
-        ]}
-        {...tableProps}
-      />
-      {addModalVisible && (
-        <AddModal
-          currentId={currentId}
-          areaId={areaId}
-          onCancel={() => {
-            setAddModalVisible(false);
-            setCurrentId("");
-          }}
-          getData={getData}
-        />
-      )}
-
-      {infoModalVisible && (
-        <InfoModal
-          currentId={currentId}
-          onCancel={() => {
-            setInfoModalVisible(false);
-            setCurrentId("");
-          }}
-          getData={getData}
-        />
-      )}
-    </Page>
-  );
-}
-
-function AddModalComponent(props) {
-  const [form] = Form.useForm();
-
-  const hasName = async (rule, value) => {
-    const { data } = await props["hasName"]({ name: value });
-    if (data && data.id !== props.currentId) {
-      return Promise.reject(new Error("通道名已存在"));
-    }
-    return Promise.resolve();
-  };
-  useEffect(() => {
-    if (props.currentId) {
-      props["mkmjPassageInfo"]({ id: props.currentId }).then((res) => {
-        form.setFieldsValue({
-          ...res.data,
-          passageType: `${res.data.passageType}`,
-          passageStatus: `${res.data.passageStatus}`,
-        });
-      });
-    }
-  }, [props.currentId]);
-  const onCancel = () => {
-    form.resetFields();
-    props.onCancel();
-  };
-  const submit = async (values) => {
-    await props[!props.currentId ? "mkmjPassageAdd" : "mkmjPassageEdit"]({
-      ...values,
-      areaId: props.areaId,
-      id: props.currentId,
-    });
-    onCancel();
-    props.getData();
-  };
-  return (
-    <Modal
-      open
-      onCancel={onCancel}
-      onOk={form.submit}
-      title={props.currentId ? "编辑" : "新增"}
-      loading={props.mkmjPassage.loading}
-      width={800}
-    >
-      <FormBuilder
-        labelCol={{ span: 6 }}
-        form={form}
-        span={24}
-        onFinish={submit}
-        showActionButtons={false}
-        options={[
-          { name: "passageName", label: "通道名称", rules: [{ validator: hasName, trigger: "blur" }] },
-          { name: "passageType", label: "通道类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: PASSAGE_TYPE },
-          { name: "passageStatus", label: "通道状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: PASSAGE_STATUS },
-          { key: "map", customizeRender: true, render: <Map /> },
-        ]}
-      />
-    </Modal>
-  );
-}
-
-function InfoModalComponent(props) {
-  const [info, setInfo] = useState({});
-  const [mapVisible, setMapVisible] = useState(false);
-  useEffect(() => {
-    if (props.currentId) {
-      props["mkmjPassageInfo"]({ id: props.currentId }).then((res) => {
-        setInfo(res.data);
-      });
-    }
-  }, [props.currentId]);
-
-  return (
-    <Modal
-      open
-      onCancel={props.onCancel}
-      footer={<Button onClick={props.onCancel}>关闭</Button>}
-      title="查看"
-      loading={props.mkmjPassage.loading}
-    >
-      <Descriptions
-        labelStyle={{ width: 200 }}
-        column={1}
-        bordered
-        items={[
-          { children: info.passageName, label: "通道名称" },
-          {
-            children: info.passageType === 1 ? "人行通道" : info.passageType === 2 ? "车行通道" : "综合通道",
-            label: "通道类型",
-          },
-          {
-            children: info.passageStatus === 0 ? "停用" : info.passageStatus === 1 ? "正常" : "暂时关闭",
-            label: "通道状态",
-          },
-          {
-            children: (
-              <LocationIcon onClick={() => {
-                setMapVisible(true);
-              }}
-              />
-            ),
-            label: "位置",
-          },
-        ]}
-      />
-
-      <MapSelector
-        visible={mapVisible}
-        onClose={() => setMapVisible(false)}
-        longitude={info.longitude}
-        latitude={info.latitude}
-        disable={true}
-      />
-    </Modal>
-  );
-}
-
-const AddModal = Connect([NS_MKMJPASSAGE], true)(AddModalComponent);
-const InfoModal = Connect([NS_MKMJPASSAGE], true)(InfoModalComponent);
-export default Connect([NS_MKMJPASSAGE], true)(MkmjPassage);
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ApproverUser/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ApproverUser/index.js
new file mode 100644
index 0000000..3d9fd13
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ApproverUser/index.js
@@ -0,0 +1,7 @@
+import ApproverUserPage from "~/pages/Container/Supervision/FirstLevelDoor/ApproverUser";
+
+function ApproverUser(props) {
+  return (<ApproverUserPage {...props} />);
+}
+
+export default ApproverUser;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/Add/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/Add/index.js
new file mode 100644
index 0000000..25fd8b6
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/Add/index.js
@@ -0,0 +1,7 @@
+import AddPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/Add";
+
+function Add(props) {
+  return (<AddPage {...props} />);
+}
+
+export default Add;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/ApprovalRecords/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/ApprovalRecords/index.js
new file mode 100644
index 0000000..f7ce5c3
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/ApprovalRecords/index.js
@@ -0,0 +1,7 @@
+import ApprovalRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/ApprovalRecords";
+
+function ApprovalRecords(props) {
+  return (<ApprovalRecordsPage {...props} />);
+}
+
+export default ApprovalRecords;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/List/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/List/index.js
new file mode 100644
index 0000000..14e680e
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/List/index.js
@@ -0,0 +1,7 @@
+import ListPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/List";
+
+function List(props) {
+  return (<ListPage {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/VehicleRecords/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/VehicleRecords/index.js
new file mode 100644
index 0000000..4f8bdb4
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/VehicleRecords/index.js
@@ -0,0 +1,7 @@
+import VehicleRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/VehicleRecords";
+
+function VehicleRecords(props) {
+  return (<VehicleRecordsPage {...props} />);
+}
+
+export default VehicleRecords;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/View/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/View/index.js
new file mode 100644
index 0000000..5dae756
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/View/index.js
@@ -0,0 +1,7 @@
+import ViewPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/View";
+
+function View(props) {
+  return (<ViewPage {...props} />);
+}
+
+export default View;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/index.js
new file mode 100644
index 0000000..6927a4c
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/index.js
@@ -0,0 +1,5 @@
+function PersonalVehicle(props) {
+  return props.children;
+}
+
+export default PersonalVehicle;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/List/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/List/index.js
new file mode 100644
index 0000000..4bd4ed0
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/List/index.js
@@ -0,0 +1,7 @@
+import ListPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/List";
+
+function List(props) {
+  return (<ListPage {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/PersonnelRecords/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/PersonnelRecords/index.js
new file mode 100644
index 0000000..25002c4
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/PersonnelRecords/index.js
@@ -0,0 +1,7 @@
+import PersonnelRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/PersonnelRecords";
+
+function PersonnelRecords(props) {
+  return (<PersonnelRecordsPage {...props} />);
+}
+
+export default PersonnelRecords;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/Add/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/Add/index.js
new file mode 100644
index 0000000..ebb7b67
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/Add/index.js
@@ -0,0 +1,7 @@
+import AddPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/Add";
+
+function Add(props) {
+  return (<AddPage {...props} />);
+}
+
+export default Add;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/ApprovalRecords/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/ApprovalRecords/index.js
new file mode 100644
index 0000000..ed3bd4d
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/ApprovalRecords/index.js
@@ -0,0 +1,7 @@
+import ApprovalRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/ApprovalRecords";
+
+function ApprovalRecords(props) {
+  return (<ApprovalRecordsPage {...props} />);
+}
+
+export default ApprovalRecords;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/List/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/List/index.js
new file mode 100644
index 0000000..ebab2b3
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/List/index.js
@@ -0,0 +1,7 @@
+import ListPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/List";
+
+function List(props) {
+  return (<ListPage {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/VehicleRecords/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/VehicleRecords/index.js
new file mode 100644
index 0000000..12527cc
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/VehicleRecords/index.js
@@ -0,0 +1,7 @@
+import VehicleRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/VehicleRecords";
+
+function VehicleRecords(props) {
+  return (<VehicleRecordsPage {...props} />);
+}
+
+export default VehicleRecords;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/View/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/View/index.js
new file mode 100644
index 0000000..9b74d78
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/View/index.js
@@ -0,0 +1,7 @@
+import ViewPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/View";
+
+function View(props) {
+  return (<ViewPage {...props} />);
+}
+
+export default View;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/index.js
new file mode 100644
index 0000000..9b9dbbe
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/index.js
@@ -0,0 +1,5 @@
+function VehicleManagement(props) {
+  return props.children;
+}
+
+export default VehicleManagement;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/index.js
new file mode 100644
index 0000000..acb107b
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/index.js
@@ -0,0 +1,5 @@
+function StockPersonnelAndVehicles(props) {
+  return props.children;
+}
+
+export default StockPersonnelAndVehicles;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/List/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/List/index.js
new file mode 100644
index 0000000..4c9efd1
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/List/index.js
@@ -0,0 +1,7 @@
+import ListPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/List";
+
+function List(props) {
+  return (<ListPage platform="3" {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/index.js
new file mode 100644
index 0000000..4bf1f5f
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/index.js
@@ -0,0 +1,5 @@
+function VehicleBlacklist(props) {
+  return props.children;
+}
+
+export default VehicleBlacklist;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/List/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/List/index.js
new file mode 100644
index 0000000..a63ee73
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/List/index.js
@@ -0,0 +1,7 @@
+import ListPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/List";
+
+function List(props) {
+  return (<ListPage platform="3" {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/ViolationRecords/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/ViolationRecords/index.js
new file mode 100644
index 0000000..b1430c7
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/ViolationRecords/index.js
@@ -0,0 +1,7 @@
+import ViolationRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/ViolationRecords";
+
+function ViolationRecords(props) {
+  return (<ViolationRecordsPage {...props} />);
+}
+
+export default ViolationRecords;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/index.js
new file mode 100644
index 0000000..4f48d99
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/index.js
@@ -0,0 +1,5 @@
+function VehiclesViolation(props) {
+  return props.children;
+}
+
+export default VehiclesViolation;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/index.js
new file mode 100644
index 0000000..4f48d99
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/index.js
@@ -0,0 +1,5 @@
+function VehiclesViolation(props) {
+  return props.children;
+}
+
+export default VehiclesViolation;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/index.js
new file mode 100644
index 0000000..2cc97e9
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/ImportAndExportPortInfo/index.js
@@ -0,0 +1,5 @@
+function ImportAndExportPortInfo(props) {
+  return props.children;
+}
+
+export default ImportAndExportPortInfo;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/ShareVehicles/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/ShareVehicles/index.js
new file mode 100644
index 0000000..6c9a56e
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/ShareVehicles/index.js
@@ -0,0 +1,7 @@
+import ShareVehiclesPage from "~/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/ShareVehicles";
+
+function ShareVehicles(props) {
+  return (<ShareVehiclesPage {...props} />);
+}
+
+export default ShareVehicles;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/index.js
new file mode 100644
index 0000000..b840b1d
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/index.js
@@ -0,0 +1,5 @@
+function LongTermVehicleApproval(props) {
+  return props.children;
+}
+
+export default LongTermVehicleApproval;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/Add/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/Add/index.js
new file mode 100644
index 0000000..6c491e6
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/Add/index.js
@@ -0,0 +1,7 @@
+import AddPage from "~/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/Add";
+
+function Add(props) {
+  return (<AddPage {...props} />);
+}
+
+export default Add;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/List/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/List/index.js
new file mode 100644
index 0000000..f6b5e78
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/List/index.js
@@ -0,0 +1,7 @@
+import ListPage from "~/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/List";
+
+function List(props) {
+  return (<ListPage {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/View/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/View/index.js
new file mode 100644
index 0000000..456197e
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/View/index.js
@@ -0,0 +1,7 @@
+import ViewPage from "~/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/View";
+
+function View(props) {
+  return (<ViewPage {...props} />);
+}
+
+export default View;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/index.js
new file mode 100644
index 0000000..69bb564
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/index.js
@@ -0,0 +1,5 @@
+function TemporaryPersonnel(props) {
+  return props.children;
+}
+
+export default TemporaryPersonnel;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/Add/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/Add/index.js
new file mode 100644
index 0000000..028b060
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/Add/index.js
@@ -0,0 +1,7 @@
+import AddPage from "~/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/Add";
+
+function List(props) {
+  return (<AddPage {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/List/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/List/index.js
new file mode 100644
index 0000000..a92f448
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/List/index.js
@@ -0,0 +1,7 @@
+import ListPage from "~/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/List";
+
+function List(props) {
+  return (<ListPage {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/View/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/View/index.js
new file mode 100644
index 0000000..fa5335d
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/View/index.js
@@ -0,0 +1,7 @@
+import ViewPage from "~/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/View";
+
+function List(props) {
+  return (<ViewPage {...props} />);
+}
+
+export default List;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/index.js
new file mode 100644
index 0000000..69bb564
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/index.js
@@ -0,0 +1,5 @@
+function TemporaryPersonnel(props) {
+  return props.children;
+}
+
+export default TemporaryPersonnel;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/index.js
similarity index 63%
rename from src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/index.js
rename to src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/index.js
index ea442ef..e69aa5a 100644
--- a/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/index.js
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/index.js
@@ -1,5 +1,5 @@
 function TemporaryVisitor(props) {
-  return (<div>{props.children}</div>);
+  return props.children;
 }
 
 export default TemporaryVisitor;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/index.js
new file mode 100644
index 0000000..6819286
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/PortEntryApproval/index.js
@@ -0,0 +1,5 @@
+function PortEntryApproval(props) {
+  return props.children;
+}
+
+export default PortEntryApproval;
diff --git a/src/pages/Container/Stakeholder/FirstLevelDoor/index.js b/src/pages/Container/Stakeholder/FirstLevelDoor/index.js
new file mode 100644
index 0000000..adfea5b
--- /dev/null
+++ b/src/pages/Container/Stakeholder/FirstLevelDoor/index.js
@@ -0,0 +1,5 @@
+function FirstLevelDoor(props) {
+  return props.children;
+}
+
+export default FirstLevelDoor;
diff --git a/src/pages/Container/Stakeholder/PersonnelApplication/Add/index.js b/src/pages/Container/Stakeholder/PersonnelApplication/Add/index.js
new file mode 100644
index 0000000..ad1bb88
--- /dev/null
+++ b/src/pages/Container/Stakeholder/PersonnelApplication/Add/index.js
@@ -0,0 +1,239 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, message, Modal } from "antd";
+import { useRef, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import Page from "zy-react-library/components/Page";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import Signature from "zy-react-library/components/Signature";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { NS_PERSONNEL_APPLICATION } from "~/enumerate/namespace";
+
+function Add(props) {
+  const [personnelList, setPersonnelList] = useState([]);
+  const [addPersonnelModalVisible, setAddPersonnelModalVisible] = useState(false);
+  const [needToKnowModalVisible, setNeedToKnowModalVisible] = useState(false);
+
+  const [form] = Form.useForm();
+
+  const onSubmit = async (values) => {
+    if (!values.todo8) {
+      message.warning("请勾选《安全进港须知》并签字");
+      return;
+    }
+    const { success } = await props["personnelApplicationAdd"]({ ...values });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+
+  return (
+    <Page headerTitle="新增" isShowFooter={false}>
+      <FormBuilder
+        form={form}
+        onFinish={onSubmit}
+        loading={props.personnelApplication.personnelApplicationLoading}
+        options={[
+          { name: "todo1", label: "项目", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [] },
+          { name: "todo2", label: "审核部门", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [] },
+          { name: "todo3", label: "审核人员", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [] },
+          { name: "todo4", label: "时间", render: FORM_ITEM_RENDER_ENUM.DATE_RANGE },
+          { name: "todo5", label: "访问港区", render: (<DictionarySelect dictValue="primeport_area" />) },
+          { name: "todo6", label: "访问口门名称", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [] },
+          {
+            customizeRender: true,
+            span: 24,
+            render: (
+              <Table
+                toolBarRender={() => (
+                  <Button
+                    type="primary"
+                    onClick={() => {
+                      setAddPersonnelModalVisible(true);
+                    }}
+                  >
+                    添加人员
+                  </Button>
+                )}
+                options={false}
+                disabledResizer={true}
+                columns={[
+                  { title: "姓名", dataIndex: "todo1" },
+                  { title: "部门", dataIndex: "todo2" },
+                  { title: "是否培训", dataIndex: "todo3" },
+                  { title: "现口门权限范围", dataIndex: "todo4" },
+                  {
+                    title: "操作",
+                    width: 80,
+                    fixed: "right",
+                    render: (_, record) => (
+                      <Button
+                        type="link"
+                        danger
+                        onClick={() => {
+                          Modal.confirm({
+                            title: "删除确认",
+                            content: "确定删除吗？",
+                            onOk: () => {
+                              setPersonnelList(personnelList.filter(item => item.id !== record.id));
+                            },
+                          });
+                        }}
+                      >
+                        删除
+                      </Button>
+                    ),
+                  },
+                ]}
+                dataSource={personnelList}
+                pagination={false}
+              />
+            ),
+          },
+          {
+            name: "todo7",
+            label: " ",
+            span: 24,
+            required: false,
+            rules: [{ required: true, message: "请勾选" }],
+            formItemProps: { colon: false, required: false, style: { textAlign: "center" }, labelCol: { span: 0 }, wrapperCol: { span: 24 } },
+            render: FORM_ITEM_RENDER_ENUM.CHECKBOX,
+            items: [{
+              bianma: "1",
+              name: (
+                <>
+                  我已阅读并同意
+                  <Button
+                    type="link"
+                    style={{ padding: 0 }}
+                    onClick={() => {
+                      setNeedToKnowModalVisible(true);
+                    }}
+                  >
+                    《安全进港须知》
+                  </Button>
+                </>
+              ),
+            }],
+          },
+          { name: "todo8", label: "签字", onlyForLabel: true },
+        ]}
+      />
+      {
+        addPersonnelModalVisible && (
+          <AddPersonnelModal
+            personnelList={personnelList}
+            onCancel={() => {
+              setAddPersonnelModalVisible(false);
+            }}
+            onOk={(values) => {
+              setPersonnelList([...personnelList, values]);
+              setAddPersonnelModalVisible(false);
+            }}
+          />
+        )
+      }
+      {
+        needToKnowModalVisible && (
+          <NeedToKnowModal
+            signatureUrl={form.getFieldValue("todo8")}
+            onCancel={() => {
+              setNeedToKnowModalVisible(false);
+            }}
+            onOk={(values) => {
+              form.setFieldValue("todo8", values);
+              setNeedToKnowModalVisible(false);
+            }}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+const AddPersonnelModalComponent = (props) => {
+  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
+  const selectedRowsRef = useRef([]);
+
+  return (
+    <Modal
+      open
+      title="选择人员"
+      width={800}
+      maskClosable={false}
+      onCancel={props.onCancel}
+      onOk={() => {
+        if (selectedRowKeys.length === 0) {
+          message.warning("请选择人员");
+        }
+        else {
+          props.onOk(selectedRowsRef.current);
+        }
+      }}
+    >
+      <Table
+        rowSelection={{
+          selectedRowKeys,
+          onChange: (selectedRowKeys, selectedRows) => {
+            setSelectedRowKeys(selectedRowKeys);
+            selectedRowsRef.current = selectedRows;
+          },
+          preserveSelectedRowKeys: true,
+        }}
+        options={false}
+        disabledResizer={true}
+        columns={[
+          { title: "姓名", dataIndex: "todo1" },
+          { title: "部门", dataIndex: "todo2" },
+          { title: "是否培训", dataIndex: "todo3" },
+          { title: "现口门权限范围", dataIndex: "todo4" },
+        ]}
+        dataSource={[]}
+        pagination={false}
+      />
+    </Modal>
+  );
+};
+
+const NeedToKnowModal = (props) => {
+  const signatureUrl = useRef("");
+
+  return (
+    <Modal
+      open
+      title="安全进港须知"
+      width={800}
+      maskClosable={false}
+      onCancel={props.onCancel}
+      onOk={() => {
+        if (!signatureUrl.current) {
+          message.warning("请签名");
+          return;
+        }
+        props.onOk(signatureUrl.current);
+      }}
+    >
+      <div>
+        <p style={{ textAlign: "justify", textIndent: "2rem" }}>欢迎您到访秦皇岛港。为保障您的人身安全及港口生产作业秩序，请注意港口属于重点安全监管区域，存在大型机械作业、货物装卸、车辆往来等生产场景，可能面临机械伤害、物体打击、车辆碰撞等安全风险。请您认真阅读以下须知内容，确认遵守后签字：</p>
+        <p style={{ textAlign: "justify", textIndent: "2rem" }}>1. 入港时请主动出示有效身份证件，配合安保人员进行身份核验与信息登记，凭港口核发的《临时访客证》入港，自觉接受出港查验；不转借、冒用访客凭证，不将无关人员带入港口。</p>
+        <p style={{ textAlign: "justify", textIndent: "2rem" }}>2. 入港后请严格在指定区域活动，未经陪同人员及港口负责人许可，绝不擅自进入标有“禁止入内”“危险区域”等标识的场所，不靠近起重机械、输送设备、危险品存储点等高危部位，不跨越安全护栏、警戒线，不在作业区域逗留围观。</p>
+        <p style={{ textAlign: "justify", textIndent: "2rem" }}>3. 遵守港口生产秩序，不干扰装卸、运输、检修等正常工作；不随意触摸、操作生产设备、仪器仪表及安全设施，不移动、遮挡安全警示标识；如需拍摄港口场景，须提前征得港口方同意，不拍摄涉及安全、商业秘密的内容。</p>
+        <p style={{ textAlign: "justify", textIndent: "2rem" }}>4. 严格遵守消防安全规定，不在港口内吸烟，不携带火种、易燃易爆物品、管制器具等违禁物品入港；发现火灾、设备故障等隐患或突发情况，第一时间告知陪同人员或港口工作人员，配合应急处置，不擅自行动引发次生风险。</p>
+        <p style={{ textAlign: "justify", textIndent: "2rem" }}>5. 注意自身安全防护，行走时主动避让作业车辆与机械，不擅自横穿作业通道；雨天、雾天等恶劣天气下，听从陪同人员安排，加强安全防范。</p>
+        <p style={{ textAlign: "justify", textIndent: "2rem" }}>6. 已知晓港口所去区域应急逃生路线，遇紧急情况按港口指引有序疏散。</p>
+        <p>本人确认已完整阅读并理解以上须知，承诺严格遵守。如因违反本须知及港口安全规定导致自身人身伤害或港口、他人财产损失，自愿承担全部责任。</p>
+      </div>
+      <Signature
+        onConfirm={(value) => {
+          signatureUrl.current = value.base64;
+        }}
+        url={props.signatureUrl}
+      />
+    </Modal>
+  );
+};
+
+const AddPersonnelModal = Connect([NS_PERSONNEL_APPLICATION], true)(AddPersonnelModalComponent);
+
+export default Connect([NS_PERSONNEL_APPLICATION], true)(Add);
diff --git a/src/pages/Container/Stakeholder/PersonnelApplication/List/index.js b/src/pages/Container/Stakeholder/PersonnelApplication/List/index.js
new file mode 100644
index 0000000..26d051b
--- /dev/null
+++ b/src/pages/Container/Stakeholder/PersonnelApplication/List/index.js
@@ -0,0 +1,201 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider, Form, Modal, Space } from "antd";
+import { useEffect, useState } from "react";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Page from "zy-react-library/components/Page";
+import PreviewImg from "zy-react-library/components/PreviewImg";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import useTable from "zy-react-library/hooks/useTable";
+import { NS_PERSONNEL_APPLICATION } from "~/enumerate/namespace";
+
+function List(props) {
+  const [currentId, setCurrentId] = useState("");
+  const [viewRejectReasonModalVisible, setViewRejectReasonModalVisible] = useState(false);
+  const [viewModalVisible, setViewModalVisible] = useState(false);
+
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["personnelApplicationList"], {
+    form,
+  });
+
+  return (
+    <Page isShowAllAction={false}>
+      <Search
+        labelCol={{ span: 4 }}
+        options={[
+          { name: "todo1", label: "姓名" },
+          { name: "todo2", label: "项目名称" },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        toolBarRender={() => (
+          <Button
+            type="primary"
+            icon={(<AddIcon />)}
+            onClick={() => {
+              props.history.push("./add");
+            }}
+          >
+            新增申请
+          </Button>
+        )}
+        columns={[
+          { title: "项目名称", dataIndex: "todo1" },
+          { title: "区域范围", dataIndex: "todo2" },
+          { title: "访问期限", dataIndex: "todo3" },
+          { title: "项目人员数", dataIndex: "todo4" },
+          { title: "申请时间", dataIndex: "todo5" },
+          { title: "审核状态", dataIndex: "todo6" },
+          {
+            title: "操作",
+            width: 100,
+            fixed: "right",
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setViewModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setViewRejectReasonModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  查看原因
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {
+        viewRejectReasonModalVisible && (
+          <ViewRejectReasonModal
+            id={currentId}
+            onCancel={() => {
+              setViewRejectReasonModalVisible(false);
+              setCurrentId("");
+            }}
+          />
+        )
+      }
+      {
+        viewModalVisible && (
+          <ViewModal
+            id={currentId}
+            onCancel={() => {
+              setViewModalVisible(false);
+              setCurrentId("");
+            }}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+const ViewRejectReasonModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+  const getData = async () => {
+    const { data } = await props["personnelApplicationRejectReason"]({ id: props.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Modal
+      open
+      title="驳回原因"
+      maskClosable={false}
+      onCancel={props.onCancel}
+      width={600}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+      loading={props.personnelApplication.personnelApplicationLoading}
+    >
+      <Descriptions
+        column={1}
+        bordered
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "驳回原因", children: info.todo1 },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const ViewModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+  const getData = async () => {
+    const { data } = await props["personnelApplicationInfo"]({ id: props.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Modal
+      open
+      title="查看"
+      maskClosable={false}
+      onCancel={props.onCancel}
+      width={600}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+      loading={props.personnelApplication.personnelApplicationLoading}
+    >
+      <Divider orientation="left">申请信息</Divider>
+      <Descriptions
+        column={1}
+        bordered
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "项目名称", children: info.todo1 },
+          { label: "区域范围", children: info.todo2 },
+          { label: "访问期限", children: `${info.todo3}-${info.todo4}` },
+          { label: "项目人员数", children: info.todo5 },
+          { label: "申请时间", children: info.todo6 },
+          { label: "申请状态", children: info.todo7 },
+          { label: "申请人签字", children: (<PreviewImg files={info.todo8} />) },
+        ]}
+      />
+      <Divider orientation="left">人员信息</Divider>
+      <Table
+        options={false}
+        disabledResizer={true}
+        columns={[
+          { title: "姓名", dataIndex: "todo1" },
+          { title: "部门", dataIndex: "todo2" },
+          { title: "是否培训", dataIndex: "todo3" },
+          { title: "现口门权限范围", dataIndex: "todo4" },
+        ]}
+        dataSource={info.todo9}
+        pagination={false}
+      />
+    </Modal>
+  );
+};
+
+const ViewRejectReasonModal = Connect([NS_PERSONNEL_APPLICATION], true)(ViewRejectReasonModalComponent);
+const ViewModal = Connect([NS_PERSONNEL_APPLICATION], true)(ViewModalComponent);
+
+export default Connect([NS_PERSONNEL_APPLICATION], true)(List);
diff --git a/src/pages/Container/Stakeholder/PersonnelApplication/index.js b/src/pages/Container/Stakeholder/PersonnelApplication/index.js
new file mode 100644
index 0000000..bb74946
--- /dev/null
+++ b/src/pages/Container/Stakeholder/PersonnelApplication/index.js
@@ -0,0 +1,5 @@
+function PersonnelApplication(props) {
+  return props.children;
+}
+
+export default PersonnelApplication;
diff --git a/src/pages/Container/Stakeholder/PersonnelApplicationRecords/List/index.js b/src/pages/Container/Stakeholder/PersonnelApplicationRecords/List/index.js
new file mode 100644
index 0000000..ac53c9c
--- /dev/null
+++ b/src/pages/Container/Stakeholder/PersonnelApplicationRecords/List/index.js
@@ -0,0 +1,196 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider, Form, Modal, Space } from "antd";
+import { useEffect, useState } from "react";
+import Page from "zy-react-library/components/Page";
+import PreviewImg from "zy-react-library/components/PreviewImg";
+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 useTable from "zy-react-library/hooks/useTable";
+import { NS_PERSONNEL_APPLICATION } from "~/enumerate/namespace";
+
+const REVIEW_STATUS_ENUM = [
+  { bianma: "todo1", name: "已完成" },
+  { bianma: "todo2", name: "待审核" },
+  { bianma: "todo3", name: "已驳回" },
+];
+function List(props) {
+  const [currentId, setCurrentId] = useState("");
+  const [viewRejectReasonModalVisible, setViewRejectReasonModalVisible] = useState(false);
+  const [viewModalVisible, setViewModalVisible] = useState(false);
+
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["personnelApplicationList"], {
+    form,
+  });
+
+  return (
+    <Page isShowAllAction={false}>
+      <Search
+        labelCol={{ span: 4 }}
+        options={[
+          { name: "todo1", label: "姓名" },
+          { name: "todo2", label: "项目名称" },
+          { name: "todo3", label: "审核状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: REVIEW_STATUS_ENUM },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        columns={[
+          { title: "项目名称", dataIndex: "todo1" },
+          { title: "区域范围", dataIndex: "todo2" },
+          { title: "访问期限", dataIndex: "todo3" },
+          { title: "项目人员数", dataIndex: "todo4" },
+          { title: "申请时间", dataIndex: "todo5" },
+          { title: "审核状态", dataIndex: "todo6" },
+          {
+            title: "操作",
+            width: 100,
+            fixed: "right",
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setViewModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setViewRejectReasonModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  查看原因
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {
+        viewRejectReasonModalVisible && (
+          <ViewRejectReasonModal
+            id={currentId}
+            onCancel={() => {
+              setViewRejectReasonModalVisible(false);
+              setCurrentId("");
+            }}
+          />
+        )
+      }
+      {
+        viewModalVisible && (
+          <ViewModal
+            id={currentId}
+            onCancel={() => {
+              setViewModalVisible(false);
+              setCurrentId("");
+            }}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+const ViewRejectReasonModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+  const getData = async () => {
+    const { data } = await props["personnelApplicationRejectReason"]({ id: props.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Modal
+      open
+      title="驳回原因"
+      maskClosable={false}
+      onCancel={props.onCancel}
+      width={600}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+      loading={props.personnelApplication.personnelApplicationLoading}
+    >
+      <Descriptions
+        column={1}
+        bordered
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "驳回原因", children: info.todo1 },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const ViewModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+  const getData = async () => {
+    const { data } = await props["personnelApplicationInfo"]({ id: props.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Modal
+      open
+      title="查看"
+      maskClosable={false}
+      onCancel={props.onCancel}
+      width={600}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+      loading={props.personnelApplication.personnelApplicationLoading}
+    >
+      <Divider orientation="left">申请信息</Divider>
+      <Descriptions
+        column={1}
+        bordered
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "项目名称", children: info.todo1 },
+          { label: "区域范围", children: info.todo2 },
+          { label: "访问期限", children: `${info.todo3}-${info.todo4}` },
+          { label: "项目人员数", children: info.todo5 },
+          { label: "申请时间", children: info.todo6 },
+          { label: "申请状态", children: info.todo7 },
+          { label: "申请人签字", children: (<PreviewImg files={info.todo8} />) },
+        ]}
+      />
+      <Divider orientation="left">人员信息</Divider>
+      <Table
+        options={false}
+        disabledResizer={true}
+        columns={[
+          { title: "姓名", dataIndex: "todo1" },
+          { title: "部门", dataIndex: "todo2" },
+          { title: "是否培训", dataIndex: "todo3" },
+          { title: "现口门权限范围", dataIndex: "todo4" },
+        ]}
+        dataSource={info.todo9}
+        pagination={false}
+      />
+    </Modal>
+  );
+};
+
+const ViewRejectReasonModal = Connect([NS_PERSONNEL_APPLICATION], true)(ViewRejectReasonModalComponent);
+const ViewModal = Connect([NS_PERSONNEL_APPLICATION], true)(ViewModalComponent);
+
+export default Connect([NS_PERSONNEL_APPLICATION], true)(List);
diff --git a/src/pages/Container/Stakeholder/PersonnelApplicationRecords/index.js b/src/pages/Container/Stakeholder/PersonnelApplicationRecords/index.js
new file mode 100644
index 0000000..886b864
--- /dev/null
+++ b/src/pages/Container/Stakeholder/PersonnelApplicationRecords/index.js
@@ -0,0 +1,5 @@
+function PersonnelApplicationRecords(props) {
+  return props.children;
+}
+
+export default PersonnelApplicationRecords;
diff --git a/src/pages/Container/Stakeholder/PersonnelPermissionRecords/List/index.js b/src/pages/Container/Stakeholder/PersonnelPermissionRecords/List/index.js
new file mode 100644
index 0000000..a2a0388
--- /dev/null
+++ b/src/pages/Container/Stakeholder/PersonnelPermissionRecords/List/index.js
@@ -0,0 +1,121 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider, Form, Modal } from "antd";
+import { useEffect, useState } from "react";
+import Page from "zy-react-library/components/Page";
+import PreviewImg from "zy-react-library/components/PreviewImg";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import useTable from "zy-react-library/hooks/useTable";
+import { NS_PERSONNEL_PERMISSION_RECORDS } from "~/enumerate/namespace";
+
+function List(props) {
+  const [infoModalVisible, setInfoModalVisible] = useState(false);
+  const [currentId, setCurrentId] = useState("");
+
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["personnelPermissionRecordsList"], {
+    form,
+  });
+
+  return (
+    <Page isShowAllAction={false}>
+      <Search
+        labelCol={{ span: 4 }}
+        options={[
+          { name: "todo1", label: "姓名" },
+          { name: "todo2", label: "项目名称" },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        columns={[
+          { title: "姓名", dataIndex: "todo1" },
+          { title: "部门", dataIndex: "todo2" },
+          { title: "是否培训", dataIndex: "todo3" },
+          { title: "涉及项目", dataIndex: "todo4" },
+          { title: "口门权限范围", dataIndex: "todo5" },
+          {
+            title: "操作",
+            width: 100,
+            fixed: "right",
+            render: (_, record) => (
+              <Button
+                type="link"
+                onClick={() => {
+                  setInfoModalVisible(true);
+                  setCurrentId(record.id);
+                }}
+              >
+                查看
+              </Button>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {
+        infoModalVisible && (
+          <InfoModal
+            id={currentId}
+            onCancel={() => {
+              setInfoModalVisible(false);
+              setCurrentId("");
+            }}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+const InfoModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+
+  const getData = async () => {
+    const { data } = await props["personnelPermissionRecordsInfo"]({ id: props.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Modal
+      open
+      title="查看"
+      maskClosable={false}
+      width={600}
+      onCancel={props.onCancel}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+      loading={props.personnelPermissionRecords.personnelPermissionRecordsLoading}
+    >
+      <Divider orientation="left">人员信息</Divider>
+      <Descriptions
+        bordered
+        column={1}
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "姓名", children: info.todo1 },
+          { label: "手机号", children: info.todo2 },
+          { label: "身份证号", children: info.todo3 },
+          { label: "访问起始时间", children: info.todo4 },
+          { label: "访问结束时间", children: info.todo5 },
+          { label: "口门权限范围", children: info.todo6 },
+          { label: "涉及项目", children: info.todo7 },
+          { label: "人脸照片", children: (<PreviewImg files={info.todo8} />) },
+          { label: "申请时间", children: info.todo9 },
+          { label: "审核人", children: info.todo10 },
+          { label: "审核时间", children: info.todo11 },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const InfoModal = Connect([NS_PERSONNEL_PERMISSION_RECORDS], true)(InfoModalComponent);
+
+export default Connect([NS_PERSONNEL_PERMISSION_RECORDS], true)(List);
diff --git a/src/pages/Container/Stakeholder/PersonnelPermissionRecords/index.js b/src/pages/Container/Stakeholder/PersonnelPermissionRecords/index.js
new file mode 100644
index 0000000..649f4dc
--- /dev/null
+++ b/src/pages/Container/Stakeholder/PersonnelPermissionRecords/index.js
@@ -0,0 +1,5 @@
+function PersonnelPermissionRecords(props) {
+  return props.children;
+}
+
+export default PersonnelPermissionRecords;
diff --git a/src/pages/Container/Stakeholder/VehicleApplication/Add/index.js b/src/pages/Container/Stakeholder/VehicleApplication/Add/index.js
new file mode 100644
index 0000000..55bd437
--- /dev/null
+++ b/src/pages/Container/Stakeholder/VehicleApplication/Add/index.js
@@ -0,0 +1,139 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, message, Modal } from "antd";
+import { useRef, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import Page from "zy-react-library/components/Page";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import PersonnelSelect from "zy-react-library/components/Select/Personnel/Gwj";
+import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
+import Signature from "zy-react-library/components/Signature";
+import Upload from "zy-react-library/components/Upload";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { LICENSE_PLATE_NUMBER } from "zy-react-library/regular";
+import { NS_VEHICLE_APPLICATION } from "~/enumerate/namespace";
+
+function Add(props) {
+  const [needToKnowModalVisible, setNeedToKnowModalVisible] = useState(false);
+
+  const [form] = Form.useForm();
+  const todo7 = Form.useWatch("todo7", form);
+
+  const onSubmit = async (values) => {
+    if (!values.todo15) {
+      message.warning("请勾选《安全进港须知》并签字");
+      return;
+    }
+    const { success } = await props["vehicleApplicationAdd"]({ ...values });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+
+  return (
+    <Page headerTitle="新增" isShowFooter={false}>
+      <FormBuilder
+        form={form}
+        onFinish={onSubmit}
+        loading={props.vehicleApplication.vehicleApplicationLoading}
+        options={[
+          { name: "todo1", label: "项目", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [] },
+          { name: "todo2", label: "审核部门", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [] },
+          { name: "todo3", label: "审核人员", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [] },
+          { name: "todo4", label: "时间", render: FORM_ITEM_RENDER_ENUM.DATE_RANGE },
+          { name: "todo5", label: "访问港区", render: (<DictionarySelect dictValue="primeport_area" />) },
+          { name: "todo6", label: "访问口门名称", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [] },
+          { name: "todo7", label: "驾驶人员部门", render: (<DepartmentSelectTree />) },
+          { name: "todo8", label: "驾驶人员", render: (<PersonnelSelect params={{ departmentId: todo7 }} />) },
+          { name: "todo9", label: "车牌类型", render: (<DictionarySelect dictValue="LICENSE_PLATE_TYPE" />) },
+          { name: "todo10", label: "车辆类型", render: (<DictionarySelect dictValue="VEHICLE_TYPE" />) },
+          { name: "todo11", label: "车牌号", rules: [{ pattern: LICENSE_PLATE_NUMBER, message: "请输入正确的车牌号" }] },
+          { name: "todo12", label: "车辆照片", span: 24, render: (<Upload />) },
+          { name: "todo13", label: "行驶证照片", span: 24, render: (<Upload />) },
+          { name: "todo14", label: "机动车登记证书", span: 24, render: (<Upload />) },
+          {
+            name: "todo15",
+            label: " ",
+            span: 24,
+            required: false,
+            rules: [{ required: true, message: "请勾选" }],
+            formItemProps: { colon: false, required: false, style: { textAlign: "center" }, labelCol: { span: 0 }, wrapperCol: { span: 24 } },
+            render: FORM_ITEM_RENDER_ENUM.CHECKBOX,
+            items: [{
+              bianma: "1",
+              name: (
+                <>
+                  我已阅读并同意
+                  <Button
+                    type="link"
+                    style={{ padding: 0 }}
+                    onClick={() => {
+                      setNeedToKnowModalVisible(true);
+                    }}
+                  >
+                    《安全进港须知》
+                  </Button>
+                </>
+              ),
+            }],
+          },
+          { name: "todo8", label: "签字", onlyForLabel: true },
+        ]}
+      />
+      {
+        needToKnowModalVisible && (
+          <NeedToKnowModal
+            signatureUrl={form.getFieldValue("todo8")}
+            onCancel={() => {
+              setNeedToKnowModalVisible(false);
+            }}
+            onOk={(values) => {
+              form.setFieldValue("todo8", values);
+              setNeedToKnowModalVisible(false);
+            }}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+const NeedToKnowModal = (props) => {
+  const signatureUrl = useRef("");
+
+  return (
+    <Modal
+      open
+      title="安全进港须知"
+      width={800}
+      maskClosable={false}
+      onCancel={props.onCancel}
+      onOk={() => {
+        if (!signatureUrl.current) {
+          message.warning("请签名");
+          return;
+        }
+        props.onOk(signatureUrl.current);
+      }}
+    >
+      <div>
+        <p style={{ textAlign: "justify", textIndent: "2rem" }}>欢迎您到访秦皇岛港。为保障您的人身安全及港口生产作业秩序，请注意港口属于重点安全监管区域，存在大型机械作业、货物装卸、车辆往来等生产场景，可能面临机械伤害、物体打击、车辆碰撞等安全风险。请您认真阅读以下须知内容，确认遵守后签字：</p>
+        <p style={{ textAlign: "justify", textIndent: "2rem" }}>1. 入港时请主动出示有效身份证件，配合安保人员进行身份核验与信息登记，凭港口核发的《临时访客证》入港，自觉接受出港查验；不转借、冒用访客凭证，不将无关人员带入港口。</p>
+        <p style={{ textAlign: "justify", textIndent: "2rem" }}>2. 入港后请严格在指定区域活动，未经陪同人员及港口负责人许可，绝不擅自进入标有“禁止入内”“危险区域”等标识的场所，不靠近起重机械、输送设备、危险品存储点等高危部位，不跨越安全护栏、警戒线，不在作业区域逗留围观。</p>
+        <p style={{ textAlign: "justify", textIndent: "2rem" }}>3. 遵守港口生产秩序，不干扰装卸、运输、检修等正常工作；不随意触摸、操作生产设备、仪器仪表及安全设施，不移动、遮挡安全警示标识；如需拍摄港口场景，须提前征得港口方同意，不拍摄涉及安全、商业秘密的内容。</p>
+        <p style={{ textAlign: "justify", textIndent: "2rem" }}>4. 严格遵守消防安全规定，不在港口内吸烟，不携带火种、易燃易爆物品、管制器具等违禁物品入港；发现火灾、设备故障等隐患或突发情况，第一时间告知陪同人员或港口工作人员，配合应急处置，不擅自行动引发次生风险。</p>
+        <p style={{ textAlign: "justify", textIndent: "2rem" }}>5. 注意自身安全防护，行走时主动避让作业车辆与机械，不擅自横穿作业通道；雨天、雾天等恶劣天气下，听从陪同人员安排，加强安全防范。</p>
+        <p style={{ textAlign: "justify", textIndent: "2rem" }}>6. 已知晓港口所去区域应急逃生路线，遇紧急情况按港口指引有序疏散。</p>
+        <p>本人确认已完整阅读并理解以上须知，承诺严格遵守。如因违反本须知及港口安全规定导致自身人身伤害或港口、他人财产损失，自愿承担全部责任。</p>
+      </div>
+      <Signature
+        onConfirm={(value) => {
+          signatureUrl.current = value.base64;
+        }}
+        url={props.signatureUrl}
+      />
+    </Modal>
+  );
+};
+
+export default Connect([NS_VEHICLE_APPLICATION], true)(Add);
diff --git a/src/pages/Container/Stakeholder/VehicleApplication/List/index.js b/src/pages/Container/Stakeholder/VehicleApplication/List/index.js
new file mode 100644
index 0000000..9e96ff2
--- /dev/null
+++ b/src/pages/Container/Stakeholder/VehicleApplication/List/index.js
@@ -0,0 +1,193 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider, Form, Modal, Space } from "antd";
+import { useEffect, useState } from "react";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Page from "zy-react-library/components/Page";
+import PreviewImg from "zy-react-library/components/PreviewImg";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import useTable from "zy-react-library/hooks/useTable";
+import { NS_VEHICLE_APPLICATION } from "~/enumerate/namespace";
+
+function List(props) {
+  const [currentId, setCurrentId] = useState("");
+  const [viewRejectReasonModalVisible, setViewRejectReasonModalVisible] = useState(false);
+  const [viewModalVisible, setViewModalVisible] = useState(false);
+
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["vehicleApplicationList"], {
+    form,
+  });
+
+  return (
+    <Page isShowAllAction={false}>
+      <Search
+        labelCol={{ span: 4 }}
+        options={[
+          { name: "todo1", label: "车牌号" },
+          { name: "todo2", label: "项目名称" },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        toolBarRender={() => (
+          <Button
+            type="primary"
+            icon={(<AddIcon />)}
+            onClick={() => {
+              props.history.push("./add");
+            }}
+          >
+            新增申请
+          </Button>
+        )}
+        columns={[
+          { title: "项目名称", dataIndex: "todo1" },
+          { title: "区域范围", dataIndex: "todo2" },
+          { title: "访问期限", dataIndex: "todo3" },
+          { title: "车辆类型", dataIndex: "todo4" },
+          { title: "车牌类型", dataIndex: "todo5" },
+          { title: "车牌号", dataIndex: "todo7" },
+          { title: "审核状态", dataIndex: "todo6" },
+          {
+            title: "操作",
+            width: 100,
+            fixed: "right",
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setViewModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setViewRejectReasonModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  查看原因
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {
+        viewRejectReasonModalVisible && (
+          <ViewRejectReasonModal
+            id={currentId}
+            onCancel={() => {
+              setViewRejectReasonModalVisible(false);
+              setCurrentId("");
+            }}
+          />
+        )
+      }
+      {
+        viewModalVisible && (
+          <ViewModal
+            id={currentId}
+            onCancel={() => {
+              setViewModalVisible(false);
+              setCurrentId("");
+            }}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+const ViewRejectReasonModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+  const getData = async () => {
+    const { data } = await props["vehicleApplicationRejectReason"]({ id: props.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Modal
+      open
+      title="驳回原因"
+      maskClosable={false}
+      onCancel={props.onCancel}
+      width={600}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+      loading={props.vehicleApplication.vehicleApplicationLoading}
+    >
+      <Descriptions
+        column={1}
+        bordered
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "驳回原因", children: info.todo1 },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const ViewModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+  const getData = async () => {
+    const { data } = await props["vehicleApplicationInfo"]({ id: props.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Modal
+      open
+      title="查看"
+      maskClosable={false}
+      onCancel={props.onCancel}
+      width={600}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+      loading={props.vehicleApplication.vehicleApplicationLoading}
+    >
+      <Divider orientation="left">申请信息</Divider>
+      <Descriptions
+        column={1}
+        bordered
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "项目名称", children: info.todo1 },
+          { label: "时间范围", children: info.todo2 },
+          { label: "地域范围", children: `${info.todo3}-${info.todo4}` },
+          { label: "驾驶人员", children: info.todo5 },
+          { label: "车辆类型", children: info.todo6 },
+          { label: "车牌类型", children: info.todo7 },
+          { label: "车牌号", children: info.todo8 },
+          { label: "审核人员", children: info.todo9 },
+          { label: "车辆照片", children: (<PreviewImg files={info.todo10} />) },
+          { label: "车辆行驶证照片", children: (<PreviewImg files={info.todo11} />) },
+          { label: "申请人签字", children: (<PreviewImg files={info.todo12} />) },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const ViewRejectReasonModal = Connect([NS_VEHICLE_APPLICATION], true)(ViewRejectReasonModalComponent);
+const ViewModal = Connect([NS_VEHICLE_APPLICATION], true)(ViewModalComponent);
+
+export default Connect([NS_VEHICLE_APPLICATION], true)(List);
diff --git a/src/pages/Container/Stakeholder/VehicleApplication/index.js b/src/pages/Container/Stakeholder/VehicleApplication/index.js
new file mode 100644
index 0000000..0652c70
--- /dev/null
+++ b/src/pages/Container/Stakeholder/VehicleApplication/index.js
@@ -0,0 +1,5 @@
+function VehicleApplication(props) {
+  return props.children;
+}
+
+export default VehicleApplication;
diff --git a/src/pages/Container/Stakeholder/VehicleApplicationRecords/List/index.js b/src/pages/Container/Stakeholder/VehicleApplicationRecords/List/index.js
new file mode 100644
index 0000000..50c448f
--- /dev/null
+++ b/src/pages/Container/Stakeholder/VehicleApplicationRecords/List/index.js
@@ -0,0 +1,188 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider, Form, Modal, Space } from "antd";
+import { useEffect, useState } from "react";
+import Page from "zy-react-library/components/Page";
+import PreviewImg from "zy-react-library/components/PreviewImg";
+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 useTable from "zy-react-library/hooks/useTable";
+import { NS_VEHICLE_APPLICATION } from "~/enumerate/namespace";
+
+const REVIEW_STATUS_ENUM = [
+  { bianma: "todo1", name: "已完成" },
+  { bianma: "todo2", name: "待审核" },
+  { bianma: "todo3", name: "已驳回" },
+];
+function List(props) {
+  const [currentId, setCurrentId] = useState("");
+  const [viewRejectReasonModalVisible, setViewRejectReasonModalVisible] = useState(false);
+  const [viewModalVisible, setViewModalVisible] = useState(false);
+
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["vehicleApplicationList"], {
+    form,
+  });
+
+  return (
+    <Page isShowAllAction={false}>
+      <Search
+        labelCol={{ span: 4 }}
+        options={[
+          { name: "todo1", label: "车牌号" },
+          { name: "todo2", label: "项目名称" },
+          { name: "todo3", label: "审核状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: REVIEW_STATUS_ENUM },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        columns={[
+          { title: "项目名称", dataIndex: "todo1" },
+          { title: "区域范围", dataIndex: "todo2" },
+          { title: "访问期限", dataIndex: "todo3" },
+          { title: "车辆类型", dataIndex: "todo4" },
+          { title: "车牌类型", dataIndex: "todo5" },
+          { title: "车牌号", dataIndex: "todo7" },
+          { title: "审核状态", dataIndex: "todo6" },
+          {
+            title: "操作",
+            width: 100,
+            fixed: "right",
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setViewModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setViewRejectReasonModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  查看原因
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {
+        viewRejectReasonModalVisible && (
+          <ViewRejectReasonModal
+            id={currentId}
+            onCancel={() => {
+              setViewRejectReasonModalVisible(false);
+              setCurrentId("");
+            }}
+          />
+        )
+      }
+      {
+        viewModalVisible && (
+          <ViewModal
+            id={currentId}
+            onCancel={() => {
+              setViewModalVisible(false);
+              setCurrentId("");
+            }}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+const ViewRejectReasonModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+  const getData = async () => {
+    const { data } = await props["vehicleApplicationRejectReason"]({ id: props.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Modal
+      open
+      title="驳回原因"
+      maskClosable={false}
+      onCancel={props.onCancel}
+      width={600}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+      loading={props.vehicleApplication.vehicleApplicationLoading}
+    >
+      <Descriptions
+        column={1}
+        bordered
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "驳回原因", children: info.todo1 },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const ViewModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+  const getData = async () => {
+    const { data } = await props["vehicleApplicationInfo"]({ id: props.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Modal
+      open
+      title="查看"
+      maskClosable={false}
+      onCancel={props.onCancel}
+      width={600}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+      loading={props.vehicleApplication.vehicleApplicationLoading}
+    >
+      <Divider orientation="left">申请信息</Divider>
+      <Descriptions
+        column={1}
+        bordered
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "项目名称", children: info.todo1 },
+          { label: "时间范围", children: info.todo2 },
+          { label: "地域范围", children: `${info.todo3}-${info.todo4}` },
+          { label: "驾驶人员", children: info.todo5 },
+          { label: "车辆类型", children: info.todo6 },
+          { label: "车牌类型", children: info.todo7 },
+          { label: "车牌号", children: info.todo8 },
+          { label: "审核人员", children: info.todo9 },
+          { label: "车辆照片", children: (<PreviewImg files={info.todo10} />) },
+          { label: "车辆行驶证照片", children: (<PreviewImg files={info.todo11} />) },
+          { label: "申请人签字", children: (<PreviewImg files={info.todo12} />) },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const ViewRejectReasonModal = Connect([NS_VEHICLE_APPLICATION], true)(ViewRejectReasonModalComponent);
+const ViewModal = Connect([NS_VEHICLE_APPLICATION], true)(ViewModalComponent);
+
+export default Connect([NS_VEHICLE_APPLICATION], true)(List);
diff --git a/src/pages/Container/Stakeholder/VehicleApplicationRecords/index.js b/src/pages/Container/Stakeholder/VehicleApplicationRecords/index.js
new file mode 100644
index 0000000..ce401b0
--- /dev/null
+++ b/src/pages/Container/Stakeholder/VehicleApplicationRecords/index.js
@@ -0,0 +1,5 @@
+function VehicleApplicationRecords(props) {
+  return props.children;
+}
+
+export default VehicleApplicationRecords;
diff --git a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/index.js b/src/pages/Container/Stakeholder/index.js
similarity index 60%
rename from src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/index.js
rename to src/pages/Container/Stakeholder/index.js
index a0122e5..d54483c 100644
--- a/src/pages/Container/Enterprise/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/index.js
+++ b/src/pages/Container/Stakeholder/index.js
@@ -1,5 +1,5 @@
 function Stakeholder(props) {
-  return (<div>{props.children}</div>);
+  return props.children;
 }
 
 export default Stakeholder;
diff --git a/src/pages/Container/Stationed/PrimaryAccessControl/BasicInformation/AccessApprover/List/index.js b/src/pages/Container/Stationed/PrimaryAccessControl/BasicInformation/AccessApprover/List/index.js
deleted file mode 100644
index b7596d2..0000000
--- a/src/pages/Container/Stationed/PrimaryAccessControl/BasicInformation/AccessApprover/List/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-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/Stationed/PrimaryAccessControl/BasicInformation/AccessApprover/index.js b/src/pages/Container/Stationed/PrimaryAccessControl/BasicInformation/AccessApprover/index.js
deleted file mode 100644
index db819f3..0000000
--- a/src/pages/Container/Stationed/PrimaryAccessControl/BasicInformation/AccessApprover/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function AccessApprover(props) {
-  return (<div>{props.children}</div>);
-}
-
-export default AccessApprover;
diff --git a/src/pages/Container/Stationed/PrimaryAccessControl/BasicInformation/index.js b/src/pages/Container/Stationed/PrimaryAccessControl/BasicInformation/index.js
deleted file mode 100644
index 6b7722a..0000000
--- a/src/pages/Container/Stationed/PrimaryAccessControl/BasicInformation/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function BasicInformation(props) {
-  return (<div>{props.children}</div>);
-}
-
-export default BasicInformation;
diff --git a/src/pages/Container/Statistics/AreaList/index.js b/src/pages/Container/Statistics/AreaList/index.js
deleted file mode 100644
index 1060d0c..0000000
--- a/src/pages/Container/Statistics/AreaList/index.js
+++ /dev/null
@@ -1,127 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Form, Space } from "antd";
-import { useState } from "react";
-import Page from "zy-react-library/components/Page";
-import Search from "zy-react-library/components/Search";
-import DictionarySelect from "zy-react-library/components/Select/Dictionary";
-import Table from "zy-react-library/components/Table";
-import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
-import useTable from "zy-react-library/hooks/useTable";
-import { NS_MKMJAREA } from "~/enumerate/namespace";
-
-const AREA_TYPE = [
-  { name: "人行口门", bianma: "1" },
-  { name: "车行口门", bianma: "2" },
-  { name: "综合口门", bianma: "3" },
-];
-
-const AREA_STATUS = [
-  { name: "停用", bianma: "0" },
-  { name: "正常", bianma: "1" },
-  { name: "暂时关闭", bianma: "2" },
-];
-
-function MkmjArea(props) {
-  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
-  const [listData, setListData] = useState([]);
-  const [form] = Form.useForm();
-
-  const { tableProps, getData } = useTable(props["mkmjAreaList"], {
-    form,
-    params: {
-      eqAreaLevel: 1,
-    },
-    onSuccess: async (res) => {
-      const { data } = await props["getStatistics"]({ ids: res.data.map(item => item.areaId) });
-      setListData(res.data.map((item) => {
-        const temp = data.find(stat => stat.id === item.areaId) || {};
-        item = {
-          ...item,
-          ...temp,
-        };
-        return item;
-      }));
-    },
-  });
-  return (
-    <Page isShowAllAction={false}>
-      <Search
-        form={form}
-        onFinish={getData}
-        options={[
-          { name: "likeAreaName", label: "口门名称" },
-          { name: "eqAreaStatus", label: "口门状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: AREA_STATUS },
-          { name: "eqAreaType", label: "口门类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: AREA_TYPE },
-          { name: "eqAreaParentId", label: "所属区域", render: <DictionarySelect dictValue="primeport_area" /> },
-        ]}
-      />
-      <Table
-        rowSelection={{
-          selectedRowKeys,
-          onChange: selectedRowKeys => setSelectedRowKeys(selectedRowKeys),
-        }}
-        columns={[
-          { dataIndex: "areaName", title: "口门名称", render: (_, record) => (
-            <Space>
-              <Button
-                type="link"
-                onClick={() => {
-                  props.history.push(`./PassageList?areaId=${record.areaId}&areaParentName=${record.areaParentName}`);
-                }}
-              >
-                {record.areaName}
-              </Button>
-            </Space>
-          ) },
-          { dataIndex: "areaParentName", title: "所属区域" },
-          {
-            dataIndex: "areaType",
-            title: "口门类型",
-            render: (_, record) => {
-              return record.areaType === 1 ? "人行口门" : record.areaType === 2 ? "车行口门" : "综合口门";
-            },
-          },
-          {
-            dataIndex: "carInCount",
-            title: "进入车辆",
-            render: (_, record) => {
-              return record.carInCount || 0;
-            },
-          },
-          {
-            dataIndex: "carOutCount",
-            title: "外出车辆",
-            render: (_, record) => {
-              return record.carOutCount || 0;
-            },
-          },
-          {
-            dataIndex: "personInCount",
-            title: "进入人员",
-            render: (_, record) => {
-              return record.personInCount || 0;
-            },
-          },
-          {
-            dataIndex: "personOutCount",
-            title: "外出人员",
-            render: (_, record) => {
-              return record.personOutCount || 0;
-            },
-          },
-          {
-            dataIndex: "total",
-            title: "总计",
-            render: (_, record) => {
-              return (record.carInCount || 0) + (record.carOutCount || 0) + (record.personInCount || 0) + (record.personOutCount || 0);
-            },
-          },
-        ]}
-        {...tableProps}
-        dataSource={listData}
-      />
-    </Page>
-  );
-}
-
-export default Connect([NS_MKMJAREA], true)(MkmjArea);
diff --git a/src/pages/Container/Statistics/PassageList/index.js b/src/pages/Container/Statistics/PassageList/index.js
deleted file mode 100644
index 085490b..0000000
--- a/src/pages/Container/Statistics/PassageList/index.js
+++ /dev/null
@@ -1,116 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Form } from "antd";
-import { useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 useTable from "zy-react-library/hooks/useTable";
-import { NS_MKMJPASSAGE } from "~/enumerate/namespace";
-
-const PASSAGE_TYPE = [
-  { name: "人行通道", bianma: "1" },
-  { name: "车行通道", bianma: "2" },
-  { name: "综合通道", bianma: "3" },
-];
-
-const PASSAGE_STATUS = [
-  { name: "停用", bianma: "0" },
-  { name: "正常", bianma: "1" },
-  { name: "暂时关闭", bianma: "2" },
-];
-
-function MkmjPassage(props) {
-  const { areaId, areaParentName } = useGetUrlQuery();
-  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
-  const [listData, setListData] = useState([]);
-
-  const [form] = Form.useForm();
-
-  const { tableProps, getData } = useTable(props["mkmjPassageList"], {
-    form,
-    params: {
-      eqAreaId: areaId,
-    },
-    onSuccess: async (res) => {
-      const { data } = await props["getStatistics"]({ ids: res.data.map(item => item.passageId) });
-      setListData(res.data.map((item) => {
-        const temp = data.find(stat => stat.id === item.passageId) || {};
-        item = {
-          ...item,
-          ...temp,
-        };
-        return item;
-      }));
-    },
-  });
-  return (
-    <Page
-      style={{ padding: 10 }}
-      headerTitle="口门管理"
-      isShowHeader={true}
-    >
-      <Search
-        form={form}
-        onFinish={getData}
-        options={[
-          { name: "likePassageName", label: "通道名称" },
-          { name: "eqPassageStatus", label: "通道状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: PASSAGE_STATUS },
-          { name: "eqPassageType", label: "通道类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: PASSAGE_TYPE },
-        ]}
-      />
-      <Table
-        rowSelection={{
-          selectedRowKeys,
-          onChange: selectedRowKeys => setSelectedRowKeys(selectedRowKeys),
-        }}
-        columns={[
-          { dataIndex: "passageName", title: "通道名称" },
-          { dataIndex: "areaParentName", title: "所属区域", render: (_, record) => areaParentName },
-          { dataIndex: "passageType", title: "通道类型", render: (_, record) => record.passageType === 1 ? "人行通道" : record.passageType === 2 ? "车行通道" : "综合通道" },
-          { dataIndex: "passageStatus", title: "通道状态", render: (_, record) => record.passageStatus === 0 ? "停用" : record.passageStatus === 1 ? "正常" : "暂时关闭" },
-          {
-            dataIndex: "carInCount",
-            title: "进入车辆",
-            render: (_, record) => {
-              return record.carInCount || 0;
-            },
-          },
-          {
-            dataIndex: "carOutCount",
-            title: "外出车辆",
-            render: (_, record) => {
-              return record.carOutCount || 0;
-            },
-          },
-          {
-            dataIndex: "personInCount",
-            title: "进入人员",
-            render: (_, record) => {
-              return record.personInCount || 0;
-            },
-          },
-          {
-            dataIndex: "personOutCount",
-            title: "外出人员",
-            render: (_, record) => {
-              return record.personOutCount || 0;
-            },
-          },
-          {
-            dataIndex: "total",
-            title: "总计",
-            render: (_, record) => {
-              return (record.carInCount || 0) + (record.carOutCount || 0) + (record.personInCount || 0) + (record.personOutCount || 0);
-            },
-          },
-        ]}
-        {...tableProps}
-        dataSource={listData}
-      />
-    </Page>
-  );
-}
-
-export default Connect([NS_MKMJPASSAGE], true)(MkmjPassage);
diff --git a/src/pages/Container/Statistics/index.js b/src/pages/Container/Statistics/index.js
deleted file mode 100644
index 222cf54..0000000
--- a/src/pages/Container/Statistics/index.js
+++ /dev/null
@@ -1,4 +0,0 @@
-function StatisticsContainer(props) {
-  return props.children;
-}
-export default StatisticsContainer;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ApproverUser/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ApproverUser/index.js
new file mode 100644
index 0000000..c7886d8
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ApproverUser/index.js
@@ -0,0 +1,241 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, message, Modal, Space } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Page from "zy-react-library/components/Page";
+import Search from "zy-react-library/components/Search";
+import PersonnelSelect from "zy-react-library/components/Select/Personnel/Gwj";
+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 useTable from "zy-react-library/hooks/useTable";
+import { NS_APPROVER_USER } from "~/enumerate/namespace";
+
+function ApproverUser(props) {
+  const [addModalVisible, setAddModalVisible] = useState(false);
+  const [currentId, setCurrentId] = useState("");
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["approvalUserList"], {
+    form,
+  });
+  const onDelete = (record) => {
+    Modal.confirm({
+      title: "删除确认",
+      content: "确定要删除吗？",
+      onOk: async () => {
+        const { success } = await props["approvalUserDelete"]({ id: record.id });
+        if (success) {
+          message.success("删除成功");
+          getData();
+        }
+      },
+    });
+  };
+
+  return (
+    <Page isShowAllAction={false}>
+      <Search
+        labelCol={{ span: 4 }}
+        options={[
+          { name: "eqDeptId", label: "部门", render: (<DepartmentSelectTree />) },
+          { name: "likeName", label: "姓名" },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        toolBarRender={() => (
+          <Space>
+            <Button
+              type="primary"
+              icon={<AddIcon />}
+              onClick={() => setAddModalVisible(true)}
+            >
+              新增
+            </Button>
+          </Space>
+        )}
+        columns={[
+          { title: "部门", dataIndex: "departmentName" },
+          { title: "姓名", dataIndex: "name" },
+          { title: "岗位", dataIndex: "postName" },
+          { title: "审批权限", dataIndex: "approvalPermission", render: (_, record) => {
+            const approvalPermission = [];
+            if (record.isPersonnelPermission === 1) {
+              approvalPermission.push("人员");
+            }
+            if (record.isVehiclePermission === 1) {
+              approvalPermission.push("车辆");
+            }
+            if (record.isTemporaryPermission === 1) {
+              approvalPermission.push("临时访客");
+            }
+            return approvalPermission.join("，");
+          } },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 120,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setAddModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  编辑
+                </Button>
+                <Button
+                  type="link"
+                  danger
+                  onClick={() => onDelete(record)}
+                >
+                  删除
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+
+      {addModalVisible && (
+        <AddModal
+          onCancel={() => {
+            setAddModalVisible(false);
+            setCurrentId("");
+          }}
+          id={currentId}
+          getData={getData}
+        />
+      )}
+    </Page>
+  );
+}
+
+function AddModalComponent(props) {
+  const [form] = Form.useForm();
+  const personUnderDepartmentId = Form.useWatch("deptId", form);
+
+  const [oldApproverType, setOldApproverType] = useState([]);
+
+  const getData = async () => {
+    const { data } = await props["approvalUserInfo"]({ id: props.id });
+    const approverType = [
+      data.isPersonnelPermission === 1 ? 1 : null,
+      data.isVehiclePermission === 1 ? 0 : null,
+      data.isTemporaryPermission === 1 ? 2 : null,
+    ].filter(Boolean);
+    form.setFieldsValue({
+      ...data,
+      approverType,
+    });
+    setOldApproverType(approverType);
+  };
+
+  useEffect(() => {
+    props.id && getData();
+  }, []);
+
+  const onSubmit = async (values) => {
+    const { approverType, ...rest } = values;
+    const submitData = {
+      ...rest,
+      isPersonnelPermission: approverType?.includes(1) ? 1 : 0,
+      isVehiclePermission: approverType?.includes(0) ? 1 : 0,
+      isTemporaryPermission: approverType?.includes(2) ? 1 : 0,
+      id: props.id,
+      isRegulatory: 0,
+    };
+    const { success } = await props[!props.id ? "approvalUserAdd" : "approvalUserUpdate"](submitData);
+    if (success) {
+      props.onCancel();
+      props.getData();
+      message.success(`${props.id ? "编辑" : "新增"}成功`);
+    }
+  };
+
+  return (
+    <Modal
+      open
+      onCancel={props.onCancel}
+      onOk={form.submit}
+      title={props.id ? "编辑" : "新增"}
+      maskClosable={false}
+      confirmLoading={props.approverUser.approvalUserLoading}
+      width={600}
+    >
+      <FormBuilder
+        labelCol={{ span: 8 }}
+        form={form}
+        span={24}
+        loading={props.approverUser.approvalUserLoading}
+        onFinish={onSubmit}
+        showActionButtons={false}
+        options={[
+          {
+            name: "deptId",
+            label: "部门",
+            render: (
+              <DepartmentSelectTree
+                onGetLabel={(label) => {
+                  form.setFieldValue("deptName", label);
+                }}
+                onChange={() => {
+                  form.setFieldValue("userId", "");
+                  form.setFieldValue("name", "");
+                  form.setFieldValue("userName", "");
+                  form.setFieldValue("postId", "");
+                  form.setFieldValue("postName", "");
+                  form.setFieldValue("corpId", "");
+                }}
+                disabled={!!props.id}
+              />
+            ),
+          },
+          { name: "deptName", label: "部门名称", onlyForLabel: true },
+          {
+            name: "userId",
+            label: "审批人",
+            render: (
+              <PersonnelSelect
+                params={{ departmentId: personUnderDepartmentId }}
+                onGetLabel={(label) => {
+                  form.setFieldValue("name", label);
+                }}
+                onGetOption={(option) => {
+                  form.setFieldValue("userName", option.username);
+                  form.setFieldValue("postId", option.postId);
+                  form.setFieldValue("postName", option.postName);
+                  form.setFieldValue("corpId", option.tenantId);
+                }}
+                disabled={!!props.id}
+              />
+            ),
+          },
+          { name: "name", label: "审批人名称", onlyForLabel: true },
+          { name: "userName", label: "审批人账号", onlyForLabel: true },
+          { name: "postId", label: "岗位ID", onlyForLabel: true },
+          { name: "postName", label: "岗位名称", onlyForLabel: true },
+          { name: "corpId", label: "租户ID", onlyForLabel: true },
+          {
+            name: "approverType",
+            label: "审批权限",
+            render: FORM_ITEM_RENDER_ENUM.CHECKBOX,
+            items: [
+              { bianma: 1, name: "人员", disabled: oldApproverType.includes(1) },
+              { bianma: 0, name: "车辆", disabled: oldApproverType.includes(0) },
+              { bianma: 2, name: "临时访客", disabled: oldApproverType.includes(2) },
+            ],
+          },
+        ]}
+      />
+    </Modal>
+  );
+}
+
+const AddModal = Connect([NS_APPROVER_USER], true)(AddModalComponent);
+export default Connect([NS_APPROVER_USER], true)(ApproverUser);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Camera/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Camera/List/index.js
new file mode 100644
index 0000000..f8bb5c5
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Camera/List/index.js
@@ -0,0 +1,643 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Form, message, Modal, Space } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import VideoIcon from "zy-react-library/components/Icon/VideoIcon";
+import MapSelector from "zy-react-library/components/Map/MapSelector";
+import Page from "zy-react-library/components/Page";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import Video from "zy-react-library/components/Video";
+import AliPlayer from "zy-react-library/components/Video/AliPlayer";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import useTable from "zy-react-library/hooks/useTable";
+import { getLabelName } from "zy-react-library/utils";
+import { NS_FIRST_LEVEL_DOOR_INFO } from "~/enumerate/namespace";
+
+const CAMERA_TYPE_ENUM = [
+  { name: "移动摄像头", bianma: "0" },
+  { name: "固定摄像头", bianma: "1" },
+];
+const IS_ONLINE_ENUM = [
+  { name: "否", bianma: "0" },
+  { name: "是", bianma: "1" },
+];
+
+function List(props) {
+  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
+  const [addModalVisible, setAddModalVisible] = useState(false);
+  const [currentId, setCurrentId] = useState("");
+  const [infoModalVisible, setInfoModalVisible] = useState(false);
+  const [playModalVisible, setPlayModalVisible] = useState(false);
+  const [playUrl, setPlayUrl] = useState("");
+  const [batchPlayModalVisible, setBatchPlayModalVisible] = useState(false);
+  const [mapModalVisible, setMapModalVisible] = useState(false);
+  const [location, setLocation] = useState({ longitude: "", latitude: "" });
+  const [playBackModalVisible, setPlayBackModalVisible] = useState(false);
+  const [playBackUrl, setPlayBackUrl] = useState("");
+
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["firstLevelDoorInfoCameraList"], {
+    form,
+    params: { id: query.id },
+  });
+
+  const onDelete = (id) => {
+    Modal.confirm({
+      title: "删除确认",
+      content: "确定要删除吗？",
+      onOk: async () => {
+        const { success } = await props["firstLevelDoorInfoCameraDelete"]({ id });
+        if (success) {
+          message.success("删除成功");
+          getData();
+        }
+      },
+    });
+  };
+
+  const onGetRTSPUrl = async (id) => {
+    const { success } = await props["firstLevelDoorInfoCameraGetRTSPUrl"]({ id });
+    if (success) {
+      message.success("获取成功");
+      getData();
+    }
+  };
+
+  const onGetPlayUrl = async (id) => {
+    const { data } = await props["firstLevelDoorInfoCameraGetPlayUrl"]({ id });
+    setPlayModalVisible(true);
+    setPlayUrl(data);
+  };
+
+  return (
+    <Page headerTitle="摄像头">
+      <Search
+        form={form}
+        onFinish={getData}
+        options={[
+          { name: "todo1", label: "视频名称" },
+          { name: "todo2", label: "视频类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: CAMERA_TYPE_ENUM },
+          { name: "todo3", label: "是否在线", render: FORM_ITEM_RENDER_ENUM.SELECT, items: IS_ONLINE_ENUM },
+        ]}
+      />
+      <Table
+        rowSelection={{
+          selectedRowKeys,
+          preserveSelectedRowKeys: true,
+          onChange: (selectedRowKeys) => {
+            setSelectedRowKeys(selectedRowKeys);
+          },
+        }}
+        toolBarRender={() => (
+          <Space>
+            <Button
+              type="primary"
+              icon={<AddIcon />}
+              onClick={() => {
+                setAddModalVisible(true);
+              }}
+            >
+              新增
+            </Button>
+            <Button
+              type="primary"
+              icon={<VideoIcon />}
+              ghost
+              onClick={() => {
+                if (selectedRowKeys.length === 0) {
+                  message.error("请选择要播放的视频");
+                  return;
+                }
+                setBatchPlayModalVisible(true);
+              }}
+            >
+              播放全部
+            </Button>
+          </Space>
+        )}
+        columns={[
+          { dataIndex: "todo1", title: "视频名称" },
+          { dataIndex: "todo2", title: "播放地址" },
+          { dataIndex: "todo3", title: "视频定位状态", width: 120 },
+          {
+            dataIndex: "todo4",
+            title: "是否在线",
+            width: 100,
+            render: (_, record) => getLabelName({ list: IS_ONLINE_ENUM, status: record.todo4 }),
+          },
+          {
+            title: "操作",
+            width: 400,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setInfoModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setAddModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  编辑
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setMapModalVisible(true);
+                    setLocation({ longitude: record.longitude, latitude: record.latitude });
+                  }}
+                >
+                  定位
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setPlayBackModalVisible(true);
+                    setPlayBackUrl(record.playBackUrl);
+                  }}
+                >
+                  回放
+                </Button>
+                <Button
+                  type="link"
+                  danger
+                  onClick={() => {
+                    onDelete(record.id);
+                  }}
+                >
+                  删除
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    onGetPlayUrl(record.id);
+                  }}
+                >
+                  播放
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    onGetRTSPUrl(record.id);
+                  }}
+                >
+                  获取rtsp地址
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {
+        addModalVisible && (
+          <AddModal
+            onCancel={() => {
+              setAddModalVisible(false);
+              setCurrentId("");
+            }}
+            id={currentId}
+            getData={getData}
+          />
+        )
+      }
+      {
+        infoModalVisible && (
+          <InfoModal
+            onCancel={() => {
+              setInfoModalVisible(false);
+              setCurrentId("");
+            }}
+            id={currentId}
+          />
+        )
+      }
+      {
+        playModalVisible && (
+          <Video
+            onCancel={() => {
+              setPlayModalVisible(false);
+              setPlayUrl("");
+            }}
+            visible={playModalVisible}
+            source={playUrl}
+          />
+        )
+      }
+      {
+        batchPlayModalVisible && (
+          <BatchPlayModal
+            onCancel={() => {
+              setBatchPlayModalVisible(false);
+            }}
+            ids={selectedRowKeys}
+          />
+        )
+      }
+      {mapModalVisible && (
+        <MapSelector
+          visible={mapModalVisible}
+          onClose={() => setMapModalVisible(false)}
+          longitude={location.longitude}
+          latitude={location.latitude}
+          type="cesium"
+        />
+      )}
+      {playBackModalVisible && (
+        <PlayBackModal
+          url={playBackUrl}
+          onClose={() => {
+            setPlayBackModalVisible(false);
+            setPlayBackUrl("");
+          }}
+        />
+      )}
+    </Page>
+  );
+}
+
+const AddModalComponent = (props) => {
+  const [selectMovingCameraModalVisible, setSelectMovingCameraModalVisible] = useState(false);
+  const [selectFixedCameraModalVisible, setSelectFixedCameraModalVisible] = useState(false);
+  const [form] = Form.useForm();
+
+  const getData = async () => {
+    const { data } = await props["firstLevelDoorInfoCameraInfo"]({ id: props.id });
+    form.setFieldsValue({
+      ...data,
+    });
+  };
+  useEffect(() => {
+    props.id && getData();
+  }, []);
+
+  const onSubmit = async (values) => {
+    const { success } = await props[!props.id ? "firstLevelDoorInfoCameraAdd" : "firstLevelDoorInfoCameraEdit"]({
+      ...values,
+      id: props.id,
+    });
+    if (success) {
+      props.onCancel();
+      props.getData();
+    }
+  };
+
+  return (
+    <Modal
+      open
+      onCancel={props.onCancel}
+      onOk={form.submit}
+      title={props.id ? "编辑" : "新增"}
+      maskClosable={false}
+      confirmLoading={props.firstLevelDoorInfo.firstLevelDoorInfoCameraLoading}
+      width={600}
+    >
+      <FormBuilder
+        labelCol={{ span: 10 }}
+        form={form}
+        loading={props.firstLevelDoorInfo.firstLevelDoorInfoCameraLoading}
+        span={24}
+        onFinish={onSubmit}
+        showActionButtons={false}
+        values={{
+          todo1: "0",
+        }}
+        options={[
+          { name: "todo1", label: "视频类型", render: FORM_ITEM_RENDER_ENUM.RADIO, items: CAMERA_TYPE_ENUM },
+          {
+            label: "视频监控信息",
+            dependencies: ["todo1"],
+            hidden: formValues => !(formValues.todo1 === "0"),
+            required: false,
+            render: (
+              <Button
+                type="primary"
+                onClick={() => {
+                  setSelectMovingCameraModalVisible(true);
+                }}
+              >
+                选择
+              </Button>
+            ),
+          },
+          {
+            label: "视频选择",
+            dependencies: ["todo1"],
+            hidden: formValues => !(formValues.todo1 === "1"),
+            required: false,
+            render: (
+              <Button
+                type="primary"
+                onClick={() => {
+                  setSelectFixedCameraModalVisible(true);
+                }}
+              >
+                选择
+              </Button>
+            ),
+          },
+          { name: "todo2", label: "视频名称", componentProps: { disabled: true } },
+          {
+            name: "todo3",
+            label: "播放地址",
+            componentProps: { disabled: true },
+            dependencies: ["todo1"],
+            hidden: formValues => !(formValues.todo1 === "0"),
+          },
+          { name: "todo4", label: "摄像头编号", componentProps: { disabled: true } },
+        ]}
+      />
+      {
+        selectMovingCameraModalVisible && (
+          <SelectMovingCameraModal
+            onCancel={() => {
+              setSelectMovingCameraModalVisible(false);
+            }}
+            onSubmit={(values) => {
+              form.setFieldValue("todo2", values.todo2);
+              form.setFieldValue("todo3", values.todo3);
+              form.setFieldValue("todo4", values.todo4);
+            }}
+          />
+        )
+      }
+      {
+        selectFixedCameraModalVisible && (
+          <SelectFixedCameraModal
+            onCancel={() => {
+              setSelectFixedCameraModalVisible(false);
+            }}
+            onSubmit={(values) => {
+              form.setFieldValue("todo2", values.todo2);
+              form.setFieldValue("todo4", values.todo4);
+            }}
+          />
+        )
+      }
+    </Modal>
+  );
+};
+
+const SelectMovingCameraModalComponent = (props) => {
+  const [playModalVisible, setPlayModalVisible] = useState(false);
+  const [playUrl, setPlayUrl] = useState("");
+
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["firstLevelDoorInfoMovingCameraList"], {
+    form,
+    useStorageQueryCriteria: false,
+  });
+
+  const onGetPlayUrl = async (id) => {
+    const { data } = await props["firstLevelDoorInfoCameraGetPlayUrl"]({ id });
+    setPlayModalVisible(true);
+    setPlayUrl(data);
+  };
+
+  return (
+    <Modal
+      open
+      onCancel={props.onCancel}
+      title="选择移动摄像头"
+      maskClosable={false}
+      width={1200}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <Search
+        labelCol={{ span: 8 }}
+        form={form}
+        onFinish={getData}
+        options={[
+          { name: "todo1", label: "视频名称" },
+          { name: "todo2", label: "所属相关方", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [] },
+          { name: "todo3", label: "使用单位" },
+          { name: "todo4", label: "负责人" },
+        ]}
+      />
+      <Table
+        options={false}
+        disabledResizer={true}
+        columns={[
+          { dataIndex: "todo1", title: "所属相关方" },
+          { dataIndex: "todo2", title: "所属单位" },
+          { dataIndex: "todo3", title: "视频型号" },
+          { dataIndex: "todo4", title: "视频名称" },
+          { dataIndex: "todo5", title: "播放地址" },
+          { dataIndex: "todo6", title: "摄像头编号" },
+          { dataIndex: "todo7", title: "负责人" },
+          { dataIndex: "todo8", title: "手机号" },
+          {
+            title: "操作",
+            width: 120,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    onGetPlayUrl(record.id);
+                  }}
+                >
+                  播放
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.onSubmit(record);
+                    props.onCancel();
+                  }}
+                >
+                  选择
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {
+        playModalVisible && (
+          <Video
+            onCancel={() => {
+              setPlayModalVisible(false);
+              setPlayUrl("");
+            }}
+            visible={playModalVisible}
+            source={playUrl}
+          />
+        )
+      }
+    </Modal>
+  );
+};
+
+const SelectFixedCameraModalComponent = (props) => {
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["firstLevelDoorInfoFixedCameraList"], {
+    form,
+    useStorageQueryCriteria: false,
+  });
+
+  return (
+    <Modal
+      open
+      onCancel={props.onCancel}
+      title="选择固定摄像头"
+      maskClosable={false}
+      width={1200}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <Search
+        form={form}
+        onFinish={getData}
+        options={[
+          { name: "todo1", label: "视频名称" },
+        ]}
+      />
+      <Table
+        options={false}
+        disabledResizer={true}
+        columns={[
+          { dataIndex: "todo1", title: "视频名称" },
+          { dataIndex: "todo2", title: "区域" },
+          {
+            title: "操作",
+            width: 120,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.onSubmit(record);
+                    props.onCancel();
+                  }}
+                >
+                  选择
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </Modal>
+  );
+};
+
+const InfoModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+
+  const getData = async () => {
+    const { data } = await props["firstLevelDoorInfoCameraInfo"]({ id: props.id });
+    setInfo(data);
+  };
+  useEffect(() => {
+    props.id && getData();
+  }, []);
+
+  return (
+    <Modal
+      open
+      onCancel={props.onCancel}
+      title="查看"
+      maskClosable={false}
+      loading={props.firstLevelDoorInfo.firstLevelDoorInfoCameraLoading}
+      width={600}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <Descriptions
+        column={1}
+        bordered
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "视频类型", children: getLabelName({ list: CAMERA_TYPE_ENUM, status: info.todo1 }) },
+          { label: "视频名称", children: info.todo2 },
+          ...(info.todo1 === "0" ? [{ label: "播放地址", children: info.todo3 }] : []),
+          { label: "摄像头编号", children: info.todo3 },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const BatchPlayModalComponent = (props) => {
+  const [playUrl, setPlayUrl] = useState([]);
+
+  const getData = async () => {
+    const { data } = await props["firstLevelDoorInfoCameraGetBatchPlayUrl"]({ ids: props.ids });
+    setPlayUrl(data);
+  };
+  useEffect(() => {
+    props.id && getData();
+  }, []);
+
+  return (
+    <Modal
+      open
+      onCancel={props.onCancel}
+      title="视频"
+      maskClosable={false}
+      loading={props.firstLevelDoorInfo.firstLevelDoorInfoCameraLoading}
+      width={1200}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <div style={{ display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: 20 }}>
+        {playUrl.map((item, index) => (
+          <AliPlayer key={index} height="300px" source={item} />
+        ))}
+      </div>
+    </Modal>
+  );
+};
+
+const PlayBackModal = (props) => {
+  return (
+    <Modal
+      open
+      onCancel={props.onCancel}
+      title="回放"
+      maskClosable={false}
+      width={1200}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <iframe
+        sandbox=""
+        src={props.url}
+        width="100%"
+        height="500"
+        allowFullScreen
+        allow="autoplay; fullscreen;microphone"
+        style="position: relative; border: none"
+      />
+    </Modal>
+  );
+};
+
+const AddModal = Connect([NS_FIRST_LEVEL_DOOR_INFO], true)(AddModalComponent);
+const SelectMovingCameraModal = Connect([NS_FIRST_LEVEL_DOOR_INFO], true)(SelectMovingCameraModalComponent);
+const SelectFixedCameraModal = Connect([NS_FIRST_LEVEL_DOOR_INFO], true)(SelectFixedCameraModalComponent);
+const InfoModal = Connect([NS_FIRST_LEVEL_DOOR_INFO], true)(InfoModalComponent);
+const BatchPlayModal = Connect([NS_FIRST_LEVEL_DOOR_INFO], true)(BatchPlayModalComponent);
+
+export default Connect([NS_FIRST_LEVEL_DOOR_INFO], true)(List);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Camera/index.js b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Camera/index.js
new file mode 100644
index 0000000..812f930
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Camera/index.js
@@ -0,0 +1,5 @@
+function Camera(props) {
+  return props.children;
+}
+
+export default Camera;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Channel/Camera/index.js b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Channel/Camera/index.js
new file mode 100644
index 0000000..21447dc
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Channel/Camera/index.js
@@ -0,0 +1,7 @@
+import CameraList from "../../Camera/List";
+
+function Camera() {
+  return (<CameraList />);
+}
+
+export default Camera;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Channel/FareGate/index.js b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Channel/FareGate/index.js
new file mode 100644
index 0000000..984db47
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Channel/FareGate/index.js
@@ -0,0 +1,302 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Form, message, Modal, Space } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import LocationIcon from "zy-react-library/components/Icon/LocationIcon";
+import Map from "zy-react-library/components/Map";
+import MapSelector from "zy-react-library/components/Map/MapSelector";
+import Page from "zy-react-library/components/Page";
+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 useTable from "zy-react-library/hooks/useTable";
+import { getLabelName } from "zy-react-library/utils";
+import { NS_FIRST_LEVEL_DOOR_INFO } from "~/enumerate/namespace";
+
+const FARE_GATE_TYPE_ENUM = [
+  { name: "入", bianma: "1" },
+  { name: "出", bianma: "2" },
+];
+
+const FARE_GATE_CATEGORY_ENUM = [
+  { name: "人行闸机", bianma: "1" },
+  { name: "车辆闸机", bianma: "2" },
+  { name: "综合闸机", bianma: "3" },
+];
+
+const FARE_GATE_STATUS_ENUM = [
+  { name: "停用", bianma: "0" },
+  { name: "正常", bianma: "1" },
+  { name: "暂时关闭", bianma: "2" },
+];
+
+function List(props) {
+  const [addModalVisible, setAddModalVisible] = useState(false);
+  const [currentId, setCurrentId] = useState("");
+  const [infoModalVisible, setInfoModalVisible] = useState(false);
+
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["firstLevelDoorInfoFareGateList"], {
+    form,
+    params: { eqAreaId: query.areaId, eqPassageId: query.passageId },
+  });
+
+  const onDelete = (id) => {
+    Modal.confirm({
+      title: "删除确认",
+      content: "确定要删除吗？",
+      onOk: async () => {
+        const { success } = await props["firstLevelDoorInfoFareGateDelete"]({ id });
+        if (success) {
+          message.success("删除成功");
+          getData();
+        }
+      },
+    });
+  };
+
+  return (
+    <Page headerTitle="设备">
+      <Search
+        form={form}
+        onFinish={getData}
+        options={[
+          { name: "likeGateName", label: "闸机名称" },
+          { name: "eqGateStatus", label: "闸机状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: FARE_GATE_STATUS_ENUM },
+          { name: "eqGateType", label: "闸机类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: FARE_GATE_TYPE_ENUM },
+          { name: "eqGateCategory", label: "闸机类别", render: FORM_ITEM_RENDER_ENUM.SELECT, items: FARE_GATE_CATEGORY_ENUM },
+        ]}
+      />
+      <Table
+        toolBarRender={() => (
+          <Space>
+            <Button
+              type="primary"
+              icon={<AddIcon />}
+              onClick={() => {
+                setAddModalVisible(true);
+              }}
+            >
+              新增
+            </Button>
+          </Space>
+        )}
+        columns={[
+          { dataIndex: "gateName", title: "闸机名称" },
+          {
+            dataIndex: "gateCategory",
+            title: "闸机类别",
+            width: 100,
+            render: (_, record) => getLabelName({ list: FARE_GATE_CATEGORY_ENUM, status: record.gateCategory }),
+          },
+          {
+            dataIndex: "latitude",
+            title: "闸机位置",
+            render: (_, record) => `${record.latitude || ""}--${record.longitude || ""}`,
+          },
+          { dataIndex: "todo4", title: "摄像头个数", width: 100 },
+          {
+            dataIndex: "gateStatus",
+            title: "闸机状态",
+            width: 100,
+            render: (_, record) => getLabelName({ list: FARE_GATE_STATUS_ENUM, status: record.gateStatus }),
+          },
+          {
+            title: "操作",
+            width: 240,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setAddModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  编辑
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./camera?id=${record.id}`);
+                  }}
+                >
+                  添加摄像头
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setInfoModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  danger
+                  onClick={() => {
+                    onDelete(record.id);
+                  }}
+                >
+                  删除
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {
+        addModalVisible && (
+          <AddModal
+            onCancel={() => {
+              setAddModalVisible(false);
+              setCurrentId("");
+            }}
+            id={currentId}
+            areaId={query.areaId}
+            passageId={query.passageId}
+            getData={getData}
+          />
+        )
+      }
+      {
+        infoModalVisible && (
+          <InfoModal
+            onCancel={() => {
+              setInfoModalVisible(false);
+              setCurrentId("");
+            }}
+            id={currentId}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+const AddModalComponent = (props) => {
+  const [form] = Form.useForm();
+
+  const getData = async () => {
+    const { data } = await props["firstLevelDoorInfoFareGateInfo"]({ id: props.id });
+    form.setFieldsValue({
+      ...data,
+      gateType: data.gateType.toString(),
+      gateCategory: data.gateCategory.toString(),
+      gateStatus: data.gateStatus.toString(),
+    });
+  };
+  useEffect(() => {
+    props.id && getData();
+  }, []);
+
+  const onSubmit = async (values) => {
+    const { success } = await props[!props.id ? "firstLevelDoorInfoFareGateAdd" : "firstLevelDoorInfoFareGateEdit"]({
+      ...values,
+      id: props.id,
+      areaId: props.areaId,
+      passageId: props.passageId,
+    });
+    if (success) {
+      props.onCancel();
+      props.getData();
+    }
+  };
+
+  return (
+    <Modal
+      open
+      onCancel={props.onCancel}
+      onOk={form.submit}
+      title={props.id ? "编辑" : "新增"}
+      maskClosable={false}
+      confirmLoading={props.firstLevelDoorInfo.firstLevelDoorInfoFareGateLoading}
+      width={800}
+    >
+      <FormBuilder
+        labelCol={{ span: 6 }}
+        form={form}
+        loading={props.firstLevelDoorInfo.firstLevelDoorInfoFareGateLoading}
+        span={24}
+        onFinish={onSubmit}
+        showActionButtons={false}
+        options={[
+          { name: "gateType", label: "闸机类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: FARE_GATE_TYPE_ENUM },
+          { name: "gateName", label: "闸机名称" },
+          { name: "gateCategory", label: "闸机类别", render: FORM_ITEM_RENDER_ENUM.SELECT, items: FARE_GATE_CATEGORY_ENUM },
+          { name: "gateModel", label: "闸机型号" },
+          { name: "gatePosition", label: "闸机位置" },
+          { key: "map", customizeRender: true, render: <Map type="cesium" /> },
+          { name: "gateStatus", label: "闸机状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: FARE_GATE_STATUS_ENUM },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const InfoModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+  const [mapVisible, setMapVisible] = useState(false);
+
+  const getData = async () => {
+    const { data } = await props["firstLevelDoorInfoFareGateInfo"]({ id: props.id });
+    setInfo(data);
+  };
+  useEffect(() => {
+    props.id && getData();
+  }, []);
+
+  return (
+    <Modal
+      open
+      onCancel={props.onCancel}
+      title="查看"
+      maskClosable={false}
+      loading={props.firstLevelDoorInfo.firstLevelDoorInfoFareGateLoading}
+      width={600}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <Descriptions
+        column={1}
+        bordered
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "闸机类型", children: getLabelName({ list: FARE_GATE_TYPE_ENUM, status: info.gateType }) },
+          { label: "闸机名称", children: info.gateName },
+          { label: "闸机类别", children: getLabelName({ list: FARE_GATE_CATEGORY_ENUM, status: info.gateCategory }) },
+          { label: "闸机型号", children: info.gateModel },
+          { label: "闸机位置", children: info.gatePosition },
+          {
+            label: "地理位置",
+            children: (
+              <LocationIcon onClick={() => {
+                setMapVisible(true);
+              }}
+              />
+            ),
+          },
+          { label: "闸机状态", children: getLabelName({ list: FARE_GATE_STATUS_ENUM, status: info.gateStatus }) },
+        ]}
+      />
+      <MapSelector
+        visible={mapVisible}
+        onClose={() => setMapVisible(false)}
+        longitude={info.longitude}
+        latitude={info.latitude}
+        disable={true}
+        type="cesium"
+      />
+    </Modal>
+  );
+};
+
+const AddModal = Connect([NS_FIRST_LEVEL_DOOR_INFO], true)(AddModalComponent);
+const InfoModal = Connect([NS_FIRST_LEVEL_DOOR_INFO], true)(InfoModalComponent);
+export default Connect([NS_FIRST_LEVEL_DOOR_INFO], true)(List);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Channel/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Channel/List/index.js
new file mode 100644
index 0000000..54106cb
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Channel/List/index.js
@@ -0,0 +1,276 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Form, message, Modal, Space } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import LocationIcon from "zy-react-library/components/Icon/LocationIcon";
+import Map from "zy-react-library/components/Map";
+import MapSelector from "zy-react-library/components/Map/MapSelector";
+import Page from "zy-react-library/components/Page";
+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 useTable from "zy-react-library/hooks/useTable";
+import { getLabelName } from "zy-react-library/utils";
+import { NS_FIRST_LEVEL_DOOR_INFO } from "~/enumerate/namespace";
+
+const CHANNEL_TYPE_ENUM = [
+  { name: "人行通道", bianma: "1" },
+  { name: "车辆通道", bianma: "2" },
+  { name: "综合通道", bianma: "3" },
+];
+
+const CHANNEL_STATUS_ENUM = [
+  { name: "停用", bianma: "0" },
+  { name: "正常", bianma: "1" },
+  { name: "暂时关闭", bianma: "2" },
+];
+
+function List(props) {
+  const [addModalVisible, setAddModalVisible] = useState(false);
+  const [currentId, setCurrentId] = useState("");
+  const [infoModalVisible, setInfoModalVisible] = useState(false);
+
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["firstLevelDoorInfoChannelList"], {
+    form,
+    params: { eqAreaId: query.areaId },
+  });
+
+  const onDelete = (id) => {
+    Modal.confirm({
+      title: "删除确认",
+      content: "确定要删除吗？",
+      onOk: async () => {
+        const { success } = await props["firstLevelDoorInfoChannelDelete"]({ id });
+        if (success) {
+          message.success("删除成功");
+          getData();
+        }
+      },
+    });
+  };
+
+  return (
+    <Page headerTitle="通道">
+      <Search
+        form={form}
+        onFinish={getData}
+        options={[
+          { name: "likePassageName", label: "通道名称" },
+          { name: "eqPassageStatus", label: "通道状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: CHANNEL_STATUS_ENUM },
+          { name: "eqPassageType", label: "通道类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: CHANNEL_TYPE_ENUM },
+        ]}
+      />
+      <Table
+        toolBarRender={() => (
+          <Space>
+            <Button
+              type="primary"
+              icon={<AddIcon />}
+              onClick={() => {
+                setAddModalVisible(true);
+              }}
+            >
+              新增
+            </Button>
+          </Space>
+        )}
+        columns={[
+          {
+            dataIndex: "passageType",
+            title: "通道类型",
+            width: 100,
+            render: (_, record) => getLabelName({ list: CHANNEL_TYPE_ENUM, status: record.passageType }),
+          },
+          { dataIndex: "passageName", title: "通道名称" },
+          { dataIndex: "gateNum", title: "设备数", width: 100 },
+          {
+            title: "操作",
+            width: 240,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setInfoModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setAddModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  编辑
+                </Button>
+                <Button
+                  type="link"
+                  danger
+                  onClick={() => {
+                    onDelete(record.id);
+                  }}
+                >
+                  删除
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./fareGate?passageId=${record.id}&areaId=${query.areaId}`);
+                  }}
+                >
+                  添加设备
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {
+        addModalVisible && (
+          <AddModal
+            onCancel={() => {
+              setAddModalVisible(false);
+              setCurrentId("");
+            }}
+            id={currentId}
+            areaId={query.areaId}
+            getData={getData}
+          />
+        )
+      }
+      {
+        infoModalVisible && (
+          <InfoModal
+            onCancel={() => {
+              setInfoModalVisible(false);
+              setCurrentId("");
+            }}
+            id={currentId}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+const AddModalComponent = (props) => {
+  const [form] = Form.useForm();
+
+  const getData = async () => {
+    const { data } = await props["firstLevelDoorInfoChannelInfo"]({ id: props.id });
+    form.setFieldsValue({
+      ...data,
+      passageType: data.passageType.toString(),
+      passageStatus: data.passageStatus.toString(),
+    });
+  };
+  useEffect(() => {
+    props.id && getData();
+  }, []);
+
+  const onSubmit = async (values) => {
+    const { success } = await props[!props.id ? "firstLevelDoorInfoChannelAdd" : "firstLevelDoorInfoChannelEdit"]({
+      ...values,
+      id: props.id,
+      areaId: props.areaId,
+    });
+    if (success) {
+      props.onCancel();
+      props.getData();
+    }
+  };
+
+  return (
+    <Modal
+      open
+      onCancel={props.onCancel}
+      onOk={form.submit}
+      title={props.id ? "编辑" : "新增"}
+      maskClosable={false}
+      confirmLoading={props.firstLevelDoorInfo.firstLevelDoorInfoChannelLoading}
+      width={800}
+    >
+      <FormBuilder
+        labelCol={{ span: 6 }}
+        form={form}
+        loading={props.firstLevelDoorInfo.firstLevelDoorInfoChannelLoading}
+        span={24}
+        onFinish={onSubmit}
+        showActionButtons={false}
+        options={[
+          { name: "passageName", label: "通道名称" },
+          { name: "passageType", label: "通道类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: CHANNEL_TYPE_ENUM },
+          { name: "passageStatus", label: "通道状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: CHANNEL_STATUS_ENUM },
+          { key: "map", customizeRender: true, render: <Map type="cesium" /> },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const InfoModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+  const [mapVisible, setMapVisible] = useState(false);
+
+  const getData = async () => {
+    const { data } = await props["firstLevelDoorInfoChannelInfo"]({ id: props.id });
+    setInfo(data);
+  };
+  useEffect(() => {
+    props.id && getData();
+  }, []);
+
+  return (
+    <Modal
+      open
+      onCancel={props.onCancel}
+      title="查看"
+      maskClosable={false}
+      loading={props.firstLevelDoorInfo.firstLevelDoorInfoChannelLoading}
+      width={600}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <Descriptions
+        column={1}
+        bordered
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "通道名称", children: info.passageName },
+          { label: "通道类型", children: getLabelName({ list: CHANNEL_TYPE_ENUM, status: info.passageType }) },
+          { label: "通道状态", children: getLabelName({ list: CHANNEL_STATUS_ENUM, status: info.passageStatus }) },
+          {
+            label: "地理位置",
+            children: (
+              <LocationIcon onClick={() => {
+                setMapVisible(true);
+              }}
+              />
+            ),
+          },
+        ]}
+      />
+      <MapSelector
+        visible={mapVisible}
+        onClose={() => setMapVisible(false)}
+        longitude={info.longitude}
+        latitude={info.latitude}
+        disable={true}
+        type="cesium"
+      />
+    </Modal>
+  );
+};
+
+const AddModal = Connect([NS_FIRST_LEVEL_DOOR_INFO], true)(AddModalComponent);
+const InfoModal = Connect([NS_FIRST_LEVEL_DOOR_INFO], true)(InfoModalComponent);
+export default Connect([NS_FIRST_LEVEL_DOOR_INFO], true)(List);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Channel/index.js b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Channel/index.js
new file mode 100644
index 0000000..c9cc1ca
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/Channel/index.js
@@ -0,0 +1,5 @@
+function Channel(props) {
+  return props.children;
+}
+
+export default Channel;
diff --git a/src/pages/Container/MkmjArea/components/Area/index.js b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/List/index.js
similarity index 53%
rename from src/pages/Container/MkmjArea/components/Area/index.js
rename to src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/List/index.js
index 5f9a988..31991dd 100644
--- a/src/pages/Container/MkmjArea/components/Area/index.js
+++ b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/List/index.js
@@ -13,39 +13,47 @@ import Table from "zy-react-library/components/Table";
 import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
 import useTable from "zy-react-library/hooks/useTable";
 import { getLabelName } from "zy-react-library/utils";
-import { NS_MKMJAREA } from "~/enumerate/namespace";
+import { NS_FIRST_LEVEL_DOOR_INFO } from "~/enumerate/namespace";
 
-const AREA_TYPE = [
+const AREA_TYPE_ENUM = [
   { name: "人行口门", bianma: "1" },
   { name: "车行口门", bianma: "2" },
   { name: "综合口门", bianma: "3" },
 ];
 
-const AREA_STATUS = [
+const AREA_STATUS_ENUM = [
   { name: "停用", bianma: "0" },
   { name: "正常", bianma: "1" },
   { name: "暂时关闭", bianma: "2" },
 ];
+const areaLevel = 1;
 
-function MkmjArea(props) {
+function List(props) {
   const [addModalVisible, setAddModalVisible] = useState(false);
   const [infoModalVisible, setInfoModalVisible] = useState(false);
   const [currentId, setCurrentId] = useState("");
-  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
   const [form] = Form.useForm();
-  const { tableProps, getData } = useTable(props["mkmjAreaList"], {
+  const { tableProps, getData } = useTable(props["firstLevelDoorInfoList"], {
     form,
     params: {
-      eqAreaLevel: props.areaLevel,
+      eqAreaLevel: areaLevel,
     },
   });
 
-  const onDelete = async (record) => {
-    if (record.videoNum > 0 || record.passageNum > 0)
-      return message.warning("正在使用中的口门不能删除");
-    await props["mkmjAreaDelete"]({ id: record.id });
-    message.success("删除成功");
-    getData();
+  const onDelete = (record) => {
+    Modal.confirm({
+      title: "删除确认",
+      content: "确定要删除吗？",
+      onOk: async () => {
+        if (record.videoNum > 0 || record.passageNum > 0)
+          return message.warning("正在使用中的口门不能删除");
+        const { success } = await props["firstLevelDoorInfoDelete"]({ id: record.id });
+        if (success) {
+          message.success("删除成功");
+          getData();
+        }
+      },
+    });
   };
 
   return (
@@ -55,16 +63,12 @@ function MkmjArea(props) {
         onFinish={getData}
         options={[
           { name: "likeAreaName", label: "口门名称" },
-          { name: "eqAreaStatus", label: "口门状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: AREA_STATUS },
-          { name: "eqAreaType", label: "口门类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: AREA_TYPE },
+          { name: "eqAreaStatus", label: "口门状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: AREA_STATUS_ENUM },
+          { name: "eqAreaType", label: "口门类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: AREA_TYPE_ENUM },
           { name: "eqAreaParentId", label: "所属区域", render: <DictionarySelect dictValue="primeport_area" /> },
         ]}
       />
       <Table
-        rowSelection={{
-          selectedRowKeys,
-          onChange: selectedRowKeys => setSelectedRowKeys(selectedRowKeys),
-        }}
         toolBarRender={() => (
           <Space>
             <Button type="primary" icon={<AddIcon />} onClick={() => setAddModalVisible(true)}>新增</Button>
@@ -75,37 +79,30 @@ function MkmjArea(props) {
           {
             dataIndex: "areaType",
             title: "口门类型",
-            render: (_, record) => {
-              return record.areaType === 1 ? "人行口门" : record.areaType === 2 ? "车行口门" : "综合口门";
-            },
+            width: 120,
+            render: (_, record) => getLabelName({ list: AREA_TYPE_ENUM, status: record.areaType }),
           },
           { dataIndex: "areaName", title: "口门名称" },
           {
             dataIndex: "location",
             title: "口门位置",
-            render: (_, record) => {
-              return `${record.latitude || ""}--${record.longitude || ""}`;
-            },
+            render: (_, record) => `${record.latitude || ""}--${record.longitude || ""}`,
           },
-          { dataIndex: "corpInfoName", title: "管辖单位", hidden: props.areaLevel === 1 },
           {
             dataIndex: "videoNum",
             title: "视频个数",
-            render: (_, record) => {
-              return record.videoNum || 0;
-            },
+            width: 120,
+            render: (_, record) => record.videoNum || 0,
           },
           {
             dataIndex: "areaStatus",
             title: "口门状态",
-            render: (_, record) => {
-              return record.areaStatus === 0 ? "停用" : record.areaStatus === 1 ? "正常" : "暂时关闭";
-            },
+            width: 120,
+            render: (_, record) => getLabelName({ list: AREA_STATUS_ENUM, status: record.areaStatus }),
           },
           {
             title: "操作",
-            align: "center",
-            width: 200,
+            width: 300,
             render: (_, record) => (
               <Space>
                 <Button
@@ -130,12 +127,7 @@ function MkmjArea(props) {
                   type="link"
                   danger
                   onClick={() => {
-                    Modal.confirm({
-                      title: "确定删除吗？",
-                      onOk: async () => {
-                        await onDelete(record);
-                      },
-                    });
+                    onDelete(record);
                   }}
                 >
                   删除
@@ -143,7 +135,7 @@ function MkmjArea(props) {
                 <Button
                   type="link"
                   onClick={() => {
-                    props.history.push(`../../MkmjPassage?areaId=${record.areaId}`);
+                    props.history.push(`./channel/list?areaId=${record.id}`);
                   }}
                 >
                   添加通道
@@ -151,7 +143,7 @@ function MkmjArea(props) {
                 <Button
                   type="link"
                   onClick={() => {
-                    props.history.push(`../../MkmjGateVideo?areaGateId=${record.areaId}&deviceType=1`);
+                    props.history.push(`./camera/list?areaId=${record.id}`);
                   }}
                 >
                   添加摄像头
@@ -164,9 +156,7 @@ function MkmjArea(props) {
       />
       {addModalVisible && (
         <AddModal
-          currentId={currentId}
-          areaLevel={props.areaLevel}
-          isSupervise={props.isSupervise}
+          id={currentId}
           onCancel={() => {
             setAddModalVisible(false);
             setCurrentId("");
@@ -177,9 +167,7 @@ function MkmjArea(props) {
 
       {infoModalVisible && (
         <InfoModal
-          currentId={currentId}
-          areaLevel={props.areaLevel}
-          isSupervise={props.isSupervise}
+          id={currentId}
           onCancel={() => {
             setInfoModalVisible(false);
             setCurrentId("");
@@ -193,66 +181,56 @@ function MkmjArea(props) {
 
 function AddModalComponent(props) {
   const [form] = Form.useForm();
-  const [corpInfoList, setCorpInfoList] = useState([]);
 
-  useEffect(() => {
-    props["getCorpInfoList"]({}).then((res) => {
-      setCorpInfoList(res.data || []);
+  const getData = async () => {
+    const { data } = await props["firstLevelDoorInfoInfo"]({ id: props.id });
+    form.setFieldsValue({
+      ...data,
+      areaType: data.areaType.toString(),
+      areaStatus: data.areaStatus.toString(),
     });
+  };
+  useEffect(() => {
+    props.id && getData();
+  }, []);
 
-    if (props.currentId) {
-      props["mkmjAreaInfo"]({ id: props.currentId }).then((res) => {
-        form.setFieldsValue({
-          ...res.data,
-          areaType: `${res.data.areaType}`,
-          areaStatus: `${res.data.areaStatus}`,
-        });
-      });
+  const onSubmit = async (values) => {
+    const { success } = await props[!props.id ? "firstLevelDoorInfoAdd" : "firstLevelDoorInfoEdit"]({
+      ...values,
+      areaLevel,
+      id: props.id,
+    });
+    if (success) {
+      props.onCancel();
+      props.getData();
     }
-  }, [props.currentId]);
-  const onCancel = () => {
-    form.resetFields();
-    props.onCancel();
-  };
-  const submit = async (values) => {
-    await props[!props.currentId ? "mkmjAreaAdd" : "mkmjAreaEdit"]({ ...values, areaLevel: props.areaLevel, id: props.currentId });
-    onCancel();
-    props.getData();
   };
+
   return (
     <Modal
       open
-      onCancel={onCancel}
+      onCancel={props.onCancel}
       onOk={form.submit}
-      title={props.currentId ? "编辑" : "新增"}
-      loading={props.mkmjArea.loading}
+      title={props.id ? "编辑" : "新增"}
+      maskClosable={false}
+      confirmLoading={props.firstLevelDoorInfo.firstLevelDoorInfoLoading}
       width={800}
     >
       <FormBuilder
         labelCol={{ span: 6 }}
         form={form}
+        loading={props.firstLevelDoorInfo.firstLevelDoorInfoLoading}
         span={24}
-        onFinish={submit}
+        onFinish={onSubmit}
         showActionButtons={false}
         options={[
           { name: "areaParentId", label: "所属区域", render: <DictionarySelect dictValue="primeport_area" onGetLabel={label => form.setFieldValue("areaParentName", label)} /> },
           { name: "areaParentName", label: "所属区域", onlyForLabel: true },
-          {
-            name: "corpInfoId",
-            label: "管辖单位",
-            render: FORM_ITEM_RENDER_ENUM.SELECT,
-            items: corpInfoList,
-            itemsField: { valueKey: "id", labelKey: "corpName" },
-            componentProps: { onChange: value => form.setFieldValue("corpInfoName", getLabelName({ status: value, list: corpInfoList, idKey: "id", nameKey: "corpName" })) },
-            hidden: !(props.areaLevel === 2 && props.isSupervise),
-          },
-          { name: "corpInfoName", label: "管辖单位", onlyForLabel: true },
           { name: "areaName", label: "口门名称" },
-          { name: "areaType", label: "口门类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: AREA_TYPE },
+          { name: "areaType", label: "口门类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: AREA_TYPE_ENUM },
           { name: "areaRange", label: "口门位置" },
-          { key: "map", customizeRender: true, render: <Map /> },
-          { name: "areaStatus", label: "口门状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: AREA_STATUS },
-
+          { key: "map", customizeRender: true, render: <Map type="cesium" /> },
+          { name: "areaStatus", label: "口门状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: AREA_STATUS_ENUM },
         ]}
       />
     </Modal>
@@ -263,42 +241,40 @@ function InfoModalComponent(props) {
   const [info, setInfo] = useState({});
   const [mapVisible, setMapVisible] = useState(false);
 
+  const getData = async () => {
+    const { data } = await props["firstLevelDoorInfoInfo"]({ id: props.id });
+    setInfo(data);
+  };
+
   useEffect(() => {
-    if (props.currentId) {
-      props["mkmjAreaInfo"]({ id: props.currentId }).then((res) => {
-        setInfo(res.data);
-      });
-    }
-  }, [props.currentId]);
+    getData();
+  }, []);
 
   return (
     <Modal
       open
       onCancel={props.onCancel}
-      footer={<Button onClick={props.onCancel}>关闭</Button>}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>关闭</Button>,
+      ]}
+      maskClosable={false}
       title="查看"
-      loading={props.mkmjArea.loading}
+      loading={props.firstLevelDoorInfo.firstLevelDoorInfoLoading}
+      width={600}
     >
       <Descriptions
-        labelStyle={{ width: 200 }}
+        styles={{ label: { width: 200 } }}
         column={1}
         bordered
         items={[
-          { children: info.areaParentName, label: "所属区域" },
-          { children: info.corpInfoName, label: "管辖单位", hidden: props.areaLevel === 1 },
-          { children: info.areaName, label: "口门名称" },
-          { children: info.areaRange, label: "口门位置" },
-          { children: info.areaLevel === 1 ? "一级" : info.areaLevel === 2 ? "二级" : "三级", label: "区域级别" },
-          { children: info.areaType === 1 ? "人行口门" : info.areaType === 2 ? "车行口门" : "综合口门", label: "口门类型" },
-          { children: info.areaStatus === 0 ? "停用" : info.areaStatus === 1 ? "正常" : "暂时关闭", label: "区域状态" },
+          { label: "所属区域", children: info.areaParentName },
+          { label: "口门名称", children: info.areaName },
+          { label: "口门类型", children: getLabelName({ list: AREA_TYPE_ENUM, status: info.areaType }) },
+          { label: "口门位置", children: info.areaRange },
+          { label: "区域状态", children: getLabelName({ list: AREA_STATUS_ENUM, status: info.areaStatus }) },
           {
-            children: (
-              <LocationIcon onClick={() => {
-                setMapVisible(true);
-              }}
-              />
-            ),
             label: "位置",
+            children: (<LocationIcon onClick={() => { setMapVisible(true); }} />),
           },
         ]}
       />
@@ -309,11 +285,12 @@ function InfoModalComponent(props) {
         longitude={info.longitude}
         latitude={info.latitude}
         disable={true}
+        type="cesium"
       />
     </Modal>
   );
 }
 
-const AddModal = Connect([NS_MKMJAREA], true)(AddModalComponent);
-const InfoModal = Connect([NS_MKMJAREA], true)(InfoModalComponent);
-export default Connect([NS_MKMJAREA], true)(MkmjArea);
+const AddModal = Connect([NS_FIRST_LEVEL_DOOR_INFO], true)(AddModalComponent);
+const InfoModal = Connect([NS_FIRST_LEVEL_DOOR_INFO], true)(InfoModalComponent);
+export default Connect([NS_FIRST_LEVEL_DOOR_INFO], true)(List);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/index.js b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/index.js
new file mode 100644
index 0000000..0be139d
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/FirstLevelDoorInfo/index.js
@@ -0,0 +1,5 @@
+function FirstLevelDoorInfo(props) {
+  return props.children;
+}
+
+export default FirstLevelDoorInfo;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/index.js b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/index.js
new file mode 100644
index 0000000..e19b740
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/BasicInfo/index.js
@@ -0,0 +1,5 @@
+function BasicInfo(props) {
+  return props.children;
+}
+
+export default BasicInfo;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/List/index.js
new file mode 100644
index 0000000..afefc52
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/List/index.js
@@ -0,0 +1,56 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import Page from "zy-react-library/components/Page";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import useTable from "zy-react-library/hooks/useTable";
+import { NS_BRANCH_PERSONNEL_AND_VEHICLES } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["branchPersonnelAndVehiclesList"], {
+    form,
+  });
+
+  return (
+    <Page isShowAllAction={false}>
+      <Search
+        form={form}
+        labelCol={{ span: 4 }}
+        onFinish={getData}
+        options={[
+          { name: "todo1", label: "企业名称" },
+        ]}
+      />
+      <Table
+        columns={[
+          { title: "企业名称", dataIndex: "todo1" },
+          { title: "人员数", dataIndex: "todo2" },
+          { title: "人员车辆数", dataIndex: "todo3" },
+          { title: "单位车辆数", dataIndex: "todo4" },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 200,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./personnelAndVehicle/list?id=${record.id}`);
+                  }}
+                >
+                  人员及车辆详情
+                </Button>
+                <Button type="link">单位车辆详情</Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </Page>
+  );
+}
+
+export default Connect([NS_BRANCH_PERSONNEL_AND_VEHICLES], true)(List);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/List/index.js
new file mode 100644
index 0000000..bfb517e
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/List/index.js
@@ -0,0 +1,70 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import Page from "zy-react-library/components/Page";
+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 useTable from "zy-react-library/hooks/useTable";
+import { NS_BRANCH_PERSONNEL_AND_VEHICLES } from "~/enumerate/namespace";
+
+function List(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["branchPersonnelAndVehiclesPersonnelAndVehicleList"], {
+    form,
+    params: { id: query.id },
+  });
+
+  return (
+    <Page headerTitle="人员及车辆详情">
+      <Search
+        form={form}
+        onFinish={getData}
+        options={[
+          { name: "todo1", label: "姓名" },
+          { name: "todo2", label: "进出港时间", render: FORM_ITEM_RENDER_ENUM.DATE_RANGE },
+        ]}
+      />
+      <Table
+        columns={[
+          { title: "部门", dataIndex: "todo1" },
+          { title: "姓名", dataIndex: "todo2" },
+          { title: "岗位", dataIndex: "todo3" },
+          { title: "手机号", dataIndex: "todo4" },
+          { title: "证件号码", dataIndex: "todo5" },
+          { title: "人员编号", dataIndex: "todo6" },
+          { title: "车辆数", dataIndex: "todo7" },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 200,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./personnelRecords?id=${record.id}`);
+                  }}
+                >
+                  人员进出记录
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./vehicleManagement/list?id=${record.id}`);
+                  }}
+                >
+                  车辆管理
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </Page>
+  );
+}
+
+export default Connect([NS_BRANCH_PERSONNEL_AND_VEHICLES], true)(List);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/PersonnelRecords/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/PersonnelRecords/index.js
new file mode 100644
index 0000000..25002c4
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/PersonnelRecords/index.js
@@ -0,0 +1,7 @@
+import PersonnelRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/PersonnelRecords";
+
+function PersonnelRecords(props) {
+  return (<PersonnelRecordsPage {...props} />);
+}
+
+export default PersonnelRecords;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/ApprovalRecords/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/ApprovalRecords/index.js
new file mode 100644
index 0000000..fc2775c
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/ApprovalRecords/index.js
@@ -0,0 +1,9 @@
+import ApprovalRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/ApprovalRecords";
+
+function ApprovalRecords(props) {
+  return (
+    <ApprovalRecordsPage {...props} />
+  );
+}
+
+export default ApprovalRecords;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/List/index.js
new file mode 100644
index 0000000..797ec2e
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/List/index.js
@@ -0,0 +1,89 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import Page from "zy-react-library/components/Page";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+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 useTable from "zy-react-library/hooks/useTable";
+import { CURRENT_IN_PORT_STATUS_ENUM } from "~/enumerate/constant";
+import { NS_BRANCH_PERSONNEL_AND_VEHICLES } from "~/enumerate/namespace";
+
+function List(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["branchPersonnelAndVehiclesVehicleManagementList"], {
+    form,
+    params: { id: query.id },
+  });
+
+  return (
+    <Page headerTitle="车辆管理">
+      <Search
+        form={form}
+        onFinish={getData}
+        options={[
+          { name: "todo1", label: "车牌号" },
+          {
+            name: "todo2",
+            label: "当前在港状态",
+            render: FORM_ITEM_RENDER_ENUM.SELECT,
+            items: CURRENT_IN_PORT_STATUS_ENUM,
+          },
+          { name: "todo3", label: "访问港区范围", render: (<DictionarySelect dictValue="primeport_area" />) },
+          { name: "todo4", label: "访问开始时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+          { name: "todo5", label: "访问结束时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+        ]}
+      />
+      <Table
+        columns={[
+          { title: "车辆归属人", dataIndex: "todo1" },
+          { title: "车牌号", dataIndex: "todo2" },
+          { title: "车牌类型", dataIndex: "todo3" },
+          { title: "车辆类型", dataIndex: "todo4" },
+          { title: "访问港区范围", dataIndex: "todo5" },
+          { title: "访问起始时间", dataIndex: "todo6" },
+          { title: "访问结束时间", dataIndex: "todo7" },
+          { title: "当前在港状态", dataIndex: "todo8" },
+          {
+            title: "操作",
+            width: 200,
+            fixed: "right",
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./vehicleRecords?id=${record.id}`);
+                  }}
+                >
+                  车辆进出记录
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./approvalRecords?id=${record.id}`);
+                  }}
+                >
+                  审核记录
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./view?id=${record.id}`);
+                  }}
+                >
+                  查看
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </Page>
+  );
+}
+
+export default Connect([NS_BRANCH_PERSONNEL_AND_VEHICLES], true)(List);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/VehicleRecords/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/VehicleRecords/index.js
new file mode 100644
index 0000000..624508b
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/VehicleRecords/index.js
@@ -0,0 +1,9 @@
+import VehicleRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/VehicleRecords";
+
+function VehicleRecords(props) {
+  return (
+    <VehicleRecordsPage {...props} />
+  );
+}
+
+export default VehicleRecords;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/View/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/View/index.js
new file mode 100644
index 0000000..5a85753
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/View/index.js
@@ -0,0 +1,9 @@
+import ViewPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/View";
+
+function View(props) {
+  return (
+    <ViewPage {...props} />
+  );
+}
+
+export default View;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/index.js
new file mode 100644
index 0000000..9b9dbbe
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/index.js
@@ -0,0 +1,5 @@
+function VehicleManagement(props) {
+  return props.children;
+}
+
+export default VehicleManagement;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/index.js
new file mode 100644
index 0000000..5544eda
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/index.js
@@ -0,0 +1,5 @@
+function PersonnelAndVehicle(props) {
+  return props.children;
+}
+
+export default PersonnelAndVehicle;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/index.js
new file mode 100644
index 0000000..8dbc975
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/index.js
@@ -0,0 +1,5 @@
+function BranchPersonnelAndVehicles(props) {
+  return props.children;
+}
+
+export default BranchPersonnelAndVehicles;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/InspectDepartmentVehicles/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/InspectDepartmentVehicles/List/index.js
new file mode 100644
index 0000000..977d059
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/InspectDepartmentVehicles/List/index.js
@@ -0,0 +1,257 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider, Form, message, Modal, Space } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Page from "zy-react-library/components/Page";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useTable from "zy-react-library/hooks/useTable";
+import { LICENSE_PLATE_NUMBER } from "zy-react-library/regular";
+import { NS_INSPECT_DEPARTMENT_VEHICLES } from "~/enumerate/namespace";
+
+function List(props) {
+  const [currentId, setCurrentId] = useState("");
+  const [addModalVisible, setAddModalVisible] = useState(false);
+  const [viewModalVisible, setViewModalVisible] = useState(false);
+
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["inspectDepartmentVehiclesList"], {
+    form,
+  });
+
+  const onDelete = (id) => {
+    Modal.confirm({
+      title: "删除确认",
+      content: "确定要删除吗？",
+      onOk: async () => {
+        const { success } = await props["inspectDepartmentVehiclesDelete"]({ id });
+        if (success) {
+          message.success("删除成功");
+          getData();
+        }
+      },
+    });
+  };
+
+  return (
+    <Page isShowAllAction={false}>
+      <Search
+        options={[
+          { name: "todo1", label: "名称" },
+          { name: "todo2", label: "车牌号" },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        toolBarRender={() => (
+          <Space>
+            <Button
+              type="primary"
+              icon={(<AddIcon />)}
+              onClick={() => {
+                setAddModalVisible(true);
+              }}
+            >
+              新增
+            </Button>
+          </Space>
+        )}
+        columns={[
+          { title: "名称", dataIndex: "todo1" },
+          { title: "车牌号", dataIndex: "todo2" },
+          { title: "车牌类型", dataIndex: "todo3" },
+          { title: "车辆类型", dataIndex: "todo4" },
+          {
+            title: "操作",
+            width: 200,
+            fixed: "right",
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setViewModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setAddModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  编辑
+                </Button>
+                <Button
+                  type="link"
+                  danger
+                  onClick={() => {
+                    onDelete(record.id);
+                  }}
+                >
+                  删除
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./vehicleRecords?vehicleId=${record.id}`);
+                  }}
+                >
+                  车辆进出记录
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {
+        addModalVisible && (
+          <AddModal
+            id={currentId}
+            getData={getData}
+            onCancel={() => {
+              setAddModalVisible(false);
+              setCurrentId("");
+            }}
+          />
+        )
+      }
+      {
+        viewModalVisible && (
+          <ViewModal
+            id={currentId}
+            onCancel={() => {
+              setViewModalVisible(false);
+              setCurrentId("");
+            }}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+const AddModalComponent = (props) => {
+  const [form] = Form.useForm();
+
+  const getData = async () => {
+    const { data } = await props["inspectDepartmentVehiclesInfo"]({ id: props.id });
+    form.setFieldsValue(data);
+  };
+
+  useEffect(() => {
+    props.id && getData();
+  }, []);
+
+  const onSubmit = async (values) => {
+    const { success } = await props[!props.id ? "inspectDepartmentVehiclesAdd" : "inspectDepartmentVehiclesUpdate"]({
+      id: props.id,
+      ...values,
+    });
+    if (success) {
+      message.success("保存成功");
+      props.getData();
+      props.onCancel();
+    }
+  };
+
+  return (
+    <Modal
+      open
+      title={props.id ? "编辑" : "新增"}
+      maskClosable={false}
+      width={600}
+      onCancel={props.onCancel}
+      onOk={form.submit}
+      confirmLoading={props.inspectDepartmentVehicles.inspectDepartmentVehiclesLoading}
+    >
+      <FormBuilder
+        form={form}
+        loading={props.inspectDepartmentVehicles.inspectDepartmentVehiclesLoading}
+        showActionButtons={false}
+        onFinish={onSubmit}
+        span={24}
+        labelCol={{ span: 10 }}
+        values={{
+          todo2: [{}],
+        }}
+        options={[
+          { name: "todo1", label: "名称" },
+          { label: "车辆信息", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
+          { name: "todo2", render: FORM_ITEM_RENDER_ENUM.FORM_LIST, formListUniqueProps: {
+            options: field => ([
+              { name: [field, "todo1"], label: "车牌类型", render: (<DictionarySelect dictValue="LICENSE_PLATE_TYPE" />) },
+              { name: [field, "todo2"], label: "车牌号", rules: [{ pattern: LICENSE_PLATE_NUMBER, message: "请输入正确的车牌号" }] },
+              { name: [field, "todo3"], label: "车辆类型", render: (<DictionarySelect dictValue="VEHICLE_TYPE" />) },
+            ]),
+          } },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const ViewModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+
+  const getData = async () => {
+    const { data } = await props["inspectDepartmentVehiclesInfo"]({ id: props.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    props.id && getData();
+  }, []);
+
+  return (
+    <Modal
+      open
+      title="查看"
+      maskClosable={false}
+      width={600}
+      onCancel={props.onCancel}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+      loading={props.inspectDepartmentVehicles.inspectDepartmentVehiclesLoading}
+    >
+      <Descriptions
+        bordered
+        column={1}
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "名称", children: info.todo1 },
+        ]}
+      />
+      <Divider orientation="left">车辆信息</Divider>
+      {
+        info.todo2.map((item, index) => (
+          <Descriptions
+            key={index}
+            bordered
+            column={1}
+            styles={{ label: { width: 200 } }}
+            items={[
+              { label: "车牌类型", children: item.todo1 },
+              { label: "车牌号", children: item.todo2 },
+              { label: "车辆类型", children: item.todo3 },
+            ]}
+          />
+        ))
+      }
+    </Modal>
+  );
+};
+
+const AddModal = Connect([NS_INSPECT_DEPARTMENT_VEHICLES], true)(AddModalComponent);
+const ViewModal = Connect([NS_INSPECT_DEPARTMENT_VEHICLES], true)(ViewModalComponent);
+
+export default Connect([NS_INSPECT_DEPARTMENT_VEHICLES], true)(List);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/InspectDepartmentVehicles/VehicleRecords/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/InspectDepartmentVehicles/VehicleRecords/index.js
new file mode 100644
index 0000000..05fdb3c
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/InspectDepartmentVehicles/VehicleRecords/index.js
@@ -0,0 +1,7 @@
+import VehicleRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/VehicleRecords";
+
+function VehicleRecords(props) {
+  return (<VehicleRecordsPage {...props} />);
+}
+
+export default VehicleRecords;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/InspectDepartmentVehicles/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/InspectDepartmentVehicles/index.js
new file mode 100644
index 0000000..ff32846
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/InspectDepartmentVehicles/index.js
@@ -0,0 +1,5 @@
+function InspectDepartmentVehicles(props) {
+  return props.children;
+}
+
+export default InspectDepartmentVehicles;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/Add/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/Add/index.js
new file mode 100644
index 0000000..cd70bdb
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/Add/index.js
@@ -0,0 +1,102 @@
+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 Page from "zy-react-library/components/Page";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+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 { LICENSE_PLATE_NUMBER } from "zy-react-library/regular";
+import { NS_PERSONAL_VEHICLE } from "~/enumerate/namespace";
+
+function Add(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+
+  const getData = async () => {
+    const { data } = await props["personalVehicleInfo"]({ id: query.id });
+    form.setFieldsValue({
+      ...data,
+    });
+  };
+
+  useEffect(() => {
+    query.id && getData();
+  }, []);
+
+  const onSubmit = async (values) => {
+    const { success } = await props[!query.id ? "personalVehicleAdd" : "personalVehicleUpdate"]({
+      ...values,
+      id: query.id,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+
+  return (
+    <Page headerTitle={query.id ? "重新申请" : "新增"} isShowFooter={false}>
+      <FormBuilder
+        form={form}
+        loading={props.personalVehicle.personalVehicleLoading}
+        onFinish={onSubmit}
+        options={[
+          { name: "todo1", label: "车辆归属人", span: 24, componentProps: { disabled: !!query.id } },
+          { name: "todo4", label: "车牌类型", render: (<DictionarySelect dictValue="LICENSE_PLATE_TYPE" disabled={!!query.id} />) },
+          {
+            name: "todo5",
+            label: "车牌号",
+            rules: [{ pattern: LICENSE_PLATE_NUMBER, message: "请输入正确的车牌号" }],
+            componentProps: { disabled: !!query.id },
+          },
+          { name: "todo6", label: "车辆类型", render: (<DictionarySelect dictValue="VEHICLE_TYPE" disabled={!!query.id} />) },
+          { name: "todo7", label: "访问港区", render: (<DictionarySelect dictValue="primeport_area" />) },
+          { name: "todo8", label: "访问开始时间", render: FORM_ITEM_RENDER_ENUM.DATETIME },
+          { name: "todo9", label: "访问结束时间", render: FORM_ITEM_RENDER_ENUM.DATETIME },
+          {
+            name: "todo10",
+            label: "行驶证照片",
+            span: 24,
+            render: (
+              <Upload
+                maxCount={1}
+                size={5}
+                tipContent={(
+                  <div style={{ color: "red", fontSize: 12 }}>
+                    <div>1. 请拍摄行驶证正本和副本，确保四角完整、无遮挡</div>
+                    <div>2. 文字、印章清晰可见，避免反光</div>
+                    <div>3. 支持格式:.jpg/.jpeg/.png，单张5MB</div>
+                  </div>
+                )}
+              />
+            ),
+          },
+          {
+            name: "todo11",
+            label: "车辆图片",
+            span: 24,
+            render: (
+              <Upload
+                maxCount={4}
+                size={5}
+                tipContent={(
+                  <div style={{ color: "red", fontSize: 12 }}>
+                    <div>1.上限4张</div>
+                    <div>2. 请从车辆左前侧45°拍摄，车牌清晰可见</div>
+                    <div>3. 背景简洁，避免逆光或阴影</div>
+                    <div>4. 支持格式:.jpg/.jpeg/.png，单张5MB</div>
+                  </div>
+                )}
+              />
+            ),
+          },
+          { name: "todo12", label: "审批人", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [], span: 24 },
+        ]}
+      />
+    </Page>
+  );
+}
+
+export default Connect([NS_PERSONAL_VEHICLE], true)(Add);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/ApprovalRecords/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/ApprovalRecords/index.js
new file mode 100644
index 0000000..fc2775c
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/ApprovalRecords/index.js
@@ -0,0 +1,9 @@
+import ApprovalRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/ApprovalRecords";
+
+function ApprovalRecords(props) {
+  return (
+    <ApprovalRecordsPage {...props} />
+  );
+}
+
+export default ApprovalRecords;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/List/index.js
new file mode 100644
index 0000000..963825f
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/List/index.js
@@ -0,0 +1,123 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, message, Modal, Space } from "antd";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Page from "zy-react-library/components/Page";
+import Table from "zy-react-library/components/Table";
+import useTable from "zy-react-library/hooks/useTable";
+import { getLabelName } from "zy-react-library/utils";
+import { NS_PERSONAL_VEHICLE } from "~/enumerate/namespace";
+
+const VEHICLE_APPROVAL_STATUS_ENUM = [
+  { value: "1", label: "审批中" },
+  { value: "2", label: "通过" },
+  { value: "3", label: "已驳回" },
+];
+
+function List(props) {
+  const { tableProps, getData } = useTable(props["personalVehicleList"]);
+
+  const onDelete = (record) => {
+    Modal.confirm({
+      title: "删除确认",
+      content: "确定要删除吗？",
+      onOk: async () => {
+        const { success } = await props["personalVehicleDelete"]({ id: record.id });
+        if (success) {
+          message.success("删除成功");
+          getData();
+        }
+      },
+    });
+  };
+
+  return (
+    <Page isShowAllAction={false}>
+      <Table
+        toolBarRender={() => (
+          <Space>
+            <Button
+              icon={(<AddIcon />)}
+              type="primary"
+              onClick={() => {
+                props.history.push("./add");
+              }}
+            >
+              新增
+            </Button>
+          </Space>
+        )}
+        columns={[
+          { title: "车牌号", dataIndex: "todo1" },
+          { title: "车牌类型", dataIndex: "todo2" },
+          { title: "车辆类型", dataIndex: "todo3" },
+          { title: "访问港区范围", dataIndex: "todo4" },
+          { title: "访问开始时间", dataIndex: "todo" },
+          { title: "访问结束时间", dataIndex: "todo6" },
+          {
+            title: "审批状态",
+            dataIndex: "todo7",
+            render: (_, record) => getLabelName({ list: VEHICLE_APPROVAL_STATUS_ENUM, status: record.todo7 }),
+          },
+          {
+            title: "启用状态",
+            dataIndex: "todo8",
+            render: (_, record) => record.todo8 === 1 ? "启用" : "停用",
+          },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 300,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./vehicleRecords?id=${record.id}`);
+                  }}
+                >
+                  车辆进出记录
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./approvalRecord?id=${record.id}`);
+                  }}
+                >
+                  审批记录
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./view?id=${record.id}`);
+                  }}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./add?id=${record.id}`);
+                  }}
+                >
+                  重新申请
+                </Button>
+                <Button
+                  type="link"
+                  danger
+                  onClick={() => {
+                    onDelete(record.id);
+                  }}
+                >
+                  删除
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </Page>
+  );
+}
+
+export default Connect([NS_PERSONAL_VEHICLE], true)(List);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/VehicleRecords/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/VehicleRecords/index.js
new file mode 100644
index 0000000..131e27a
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/VehicleRecords/index.js
@@ -0,0 +1,9 @@
+import VehicleRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/VehicleRecords";
+
+function VehicleRecords(props) {
+  return (
+    <VehicleRecordsPage {...props} />
+  );
+}
+
+export default VehicleRecords;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/View/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/View/index.js
new file mode 100644
index 0000000..70944cb
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/View/index.js
@@ -0,0 +1,56 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Descriptions, Divider, Spin } from "antd";
+import { useEffect, useState } from "react";
+import Page from "zy-react-library/components/Page";
+import PreviewImg from "zy-react-library/components/PreviewImg";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_PERSONAL_VEHICLE } from "~/enumerate/namespace";
+
+function View(props) {
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState({});
+
+  const getData = async () => {
+    const { data } = await props["personalVehicleInfo"]({ id: query.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Page headerTitle="查看" contentPadding="0 20px 20px 20px">
+      <Spin spinning={props.personalVehicle.personalVehicleLoading}>
+        <Divider orientation="left">申请信息</Divider>
+        <Descriptions
+          column={2}
+          bordered
+          styles={{ label: { width: 200 } }}
+          items={[
+            { label: "车辆归属人", children: info.todo1, span: 24 },
+            { label: "车牌类型", children: info.todo2 },
+            { label: "车牌号", children: info.todo3 },
+            { label: "车辆类型", children: info.todo4 },
+            { label: "访问港区", children: info.todo5 },
+            { label: "访问开始时间", children: info.todo6 },
+            { label: "访问结束时间", children: info.todo7 },
+            { label: "行驶证照片", children: (<PreviewImg files={[info.todo8]} />), span: 24 },
+            { label: "车辆图片", children: (<PreviewImg files={[info.todo9]} />), span: 24 },
+          ]}
+        />
+        <Divider orientation="left">审批信息</Divider>
+        <Descriptions
+          column={1}
+          bordered
+          styles={{ label: { width: 200 } }}
+          items={[
+            { label: "审批人", children: info.todo10 },
+          ]}
+        />
+      </Spin>
+    </Page>
+  );
+}
+
+export default Connect([NS_PERSONAL_VEHICLE], true)(View);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/index.js
new file mode 100644
index 0000000..6927a4c
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PersonalVehicle/index.js
@@ -0,0 +1,5 @@
+function PersonalVehicle(props) {
+  return props.children;
+}
+
+export default PersonalVehicle;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/List/index.js
new file mode 100644
index 0000000..92c66c7
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/List/index.js
@@ -0,0 +1,51 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form } from "antd";
+import Page from "zy-react-library/components/Page";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import useTable from "zy-react-library/hooks/useTable";
+import { NS_PORT_BASED_UNITS_PERSONNEL_AND_VEHICLES } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["portBasedUnitsPersonnelAndVehiclesList"], {
+    form,
+  });
+
+  return (
+    <Page isShowAllAction={false}>
+      <Search
+        options={[
+          { name: "todo1", label: "驻港单位名称" },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        columns={[
+          { title: "驻港单位名称", dataIndex: "todo1" },
+          { title: "人员进出数", dataIndex: "todo2" },
+          { title: "人员车辆进出数", dataIndex: "todo3" },
+          {
+            title: "操作",
+            width: 150,
+            fixed: "right",
+            render: (_, record) => (
+              <Button
+                type="link"
+                onClick={() => {
+                  props.history.push(`./personnelAndVehicle/list?id=${record.id}`);
+                }}
+              >
+                人员及车辆详情
+              </Button>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </Page>
+  );
+}
+
+export default Connect([NS_PORT_BASED_UNITS_PERSONNEL_AND_VEHICLES], true)(List);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/List/index.js
new file mode 100644
index 0000000..d4297f6
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/List/index.js
@@ -0,0 +1,135 @@
+import useUrlState from "@ahooksjs/use-url-state";
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import { useEffect } from "react";
+import BackIcon from "zy-react-library/components/Icon/BackIcon";
+import DepartmentLeftTree from "zy-react-library/components/LeftTree/Department/Gwj";
+import Page from "zy-react-library/components/Page";
+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 useTable from "zy-react-library/hooks/useTable";
+import { NS_PORT_BASED_UNITS_PERSONNEL_AND_VEHICLES } from "~/enumerate/namespace";
+
+function List(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const [urlState, setUrlState] = useUrlState({
+    departmentId: "",
+    backDepartmentIds: [],
+  }, {
+    navigateMode: "replace",
+    parseOptions: {
+      arrayFormat: "index",
+    },
+    stringifyOptions: {
+      arrayFormat: "index",
+    },
+  });
+
+  const { tableProps, getData } = useTable(props["portBasedUnitsPersonnelAndVehiclesPersonnelAndVehicleList"], {
+    form,
+    params: () => ({ departmentId: urlState.departmentId, id: query.id }),
+    manual: true,
+  });
+
+  useEffect(() => {
+    getData();
+  }, [urlState.departmentId]);
+
+  return (
+    <Page headerTitle="人员及车辆详情">
+      <div style={{ display: "flex", gap: 20 }}>
+        <div style={{ width: 300 }}>
+          <DepartmentLeftTree
+            onGetNodePaths={(event) => {
+              const departmentId = event.at(-1).departmentId;
+              setUrlState({
+                departmentId,
+                backDepartmentIds: [...urlState.backDepartmentIds, urlState.departmentId],
+              });
+            }}
+            searchType="inType"
+            params={{ inType: [5] }}
+          />
+        </div>
+        <div style={{
+          backgroundColor: "rgb(241, 241, 242)",
+          width: 10,
+          marginTop: "-20px",
+          marginBottom: "-20px",
+          height: "calc(100vh - 112px)",
+        }}
+        >
+        </div>
+        <div style={{ width: "calc(100% - 300px - 50px)" }}>
+          <Search
+            options={[
+              { name: "todo1", label: "姓名" },
+              { name: "todo2", label: "进出港时间", render: FORM_ITEM_RENDER_ENUM.DATE_RANGE },
+            ]}
+            onFinish={getData}
+            form={form}
+          />
+          <Table
+            toolBarRender={() => (
+              <>
+                {
+                  urlState.departmentId !== "" && (
+                    <Button
+                      icon={<BackIcon />}
+                      onClick={() => {
+                        setUrlState({
+                          departmentId: urlState.backDepartmentIds.at(-1),
+                          backDepartmentIds: urlState.backDepartmentIds.slice(0, -1),
+                        });
+                      }}
+                    >
+                      返回
+                    </Button>
+                  )
+                }
+              </>
+            )}
+            columns={[
+              { title: "部门", dataIndex: "todo1" },
+              { title: "姓名", dataIndex: "todo2" },
+              { title: "岗位", dataIndex: "todo3" },
+              { title: "手机号", dataIndex: "todo4" },
+              { title: "车辆数", dataIndex: "todo5" },
+              {
+                title: "操作",
+                width: 200,
+                fixed: "right",
+                render: (_, record) => (
+                  <Space>
+                    <Button
+                      type="link"
+                      onClick={() => {
+                        props.history.push(`./personnelRecords?id=${record.id}`);
+                      }}
+                    >
+                      人员进出记录
+                    </Button>
+                    <Button
+                      type="link"
+                      onClick={() => {
+                        props.history.push(`./vehicleManagement/list?id=${record.id}`);
+                      }}
+                    >
+                      车辆管理
+                    </Button>
+                  </Space>
+                ),
+              },
+            ]}
+            {...tableProps}
+          />
+        </div>
+      </div>
+    </Page>
+  );
+}
+
+export default Connect([NS_PORT_BASED_UNITS_PERSONNEL_AND_VEHICLES], true)(List);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/PersonnelRecords/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/PersonnelRecords/index.js
new file mode 100644
index 0000000..7ecf79c
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/PersonnelRecords/index.js
@@ -0,0 +1,9 @@
+import PersonnelRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/PersonnelRecords";
+
+function PersonnelRecords(props) {
+  return (
+    <PersonnelRecordsPage {...props} />
+  );
+}
+
+export default PersonnelRecords;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/ApprovalRecords/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/ApprovalRecords/index.js
new file mode 100644
index 0000000..fc2775c
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/ApprovalRecords/index.js
@@ -0,0 +1,9 @@
+import ApprovalRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/ApprovalRecords";
+
+function ApprovalRecords(props) {
+  return (
+    <ApprovalRecordsPage {...props} />
+  );
+}
+
+export default ApprovalRecords;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/List/index.js
new file mode 100644
index 0000000..220c416
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/List/index.js
@@ -0,0 +1,9 @@
+import ListPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/BranchPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/List";
+
+function List(props) {
+  return (
+    <ListPage {...props} />
+  );
+}
+
+export default List;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/VehicleRecords/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/VehicleRecords/index.js
new file mode 100644
index 0000000..624508b
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/VehicleRecords/index.js
@@ -0,0 +1,9 @@
+import VehicleRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/VehicleRecords";
+
+function VehicleRecords(props) {
+  return (
+    <VehicleRecordsPage {...props} />
+  );
+}
+
+export default VehicleRecords;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/View/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/View/index.js
new file mode 100644
index 0000000..5a85753
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/View/index.js
@@ -0,0 +1,9 @@
+import ViewPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/View";
+
+function View(props) {
+  return (
+    <ViewPage {...props} />
+  );
+}
+
+export default View;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/index.js
new file mode 100644
index 0000000..9b9dbbe
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/VehicleManagement/index.js
@@ -0,0 +1,5 @@
+function VehicleManagement(props) {
+  return props.children;
+}
+
+export default VehicleManagement;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/index.js
new file mode 100644
index 0000000..5544eda
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/PersonnelAndVehicle/index.js
@@ -0,0 +1,5 @@
+function PersonnelAndVehicle(props) {
+  return props.children;
+}
+
+export default PersonnelAndVehicle;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/index.js
new file mode 100644
index 0000000..be01f3f
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/PortBasedUnitsPersonnelAndVehicles/index.js
@@ -0,0 +1,5 @@
+function PortBasedUnitsPersonnelAndVehicles(props) {
+  return props.children;
+}
+
+export default PortBasedUnitsPersonnelAndVehicles;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/List/index.js
new file mode 100644
index 0000000..3571494
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/List/index.js
@@ -0,0 +1,62 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import Page from "zy-react-library/components/Page";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import useTable from "zy-react-library/hooks/useTable";
+import { NS_STAKEHOLDER_PERSONNEL_AND_VEHICLES } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["stakeholderPersonnelAndVehiclesList"], {
+    form,
+  });
+
+  return (
+    <Page isShowAllAction={false}>
+      <Search
+        labelCol={{ span: 4 }}
+        options={[
+          { name: "todo1", label: "姓名" },
+          { name: "todo2", label: "项目名称" },
+        ]}
+        onFinish={getData}
+        form={form}
+      />
+      <Table
+        columns={[
+          { title: "相关方名称", dataIndex: "todo1" },
+          { title: "项目数", dataIndex: "todo2" },
+          {
+            title: "操作",
+            width: 200,
+            fixed: "right",
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./personnel/list?id=${record.id}`);
+                  }}
+                >
+                  人员列表
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./vehicle/list?id=${record.id}`);
+                  }}
+                >
+                  车辆列表
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </Page>
+  );
+}
+
+export default Connect([NS_STAKEHOLDER_PERSONNEL_AND_VEHICLES], true)(List);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/InAndOutRecords/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/InAndOutRecords/index.js
new file mode 100644
index 0000000..0aa75e5
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/InAndOutRecords/index.js
@@ -0,0 +1,9 @@
+import PersonnelRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/PersonnelRecords";
+
+function InAndOutRecords(props) {
+  return (
+    <PersonnelRecordsPage {...props} />
+  );
+}
+
+export default InAndOutRecords;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/List/index.js
new file mode 100644
index 0000000..a64dac9
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/List/index.js
@@ -0,0 +1,102 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Modal, Space } from "antd";
+import Page from "zy-react-library/components/Page";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import useTable from "zy-react-library/hooks/useTable";
+import { getLabelName } from "zy-react-library/utils";
+import { NS_STAKEHOLDER_PERSONNEL_AND_VEHICLES } from "~/enumerate/namespace";
+
+const STATUS_ENUM = [
+  { bianme: "1", name: "开启" },
+  { bianme: "2", name: "关闭" },
+];
+
+function List(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["stakeholderPersonnelAndVehiclesPersonnelList"], {
+    form,
+    params: { id: query.query },
+  });
+
+  const onUpdateStatus = (record) => {
+    const message = record.todo7 === 1 ? "关闭" : "开启";
+    Modal.confirm({
+      title: `${message}口门权限`,
+      content: record.todo7 === 1
+        ? (
+            <>
+              <div>该人员涉及其他单位项目，是否关闭本单位涉及项目的口门权限？</div>
+              <div style={{ color: "red" }}>若该人员在其他单位的项目中保持口门进出权限，则仍可进入港区。</div>
+            </>
+          )
+        : "该人员涉及其他单位项目，是否开启本单位涉及项目的口门权限？",
+      onOk: async () => {
+        const { success } = await props["stakeholderPersonnelAndVehiclesPersonnelUpdateStatus"]({ id: record.id });
+        if (success) {
+          message.success(`${message}成功`);
+          getData();
+        }
+      },
+    });
+  };
+
+  return (
+    <Page headerTitle="人员列表">
+      <Search
+        labelCol={{ span: 4 }}
+        options={[
+          { name: "todo1", label: "姓名" },
+          { name: "todo2", label: "项目名称" },
+        ]}
+        onFinish={getData}
+        form={form}
+      />
+      <Table
+        columns={[
+          { title: "项目名称", dataIndex: "todo1" },
+          { title: "姓名", dataIndex: "todo2" },
+          { title: "部门", dataIndex: "todo3" },
+          { title: "手机号", dataIndex: "todo4" },
+          { title: "时间范围", dataIndex: "todo5", render: (_, record) => `${record.todo5}-${record.todo6}` },
+          {
+            title: "口门权限",
+            dataIndex: "todo7",
+            render: (_, record) => getLabelName({ list: STATUS_ENUM, status: record.todo7 }),
+          },
+          {
+            title: "操作",
+            width: 200,
+            fixed: "right",
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    onUpdateStatus(record);
+                  }}
+                >
+                  {record.todo7 === 1 ? "关闭" : "开启"}
+                  口门权限
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./inAndOutRecords?id=${record.id}`);
+                  }}
+                >
+                  人员进出记录
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </Page>
+  );
+}
+
+export default Connect([NS_STAKEHOLDER_PERSONNEL_AND_VEHICLES], true)(List);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/index.js
similarity index 58%
rename from src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/index.js
rename to src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/index.js
index 360bc8b..1e0eca9 100644
--- a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/index.js
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Personnel/index.js
@@ -1,5 +1,5 @@
 function Personnel(props) {
-  return (<div>{props.children}</div>);
+  return props.children;
 }
 
 export default Personnel;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/InAndOutRecords/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/InAndOutRecords/index.js
new file mode 100644
index 0000000..196a928
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/InAndOutRecords/index.js
@@ -0,0 +1,9 @@
+import VehicleRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/VehicleRecords";
+
+function InAndOutRecords(props) {
+  return (
+    <VehicleRecordsPage {...props} />
+  );
+}
+
+export default InAndOutRecords;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/List/index.js
new file mode 100644
index 0000000..1afb08f
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/List/index.js
@@ -0,0 +1,102 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Modal, Space } from "antd";
+import Page from "zy-react-library/components/Page";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import useTable from "zy-react-library/hooks/useTable";
+import { getLabelName } from "zy-react-library/utils";
+import { NS_STAKEHOLDER_PERSONNEL_AND_VEHICLES } from "~/enumerate/namespace";
+
+const STATUS_ENUM = [
+  { bianme: "1", name: "开启" },
+  { bianme: "2", name: "关闭" },
+];
+
+function List(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["stakeholderPersonnelAndVehiclesVehicleList"], {
+    form,
+    params: { id: query.id },
+  });
+
+  const onUpdateStatus = (record) => {
+    const message = record.todo7 === 1 ? "关闭" : "开启";
+    Modal.confirm({
+      title: `${message}口门权限`,
+      content: record.todo7 === 1
+        ? (
+            <>
+              <div>该车辆涉及其他单位项目，是否关闭本单位涉及项目的口门权限？</div>
+              <div style={{ color: "red" }}>若该车辆在其他单位的项目中保持口门进出权限，则仍可进入港区。</div>
+            </>
+          )
+        : "该车辆涉及其他单位项目，是否开启本单位涉及项目的口门权限？",
+      onOk: async () => {
+        const { success } = await props["stakeholderPersonnelAndVehiclesVehicleUpdateStatus"]({ id: record.id });
+        if (success) {
+          message.success(`${message}成功`);
+          getData();
+        }
+      },
+    });
+  };
+
+  return (
+    <Page headerTitle="车辆列表">
+      <Search
+        labelCol={{ span: 4 }}
+        options={[
+          { name: "todo1", label: "车牌号" },
+        ]}
+        onFinish={getData}
+        form={form}
+      />
+      <Table
+        columns={[
+          { title: "车辆类型", dataIndex: "todo1" },
+          { title: "车牌类型", dataIndex: "todo2" },
+          { title: "车牌号", dataIndex: "todo3" },
+          { title: "驾驶人姓名", dataIndex: "todo4" },
+          { title: "驾驶人手机号", dataIndex: "todo5" },
+          { title: "包含项目数", dataIndex: "todo6" },
+          {
+            title: "口门权限",
+            dataIndex: "todo7",
+            render: (_, record) => getLabelName({ list: STATUS_ENUM, status: record.todo7 }),
+          },
+          {
+            title: "操作",
+            width: 200,
+            fixed: "right",
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    onUpdateStatus(record);
+                  }}
+                >
+                  {record.todo7 === 1 ? "关闭" : "开启"}
+                  口门权限
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./inAndOutRecords?id=${record.id}`);
+                  }}
+                >
+                  车辆进出记录
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </Page>
+  );
+}
+
+export default Connect([NS_STAKEHOLDER_PERSONNEL_AND_VEHICLES], true)(List);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/index.js
similarity index 56%
rename from src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/index.js
rename to src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/index.js
index 774b521..7c12ef9 100644
--- a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/index.js
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/Vehicle/index.js
@@ -1,5 +1,5 @@
 function Vehicle(props) {
-  return (<div>{props.children}</div>);
+  return props.children;
 }
 
 export default Vehicle;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/index.js
new file mode 100644
index 0000000..5588bf3
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StakeholderPersonnelAndVehicles/index.js
@@ -0,0 +1,5 @@
+function StakeholderPersonnelAndVehicles(props) {
+  return props.children;
+}
+
+export default StakeholderPersonnelAndVehicles;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/List/index.js
new file mode 100644
index 0000000..e4fe1ca
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/List/index.js
@@ -0,0 +1,208 @@
+import useUrlState from "@ahooksjs/use-url-state";
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, message, Modal, Space } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import BackIcon from "zy-react-library/components/Icon/BackIcon";
+import DepartmentLeftTree from "zy-react-library/components/LeftTree/Department/Gwj";
+import Page from "zy-react-library/components/Page";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useTable from "zy-react-library/hooks/useTable";
+import { NS_STOCK_PERSONNEL_AND_VEHICLES } from "~/enumerate/namespace";
+
+function List(props) {
+  const [authorizationModalVisible, setAuthorizationModalVisible] = useState(false);
+  const [currentId, setCurrentId] = useState("");
+  const [form] = Form.useForm();
+  const [urlState, setUrlState] = useUrlState({
+    departmentId: "",
+    backDepartmentIds: [],
+  }, {
+    navigateMode: "replace",
+    parseOptions: {
+      arrayFormat: "index",
+    },
+    stringifyOptions: {
+      arrayFormat: "index",
+    },
+  });
+
+  const { tableProps, getData } = useTable(props["stockPersonnelAndVehiclesList"], {
+    form,
+    params: () => ({ departmentId: urlState.departmentId }),
+    manual: true,
+  });
+
+  useEffect(() => {
+    getData();
+  }, [urlState.departmentId]);
+
+  return (
+    <Page isShowAllAction={false}>
+      <div style={{ display: "flex", gap: 20 }}>
+        <div style={{ width: 300 }}>
+          <DepartmentLeftTree
+            onGetNodePaths={(event) => {
+              const departmentId = event.at(-1).departmentId;
+              setUrlState({
+                departmentId,
+                backDepartmentIds: [...urlState.backDepartmentIds, urlState.departmentId],
+              });
+            }}
+          />
+        </div>
+        <div style={{
+          backgroundColor: "rgb(241, 241, 242)",
+          width: 10,
+          marginTop: "-20px",
+          marginBottom: "-20px",
+          height: "calc(100vh - 112px)",
+        }}
+        >
+        </div>
+        <div style={{ width: "calc(100% - 300px - 50px)" }}>
+          <Search labelCol={{ span: 4 }} options={[{ name: "todo1", label: "姓名" }]} onFinish={getData} form={form} />
+          <Table
+            toolBarRender={() => (
+              <>
+                {
+                  urlState.departmentId !== "" && (
+                    <Button
+                      icon={<BackIcon />}
+                      onClick={() => {
+                        setUrlState({
+                          departmentId: urlState.backDepartmentIds.at(-1),
+                          backDepartmentIds: urlState.backDepartmentIds.slice(0, -1),
+                        });
+                      }}
+                    >
+                      返回
+                    </Button>
+                  )
+                }
+              </>
+            )}
+            columns={[
+              { title: "部门", dataIndex: "todo1" },
+              { title: "姓名", dataIndex: "todo2" },
+              { title: "岗位", dataIndex: "todo3" },
+              { title: "手机号", dataIndex: "todo4" },
+              { title: "车辆数", dataIndex: "todo5" },
+              { title: "门禁权限", dataIndex: "todo6", render: (_, record) => record.todo6 === 1 ? "开启" : "关闭" },
+              { title: "是否录入人脸", dataIndex: "todo7", render: (_, record) => record.todo7 === 1 ? "是" : "否" },
+              {
+                title: "操作",
+                width: 200,
+                fixed: "right",
+                render: (_, record) => (
+                  <Space>
+                    <Button
+                      type="link"
+                      onClick={() => {
+                        setCurrentId(record.id);
+                        setAuthorizationModalVisible(true);
+                      }}
+                    >
+                      授权范围
+                    </Button>
+                    <Button
+                      type="link"
+                      onClick={() => {
+                        props.history.push(`./personnelRecords?id=${record.id}`);
+                      }}
+                    >
+                      人员进出记录
+                    </Button>
+                    <Button
+                      type="link"
+                      onClick={() => {
+                        props.history.push(`./vehicleManagement/list?id=${record.id}`);
+                      }}
+                    >
+                      车辆管理
+                    </Button>
+                  </Space>
+                ),
+              },
+            ]}
+            {...tableProps}
+          />
+        </div>
+      </div>
+      {
+        authorizationModalVisible && (
+          <AuthorizationModalVisible
+            onCancel={() => {
+              setAuthorizationModalVisible(false);
+              setCurrentId("");
+            }}
+            id={currentId}
+            getData={getData}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+const AuthorizationModalVisibleComponent = (props) => {
+  const [form] = Form.useForm();
+
+  const onSubmit = async (values) => {
+    const { success } = await props["stockPersonnelAndVehiclesAuthorization"]({
+      id: props.id,
+      ...values,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.onCancel();
+      props.getData();
+    }
+  };
+
+  return (
+    <Modal
+      title="授权范围"
+      open
+      width={600}
+      maskClosable={false}
+      onCancel={props.onCancel}
+      onOk={form.submit}
+      confirmLoading={props.stockPersonnelAndVehicles.stockPersonnelAndVehiclesLoading}
+    >
+      <FormBuilder
+        loading={props.stockPersonnelAndVehicles.stockPersonnelAndVehiclesLoading}
+        form={form}
+        showActionButtons={false}
+        onFinish={onSubmit}
+        span={24}
+        labelCol={{ span: 8 }}
+        values={{
+          todo1: "1",
+        }}
+        options={[
+          {
+            name: "todo1",
+            label: "是否授权",
+            render: FORM_ITEM_RENDER_ENUM.RADIO,
+            items: [{ bianma: "1", name: "是" }, { bianma: "0", name: "否" }],
+          },
+          {
+            name: "todo2",
+            label: "授权港区",
+            render: (<DictionarySelect dictValue="primeport_area" />),
+            dependencies: ["todo1"],
+            hidden: formValues => !(formValues.todo1 === "1"),
+          },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const AuthorizationModalVisible = Connect([NS_STOCK_PERSONNEL_AND_VEHICLES], true)(AuthorizationModalVisibleComponent);
+
+export default Connect([NS_STOCK_PERSONNEL_AND_VEHICLES], true)(List);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/PersonnelRecords/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/PersonnelRecords/index.js
new file mode 100644
index 0000000..116d8b7
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/PersonnelRecords/index.js
@@ -0,0 +1,54 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Form } from "antd";
+import Page from "zy-react-library/components/Page";
+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 useTable from "zy-react-library/hooks/useTable";
+import { getLabelName } from "zy-react-library/utils";
+import { NS_STOCK_PERSONNEL_AND_VEHICLES } from "~/enumerate/namespace";
+
+const ENTRY_AND_EXIT_STATUS_ENUM = [
+  { bianma: "1", name: "进" },
+  { bianma: "0", name: "出" },
+];
+
+function PersonnelRecords(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const { tableProps, getData } = useTable(props["stockPersonnelAndVehiclesPersonnelRecordsList"], {
+    form,
+    params: { id: query.id },
+  });
+
+  return (
+    <Page headerTitle="人员进出记录">
+      <Search
+        options={[
+          { name: "todo1", label: "进出港时间", render: FORM_ITEM_RENDER_ENUM.DATE_RANGE },
+          { name: "todo2", label: "进出状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: ENTRY_AND_EXIT_STATUS_ENUM },
+          { name: "todo3", label: "口门名称" },
+        ]}
+        onFinish={getData}
+        form={form}
+      />
+      <Table
+        columns={[
+          { title: "姓名", dataIndex: "todo1" },
+          {
+            title: "进出状态",
+            dataIndex: "todo2",
+            render: (_, record) => getLabelName({ list: ENTRY_AND_EXIT_STATUS_ENUM, status: record.todo2 }),
+          },
+          { title: "进出港时间", dataIndex: "todo3", render: (_, record) => `${record.todo3} - ${record.todo4}` },
+          { title: "口门名称", dataIndex: "todo5" },
+          { title: "开门类型", dataIndex: "todo6" },
+        ]}
+        {...tableProps}
+      />
+    </Page>
+  );
+}
+
+export default Connect([NS_STOCK_PERSONNEL_AND_VEHICLES], true)(PersonnelRecords);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/Add/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/Add/index.js
new file mode 100644
index 0000000..62e1b2d
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/Add/index.js
@@ -0,0 +1,121 @@
+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 Page from "zy-react-library/components/Page";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+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 useGetUserInfo from "zy-react-library/hooks/useGetUserInfo";
+import { LICENSE_PLATE_NUMBER } from "zy-react-library/regular";
+import { VEHICLE_TYPE_ENUM } from "~/enumerate/constant";
+import { NS_STOCK_PERSONNEL_AND_VEHICLES } from "~/enumerate/namespace";
+
+function Add(props) {
+  const query = useGetUrlQuery();
+  const { getUserInfo } = useGetUserInfo();
+  const [form] = Form.useForm();
+
+  const getData = async () => {
+    if (query.id) {
+      const { data } = await props["stockPersonnelAndVehiclesVehicleManagementInfo"]({ id: query.id });
+      form.setFieldsValue({
+        ...data,
+      });
+    }
+    else {
+      const userInfo = await getUserInfo();
+      form.setFieldsValue({
+        todo2: userInfo.departmentName,
+        todo3: userInfo.name,
+      });
+    }
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  const onSubmit = async (values) => {
+    const { success } = await props[!query.id ? "stockPersonnelAndVehiclesVehicleManagementAdd" : "stockPersonnelAndVehiclesVehicleManagementUpdate"]({
+      ...values,
+      id: query.id,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+
+  return (
+    <Page headerTitle={query.id ? "重新申请" : "新增"} isShowFooter={false}>
+      <FormBuilder
+        onFinish={onSubmit}
+        values={{
+          todo1: "2",
+        }}
+        loading={props.stockPersonnelAndVehicles.stockPersonnelAndVehiclesLoading}
+        options={[
+          {
+            name: "todo1",
+            label: "车辆所属类型",
+            render: FORM_ITEM_RENDER_ENUM.SELECT,
+            items: VEHICLE_TYPE_ENUM,
+            componentProps: { disabled: true },
+            span: 24,
+          },
+          { name: "todo2", label: "车辆所属部门", componentProps: { disabled: true } },
+          { name: "todo3", label: "车辆所属人", componentProps: { disabled: true } },
+          { name: "todo4", label: "车牌类型", render: (<DictionarySelect dictValue="LICENSE_PLATE_TYPE" />) },
+          { name: "todo5", label: "车牌号", rules: [{ pattern: LICENSE_PLATE_NUMBER, message: "请输入正确的车牌号" }] },
+          { name: "todo6", label: "车辆类型", render: (<DictionarySelect dictValue="VEHICLE_TYPE" />) },
+          { name: "todo7", label: "访问港区", render: (<DictionarySelect dictValue="primeport_area" />) },
+          { name: "todo8", label: "访问开始时间", render: FORM_ITEM_RENDER_ENUM.DATETIME },
+          { name: "todo9", label: "访问结束时间", render: FORM_ITEM_RENDER_ENUM.DATETIME },
+          {
+            name: "todo10",
+            label: "行驶证照片",
+            span: 24,
+            render: (
+              <Upload
+                maxCount={1}
+                size={5}
+                tipContent={(
+                  <div style={{ color: "red", fontSize: 12 }}>
+                    <div>1. 请拍摄行驶证正本和副本，确保四角完整、无遮挡</div>
+                    <div>2. 文字、印章清晰可见，避免反光</div>
+                    <div>3. 支持格式:.jpg/.jpeg/.png，单张5MB</div>
+                  </div>
+                )}
+              />
+            ),
+          },
+          {
+            name: "todo11",
+            label: "车辆图片",
+            span: 24,
+            render: (
+              <Upload
+                maxCount={4}
+                size={5}
+                tipContent={(
+                  <div style={{ color: "red", fontSize: 12 }}>
+                    <div>1.上限4张</div>
+                    <div>2. 请从车辆左前侧45°拍摄，车牌清晰可见</div>
+                    <div>3. 背景简洁，避免逆光或阴影</div>
+                    <div>4. 支持格式:.jpg/.jpeg/.png，单张5MB</div>
+                  </div>
+                )}
+              />
+            ),
+          },
+          { name: "todo12", label: "审批人", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [], span: 24 },
+        ]}
+        form={form}
+      />
+    </Page>
+  );
+}
+
+export default Connect([NS_STOCK_PERSONNEL_AND_VEHICLES], true)(Add);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/ApprovalRecords/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/ApprovalRecords/index.js
new file mode 100644
index 0000000..f565970
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/ApprovalRecords/index.js
@@ -0,0 +1,198 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Modal } from "antd";
+import { useEffect, useState } from "react";
+import Page from "zy-react-library/components/Page";
+import PreviewImg from "zy-react-library/components/PreviewImg";
+import Table from "zy-react-library/components/Table";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import useTable from "zy-react-library/hooks/useTable";
+import { getLabelName } from "zy-react-library/utils";
+import { VEHICLE_TYPE_ENUM } from "~/enumerate/constant";
+import { NS_STOCK_PERSONNEL_AND_VEHICLES } from "~/enumerate/namespace";
+
+function ApprovalRecords(props) {
+  const [currentId, setCurrentId] = useState("");
+  const [infoModalVisible, setInfoModalVisible] = useState(false);
+
+  const query = useGetUrlQuery();
+  const { tableProps } = useTable(props["stockPersonnelAndVehiclesVehicleManagementVehicleApprovalRecordsList"], {
+    params: { id: query.id },
+  });
+
+  return (
+    <Page headerTitle="审批记录">
+      <Table
+        columns={[
+          { title: "发起人", dataIndex: "todo1" },
+          { title: "发起时间", dataIndex: "todo2" },
+          { title: "审批人", dataIndex: "todo3" },
+          { title: "审批时间", dataIndex: "todo4" },
+          { title: "审批状态", dataIndex: "todo5" },
+          { title: "打回原因", dataIndex: "todo6" },
+          { title: "类型", dataIndex: "todo7" },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 150,
+            render: (_, record) => (
+              <Button
+                type="link"
+                onClick={() => {
+                  setInfoModalVisible(true);
+                  setCurrentId(record.id);
+                }}
+              >
+                车辆信息记录
+              </Button>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {
+        infoModalVisible && (
+          <InfoModal
+            id={currentId}
+            onCancel={() => {
+              setInfoModalVisible(false);
+              setCurrentId("");
+            }}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+const InfoModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+
+  const getData = async () => {
+    const { data } = await props["stockPersonnelAndVehiclesVehicleManagementVehicleApprovalRecordsInfo"]({ id: props.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Modal
+      open
+      title="车辆信息记录"
+      width={800}
+      maskClosable={false}
+      onCancel={props.onCancel}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+      loading={props.stockPersonnelAndVehicles.stockPersonnelAndVehiclesLoading}
+    >
+      <div>
+        <style>
+          {`
+            .comparison-table {
+              width: 100%;
+              border-collapse: collapse;
+            }
+            .comparison-table th,
+            .comparison-table td {
+              border: 1px solid #d9d9d9;
+              padding: 8px;
+              text-align: center;
+            }
+            .comparison-table th {
+              background-color: #f5f5f5;
+            }
+            .comparison-table .name-col {
+              width: 20%;
+            }
+            .comparison-table .before-col {
+              width: 40%;
+            }
+            .comparison-table .after-col {
+              width: 40%;
+            }
+          `}
+        </style>
+        <table className="comparison-table">
+          <thead>
+            <tr>
+              <th className="name-col">名称</th>
+              <th className="before-col">变更前</th>
+              <th className="after-col">变更后</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <th>车辆所属类型</th>
+              <td>{getLabelName({ list: VEHICLE_TYPE_ENUM, status: info.todo1 })}</td>
+              <td>{getLabelName({ list: VEHICLE_TYPE_ENUM, status: info.newTodo1 })}</td>
+            </tr>
+            <tr>
+              <th>车辆所属部门</th>
+              <td>{info.todo2}</td>
+              <td>{info.newTodo2}</td>
+            </tr>
+            {info.todo1 !== 1 && (
+              <tr>
+                <th>车辆归属人</th>
+                <td>{info.todo3}</td>
+                <td>{info.newTodo3}</td>
+              </tr>
+            )}
+            <tr>
+              <th>车牌号</th>
+              <td>{info.todo4}</td>
+              <td>{info.newTodo4}</td>
+            </tr>
+            <tr>
+              <th>车牌类型</th>
+              <td>{info.todo5}</td>
+              <td>{info.newTodo5}</td>
+            </tr>
+            <tr>
+              <th>车辆类型</th>
+              <td>{info.todo6}</td>
+              <td>{info.newTodo6}</td>
+            </tr>
+            <tr>
+              <th>访问港区范围</th>
+              <td>{info.todo7}</td>
+              <td>{info.newTodo7}</td>
+            </tr>
+            <tr>
+              <th>访问开始时间</th>
+              <td>{info.todo8}</td>
+              <td>{info.newTodo8}</td>
+            </tr>
+            <tr>
+              <th>访问结束时间</th>
+              <td>{info.todo9}</td>
+              <td>{info.newTodo9}</td>
+            </tr>
+            <tr>
+              <th>行驶证照片</th>
+              <td><PreviewImg files={[info.todo10]} /></td>
+              <td><PreviewImg files={[info.newTodo10]} /></td>
+            </tr>
+            <tr>
+              <th>车辆照片</th>
+              <td><PreviewImg files={[info.todo11]} /></td>
+              <td><PreviewImg files={[info.newTodo11]} /></td>
+            </tr>
+            <tr>
+              <th>审批人</th>
+              <td>{info.todo12}</td>
+              <td>{info.newTodo12}</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </Modal>
+  );
+};
+
+const InfoModal = Connect([NS_STOCK_PERSONNEL_AND_VEHICLES], true)(InfoModalComponent);
+
+export default Connect([NS_STOCK_PERSONNEL_AND_VEHICLES], true)(ApprovalRecords);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/List/index.js
new file mode 100644
index 0000000..b4cf696
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/List/index.js
@@ -0,0 +1,166 @@
+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 Page from "zy-react-library/components/Page";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+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 useTable from "zy-react-library/hooks/useTable";
+import { getLabelName } from "zy-react-library/utils";
+import { NS_STOCK_PERSONNEL_AND_VEHICLES } from "~/enumerate/namespace";
+
+const VEHICLE_APPROVAL_STATUS_ENUM = [
+  { value: "1", label: "审批中" },
+  { value: "2", label: "通过" },
+  { value: "3", label: "已驳回" },
+];
+
+function List(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const { tableProps, getData } = useTable(props["stockPersonnelAndVehiclesVehicleManagementList"], {
+    form,
+    params: { id: query.id },
+  });
+
+  const onDelete = (record) => {
+    Modal.confirm({
+      title: "删除确认",
+      content: "确定要删除吗？",
+      onOk: async () => {
+        const { success } = await props["stockPersonnelAndVehiclesVehicleManagementDelete"]({ id: record.id });
+        if (success) {
+          message.success("删除成功");
+          getData();
+        }
+      },
+    });
+  };
+
+  const onUpdateStatus = (record) => {
+    const message = record.todo9 === 1 ? "停用" : "启用";
+    Modal.confirm({
+      title: `${message}确认`,
+      content: `确定要${message}吗？`,
+      onOk: async () => {
+        const { success } = await props["stockPersonnelAndVehiclesVehicleManagementUpdateStatus"]({ id: record.id });
+        if (success) {
+          message.success(`${message}成功`);
+          getData();
+        }
+      },
+    });
+  };
+
+  return (
+    <Page headerTitle="车辆管理">
+      <Search
+        options={[
+          { name: "todo1", label: "车牌号" },
+          { name: "todo2", label: "访问港区范围", render: (<DictionarySelect dictValue="primeport_area" />) },
+          { name: "todo3", label: "访问开始时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+          { name: "todo4", label: "访问结束时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        toolBarRender={() => (
+          <Space>
+            <Button
+              icon={(<AddIcon />)}
+              type="primary"
+              onClick={() => {
+                props.history.push("./add");
+              }}
+            >
+              新增
+            </Button>
+          </Space>
+        )}
+        columns={[
+          { title: "车辆归属人", dataIndex: "todo1" },
+          { title: "车牌号", dataIndex: "todo2" },
+          { title: "车牌类型", dataIndex: "todo3" },
+          { title: "车辆类型", dataIndex: "todo4" },
+          { title: "访问港区范围", dataIndex: "todo5" },
+          { title: "访问起始时间", dataIndex: "todo6" },
+          { title: "访问结束时间", dataIndex: "todo7" },
+          {
+            title: "审批状态",
+            dataIndex: "todo8",
+            render: (_, record) => getLabelName({ list: VEHICLE_APPROVAL_STATUS_ENUM, status: record.todo8 }),
+          },
+          {
+            title: "启用状态",
+            dataIndex: "todo9",
+            render: (_, record) => record.todo9 === 1 ? "启用" : "停用",
+          },
+          {
+            title: "操作",
+            fixed: "right",
+            width: 200,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./vehicleRecords?id=${record.id}`);
+                  }}
+                >
+                  车辆进出记录
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./approvalRecords?id=${record.id}`);
+                  }}
+                >
+                  审批记录
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./view?id=${record.id}`);
+                  }}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./add?id=${record.id}`);
+                  }}
+                >
+                  重新申请
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    onUpdateStatus(record);
+                  }}
+                >
+                  {record.todo9 === 1 ? "停用" : "启用"}
+                </Button>
+                <Button
+                  type="link"
+                  danger
+                  onClick={() => {
+                    onDelete(record.id);
+                  }}
+                >
+                  删除
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </Page>
+  );
+}
+
+export default Connect([NS_STOCK_PERSONNEL_AND_VEHICLES], true)(List);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/VehicleRecords/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/VehicleRecords/index.js
new file mode 100644
index 0000000..cecc6b4
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/VehicleRecords/index.js
@@ -0,0 +1,56 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Form } from "antd";
+import Page from "zy-react-library/components/Page";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+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 useTable from "zy-react-library/hooks/useTable";
+import { getLabelName } from "zy-react-library/utils";
+import { NS_STOCK_PERSONNEL_AND_VEHICLES } from "~/enumerate/namespace";
+
+const ENTRY_AND_EXIT_STATUS_ENUM = [
+  { bianma: "1", name: "进" },
+  { bianma: "0", name: "出" },
+];
+
+function VehicleRecords(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const { tableProps, getData } = useTable(props["stockPersonnelAndVehiclesVehicleManagementVehicleRecordsList"], {
+    form,
+    params: { id: query.id },
+  });
+
+  return (
+    <Page headerTitle="车辆进出记录">
+      <Search
+        options={[
+          { name: "todo1", label: "口门名称" },
+          { name: "todo2", label: "所属港区", render: (<DictionarySelect dictValue="primeport_area" />) },
+          { name: "todo3", label: "进港时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+        ]}
+        onFinish={getData}
+        form={form}
+      />
+      <Table
+        columns={[
+          { title: "车辆所属人", dataIndex: "todo1" },
+          { title: "车牌号", dataIndex: "todo2" },
+          { title: "所属港区", dataIndex: "todo3" },
+          { title: "口门名称", dataIndex: "todo4" },
+          { title: "记录时间", dataIndex: "todo5" },
+          {
+            title: "进出状态",
+            dataIndex: "todo6",
+            render: (_, record) => getLabelName({ list: ENTRY_AND_EXIT_STATUS_ENUM, status: record.todo6 }),
+          },
+        ]}
+        {...tableProps}
+      />
+    </Page>
+  );
+}
+
+export default Connect([NS_STOCK_PERSONNEL_AND_VEHICLES], true)(VehicleRecords);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/View/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/View/index.js
new file mode 100644
index 0000000..ba76704
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/View/index.js
@@ -0,0 +1,58 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Descriptions, Divider, Spin } from "antd";
+import { useEffect, useState } from "react";
+import Page from "zy-react-library/components/Page";
+import PreviewImg from "zy-react-library/components/PreviewImg";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_STOCK_PERSONNEL_AND_VEHICLES } from "~/enumerate/namespace";
+
+function View(props) {
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState({});
+
+  const getData = async () => {
+    const { data } = await props["stockPersonnelAndVehiclesVehicleManagementInfo"]({ id: query.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Page headerTitle="查看" contentPadding="0 20px 20px 20px">
+      <Spin spinning={props.stockPersonnelAndVehicles.stockPersonnelAndVehiclesLoading}>
+        <Divider orientation="left">申请信息</Divider>
+        <Descriptions
+          column={2}
+          bordered
+          styles={{ label: { width: 200 } }}
+          items={[
+            { label: "车辆所属类型", children: info.todo1, span: 24 },
+            { label: "车辆所属部门", children: info.todo2 },
+            { label: "车辆所属人", children: info.todo3 },
+            { label: "车牌类型", children: info.todo4 },
+            { label: "车牌号", children: info.todo5 },
+            { label: "车辆类型", children: info.todo6 },
+            { label: "访问港区", children: info.todo7 },
+            { label: "访问开始时间", children: info.todo8 },
+            { label: "访问结束时间", children: info.todo9 },
+            { label: "行驶证照片", children: (<PreviewImg files={[info.todo10]} />), span: 24 },
+            { label: "车辆图片", children: (<PreviewImg files={[info.todo11]} />), span: 24 },
+          ]}
+        />
+        <Divider orientation="left">审批信息</Divider>
+        <Descriptions
+          column={1}
+          bordered
+          styles={{ label: { width: 200 } }}
+          items={[
+            { label: "审批人", children: info.todo12 },
+          ]}
+        />
+      </Spin>
+    </Page>
+  );
+}
+
+export default Connect([NS_STOCK_PERSONNEL_AND_VEHICLES], true)(View);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/index.js
new file mode 100644
index 0000000..9b9dbbe
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/index.js
@@ -0,0 +1,5 @@
+function VehicleManagement(props) {
+  return props.children;
+}
+
+export default VehicleManagement;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/index.js
new file mode 100644
index 0000000..acb107b
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/index.js
@@ -0,0 +1,5 @@
+function StockPersonnelAndVehicles(props) {
+  return props.children;
+}
+
+export default StockPersonnelAndVehicles;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/Add/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/Add/index.js
new file mode 100644
index 0000000..254b548
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/Add/index.js
@@ -0,0 +1,118 @@
+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 Page from "zy-react-library/components/Page";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+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 useGetUserInfo from "zy-react-library/hooks/useGetUserInfo";
+import { LICENSE_PLATE_NUMBER } from "zy-react-library/regular";
+import { VEHICLE_TYPE_ENUM } from "~/enumerate/constant";
+import { NS_STOCK_VEHICLES } from "~/enumerate/namespace";
+
+function Add(props) {
+  const query = useGetUrlQuery();
+  const { getUserInfo } = useGetUserInfo();
+  const [form] = Form.useForm();
+
+  const getData = async () => {
+    if (query.id) {
+      const { data } = await props["stockVehiclesInfo"]({ id: query.id });
+      form.setFieldsValue({
+        ...data,
+      });
+    }
+    else {
+      const userInfo = await getUserInfo();
+      form.setFieldsValue({
+        todo2: userInfo.departmentName,
+      });
+    }
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  const onSubmit = async (values) => {
+    const { success } = await props[!query.id ? "stockVehiclesAdd" : "stockVehiclesUpdate"]({
+      ...values,
+      id: query.id,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+
+  return (
+    <Page headerTitle={query.id ? "重新申请" : "新增"} isShowFooter={false}>
+      <FormBuilder
+        onFinish={onSubmit}
+        values={{
+          todo1: "1",
+        }}
+        loading={props.stockVehicles.stockVehiclesLoading}
+        options={[
+          {
+            name: "todo1",
+            label: "车辆所属类型",
+            render: FORM_ITEM_RENDER_ENUM.SELECT,
+            items: VEHICLE_TYPE_ENUM,
+            componentProps: { disabled: true },
+          },
+          { name: "todo2", label: "车辆所属部门", componentProps: { disabled: true } },
+          { name: "todo4", label: "车牌类型", render: (<DictionarySelect dictValue="LICENSE_PLATE_TYPE" />) },
+          { name: "todo5", label: "车牌号", rules: [{ pattern: LICENSE_PLATE_NUMBER, message: "请输入正确的车牌号" }] },
+          { name: "todo6", label: "车辆类型", render: (<DictionarySelect dictValue="VEHICLE_TYPE" />) },
+          { name: "todo7", label: "访问港区", render: (<DictionarySelect dictValue="primeport_area" />) },
+          { name: "todo8", label: "访问开始时间", render: FORM_ITEM_RENDER_ENUM.DATETIME },
+          { name: "todo9", label: "访问结束时间", render: FORM_ITEM_RENDER_ENUM.DATETIME },
+          {
+            name: "todo10",
+            label: "行驶证照片",
+            span: 24,
+            render: (
+              <Upload
+                maxCount={1}
+                size={5}
+                tipContent={(
+                  <div style={{ color: "red", fontSize: 12 }}>
+                    <div>1. 请拍摄行驶证正本和副本，确保四角完整、无遮挡</div>
+                    <div>2. 文字、印章清晰可见，避免反光</div>
+                    <div>3. 支持格式:.jpg/.jpeg/.png，单张5MB</div>
+                  </div>
+                )}
+              />
+            ),
+          },
+          {
+            name: "todo11",
+            label: "车辆图片",
+            span: 24,
+            render: (
+              <Upload
+                maxCount={4}
+                size={5}
+                tipContent={(
+                  <div style={{ color: "red", fontSize: 12 }}>
+                    <div>1.上限4张</div>
+                    <div>2. 请从车辆左前侧45°拍摄，车牌清晰可见</div>
+                    <div>3. 背景简洁，避免逆光或阴影</div>
+                    <div>4. 支持格式:.jpg/.jpeg/.png，单张5MB</div>
+                  </div>
+                )}
+              />
+            ),
+          },
+          { name: "todo12", label: "审批人", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [], span: 24 },
+        ]}
+        form={form}
+      />
+    </Page>
+  );
+}
+
+export default Connect([NS_STOCK_VEHICLES], true)(Add);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/ApprovalRecords/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/ApprovalRecords/index.js
new file mode 100644
index 0000000..fc2775c
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/ApprovalRecords/index.js
@@ -0,0 +1,9 @@
+import ApprovalRecordsPage from "~/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockPersonnelAndVehicles/VehicleManagement/ApprovalRecords";
+
+function ApprovalRecords(props) {
+  return (
+    <ApprovalRecordsPage {...props} />
+  );
+}
+
+export default ApprovalRecords;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/List/index.js
new file mode 100644
index 0000000..a96fe91
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/List/index.js
@@ -0,0 +1,194 @@
+import useUrlState from "@ahooksjs/use-url-state";
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Modal, Space } from "antd";
+import { useEffect } from "react";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import BackIcon from "zy-react-library/components/Icon/BackIcon";
+import DepartmentLeftTree from "zy-react-library/components/LeftTree/Department/Gwj";
+import Page from "zy-react-library/components/Page";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useTable from "zy-react-library/hooks/useTable";
+import { CURRENT_IN_PORT_STATUS_ENUM } from "~/enumerate/constant";
+import { NS_STOCK_VEHICLES } from "~/enumerate/namespace";
+
+const APPROVAL_STATUS_ENUM = [
+  { name: "通过", bianma: "1" },
+  { name: "不通过", bianma: "2" },
+  { name: "审核中", bianma: "3" },
+];
+function List(props) {
+  const [form] = Form.useForm();
+  const [urlState, setUrlState] = useUrlState({
+    departmentId: "",
+    backDepartmentIds: [],
+  }, {
+    navigateMode: "replace",
+    parseOptions: {
+      arrayFormat: "index",
+    },
+    stringifyOptions: {
+      arrayFormat: "index",
+    },
+  });
+
+  const { tableProps, getData } = useTable(props["stockVehiclesList"], {
+    form,
+    params: () => ({ departmentId: urlState.departmentId }),
+    manual: true,
+  });
+
+  useEffect(() => {
+    getData();
+  }, [urlState.departmentId]);
+
+  const onUpdateStatus = (record) => {
+    const message = record.todo6 === 1 ? "关闭" : "开启";
+    Modal.confirm({
+      title: `${message}确认`,
+      content: `确定要${message}吗？`,
+      onOk: async () => {
+        const { success } = await props["stockVehiclesUpdateStatus"]({ id: record.id });
+        if (success) {
+          message.success(`${message}成功`);
+          getData();
+        }
+      },
+    });
+  };
+
+  return (
+    <Page isShowAllAction={false}>
+      <div style={{ display: "flex", gap: 20 }}>
+        <div style={{ width: 300 }}>
+          <DepartmentLeftTree
+            onGetNodePaths={(event) => {
+              const departmentId = event.at(-1).departmentId;
+              setUrlState({
+                departmentId,
+                backDepartmentIds: [...urlState.backDepartmentIds, urlState.departmentId],
+              });
+            }}
+          />
+        </div>
+        <div style={{
+          backgroundColor: "rgb(241, 241, 242)",
+          width: 10,
+          marginTop: "-20px",
+          marginBottom: "-20px",
+          height: "calc(100vh - 112px)",
+        }}
+        >
+        </div>
+        <div style={{ width: "calc(100% - 300px - 50px)" }}>
+          <Search
+            labelCol={{ span: 8 }}
+            options={[
+              { name: "todo1", label: "车牌号" },
+              { name: "todo2", label: "当前在港状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: CURRENT_IN_PORT_STATUS_ENUM },
+              { name: "todo3", label: "审批状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: APPROVAL_STATUS_ENUM },
+              { name: "todo4", label: "访问港区范围", render: (<DictionarySelect dictValue="primeport_area" />) },
+              { name: "todo5", label: "访问开始时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+              { name: "todo6", label: "访问结束时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+            ]}
+            onFinish={getData}
+            form={form}
+          />
+          <Table
+            toolBarRender={() => (
+              <Space>
+                <Button
+                  icon={<AddIcon />}
+                  type="primary"
+                  onClick={() => {
+                    props.history.push(`./add`);
+                  }}
+                >
+                  新增
+                </Button>
+                {
+                  urlState.departmentId !== "" && (
+                    <Button
+                      icon={<BackIcon />}
+                      onClick={() => {
+                        setUrlState({
+                          departmentId: urlState.backDepartmentIds.at(-1),
+                          backDepartmentIds: urlState.backDepartmentIds.slice(0, -1),
+                        });
+                      }}
+                    >
+                      返回
+                    </Button>
+                  )
+                }
+              </Space>
+            )}
+            columns={[
+              { title: "部门", dataIndex: "todo1" },
+              { title: "姓名", dataIndex: "todo2" },
+              { title: "岗位", dataIndex: "todo3" },
+              { title: "手机号", dataIndex: "todo4" },
+              { title: "车辆数", dataIndex: "todo5" },
+              { title: "门禁权限", dataIndex: "todo6", render: (_, record) => record.todo6 === 1 ? "开启" : "关闭" },
+              { title: "是否录入人脸", dataIndex: "todo7", render: (_, record) => record.todo7 === 1 ? "是" : "否" },
+              {
+                title: "操作",
+                width: 200,
+                fixed: "right",
+                render: (_, record) => (
+                  <Space>
+                    <Button
+                      type="link"
+                      onClick={() => {
+                        props.history.push(`./approvalRecords?id=${record.id}`);
+                      }}
+                    >
+                      审核记录
+                    </Button>
+                    <Button
+                      type="link"
+                      onClick={() => {
+                        props.history.push(`./vehicleRecords?id=${record.id}`);
+                      }}
+                    >
+                      车辆进出记录
+                    </Button>
+                    <Button
+                      type="link"
+                      onClick={() => {
+                        onUpdateStatus(record.id);
+                      }}
+                    >
+                      {record.todo6 === 1 ? "关闭" : "开启"}
+                    </Button>
+                    <Button
+                      type="link"
+                      onClick={() => {
+                        props.history.push(`./add?id=${record.id}`);
+                      }}
+                    >
+                      重新申请
+                    </Button>
+                    <Button
+                      type="link"
+                      onClick={() => {
+                        props.history.push(`./view?id=${record.id}`);
+                      }}
+                    >
+                      查看
+                    </Button>
+                  </Space>
+                ),
+              },
+            ]}
+            {...tableProps}
+          />
+        </div>
+      </div>
+    </Page>
+  );
+}
+
+export default Connect([NS_STOCK_VEHICLES], true)(List);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/VehicleRecords/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/VehicleRecords/index.js
new file mode 100644
index 0000000..d3e1c4b
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/VehicleRecords/index.js
@@ -0,0 +1,56 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Form } from "antd";
+import Page from "zy-react-library/components/Page";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+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 useTable from "zy-react-library/hooks/useTable";
+import { getLabelName } from "zy-react-library/utils";
+import { CURRENT_IN_PORT_STATUS_ENUM } from "~/enumerate/constant";
+import { NS_STOCK_VEHICLES } from "~/enumerate/namespace";
+
+function VehicleRecords(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const { tableProps, getData } = useTable(props["stockVehiclesVehicleRecordsList"], {
+    form,
+    params: { id: query.id },
+  });
+
+  return (
+    <Page headerTitle="车辆进出记录">
+      <Search
+        options={[
+          { name: "todo1", label: "口门名称" },
+          { name: "todo2", label: "所属区域", render: (<DictionarySelect dictValue="primeport_area" />) },
+          { name: "todo3", label: "进港时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+        ]}
+        onFinish={getData}
+        form={form}
+      />
+      <Table
+        columns={[
+          { title: "车辆所属人", dataIndex: "todo" },
+          { title: "车牌号", dataIndex: "todo1" },
+          { title: "所属区域", dataIndex: "todo2" },
+          { title: "口门名称", dataIndex: "todo3" },
+          { title: "口门级别", dataIndex: "todo4" },
+          {
+            title: "车辆在港状态",
+            dataIndex: "todo5",
+            render: (_, record) => getLabelName({ list: CURRENT_IN_PORT_STATUS_ENUM, status: record.todo5 }),
+          },
+          { title: "入港闸口", dataIndex: "todo6" },
+          { title: "进港时间", dataIndex: "todo7" },
+          { title: "离港闸口", dataIndex: "todo8" },
+          { title: "离港时间", dataIndex: "todo9" },
+        ]}
+        {...tableProps}
+      />
+    </Page>
+  );
+}
+
+export default Connect([NS_STOCK_VEHICLES], true)(VehicleRecords);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/View/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/View/index.js
new file mode 100644
index 0000000..622035f
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/View/index.js
@@ -0,0 +1,57 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Descriptions, Divider, Spin } from "antd";
+import { useEffect, useState } from "react";
+import Page from "zy-react-library/components/Page";
+import PreviewImg from "zy-react-library/components/PreviewImg";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_STOCK_VEHICLES } from "~/enumerate/namespace";
+
+function View(props) {
+  const query = useGetUrlQuery();
+  const [info, setInfo] = useState({});
+
+  const getData = async () => {
+    const { data } = await props["stockVehiclesInfo"]({ id: query.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Page headerTitle="查看" contentPadding="0 20px 20px 20px">
+      <Spin spinning={props.stockVehicles.stockVehiclesLoading}>
+        <Divider orientation="left">申请信息</Divider>
+        <Descriptions
+          column={2}
+          bordered
+          styles={{ label: { width: 200 } }}
+          items={[
+            { label: "车辆所属类型", children: info.todo1 },
+            { label: "车辆所属部门", children: info.todo2 },
+            { label: "车牌类型", children: info.todo4 },
+            { label: "车牌号", children: info.todo5 },
+            { label: "车辆类型", children: info.todo6 },
+            { label: "访问港区", children: info.todo7 },
+            { label: "访问开始时间", children: info.todo8 },
+            { label: "访问结束时间", children: info.todo9 },
+            { label: "行驶证照片", children: (<PreviewImg files={[info.todo10]} />), span: 24 },
+            { label: "车辆图片", children: (<PreviewImg files={[info.todo11]} />), span: 24 },
+          ]}
+        />
+        <Divider orientation="left">审批信息</Divider>
+        <Descriptions
+          column={1}
+          bordered
+          styles={{ label: { width: 200 } }}
+          items={[
+            { label: "审批人", children: info.todo12 },
+          ]}
+        />
+      </Spin>
+    </Page>
+  );
+}
+
+export default Connect([NS_STOCK_VEHICLES], true)(View);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/index.js
new file mode 100644
index 0000000..c51725b
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/StockVehicles/index.js
@@ -0,0 +1,5 @@
+function StockVehicles(props) {
+  return props.children;
+}
+
+export default StockVehicles;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/List/index.js
new file mode 100644
index 0000000..cdf19ea
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/List/index.js
@@ -0,0 +1,241 @@
+import useUrlState from "@ahooksjs/use-url-state";
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Form, message, Modal, Space, Tabs } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Page from "zy-react-library/components/Page";
+import PreviewImg from "zy-react-library/components/PreviewImg";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
+import Table from "zy-react-library/components/Table";
+import useTable from "zy-react-library/hooks/useTable";
+import { LICENSE_PLATE_NUMBER } from "zy-react-library/regular";
+import { NS_VEHICLE_BLACKLIST } from "~/enumerate/namespace";
+
+const TABS_ENUM = [
+  { key: "1", label: "股份公司" },
+  { key: "2", label: "分公司" },
+  { key: "3", label: "相关方" },
+];
+
+function List(props) {
+  const [addModalVisible, setAddModalVisible] = useState(false);
+  const [viewModalVisible, setViewModalVisible] = useState(false);
+  const [currentId, setCurrentId] = useState("");
+
+  const [form] = Form.useForm();
+  const [urlState, setUrlState] = useUrlState({
+    platform: props.platform || TABS_ENUM[0].key,
+  }, {
+    navigateMode: "replace",
+  });
+  const { tableProps, getData } = useTable(props["vehicleBlacklistList"], {
+    form,
+    params: { platform: urlState.platform },
+  });
+
+  const onDelete = (record) => {
+    Modal.confirm({
+      title: "移除确认",
+      content: `确定要将车牌号 ${record.todo1} 从黑名单中移除吗？`,
+      onOk: async () => {
+        const { success } = await props["vehicleBlacklistDelete"]({ id: record.id });
+        if (success) {
+          message.success("移除成功");
+          getData();
+        }
+      },
+    });
+  };
+
+  return (
+    <Page isShowAllAction={false}>
+      <Search
+        options={[
+          {
+            name: "todo2",
+            label: "车辆所属部门",
+            render: (<DepartmentSelectTree searchType="inType" params={{ enterpriseType: [+urlState.platform] }} />),
+          },
+          { name: "todo3", label: "车辆所属人" },
+          { name: "todo4", label: "车牌号" },
+          { name: "todo5", label: "车辆类型", render: (<DictionarySelect dictValue="VEHICLE_TYPE" />) },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        headerTitle={(
+          !props.platform && (
+            <Tabs
+              activeKey={urlState.platform}
+              items={TABS_ENUM}
+              onChange={(event) => {
+                setUrlState({ platform: event });
+                form.setFieldValue("todo2", "");
+                getData();
+              }}
+            />
+          )
+        )}
+        toolBarRender={() => (
+          <Button
+            type="primary"
+            icon={(<AddIcon />)}
+            onClick={() => {
+              setAddModalVisible(true);
+            }}
+          >
+            新增
+          </Button>
+        )}
+        columns={[
+          { title: "车辆所属单位", dataIndex: "todo1" },
+          { title: "车辆所属部门", dataIndex: "todo2" },
+          { title: "车辆归属人", dataIndex: "todo3" },
+          { title: "车牌号", dataIndex: "todo4" },
+          { title: "车牌类型", dataIndex: "todo5" },
+          { title: "车辆类型", dataIndex: "todo6" },
+          {
+            title: "操作",
+            width: 120,
+            fixed: "right",
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setViewModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  danger
+                  onClick={() => {
+                    onDelete(record);
+                  }}
+                >
+                  移除黑名单
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {
+        addModalVisible && (
+          <AddModal
+            onCancel={() => {
+              setAddModalVisible(false);
+            }}
+            getData={getData}
+          />
+        )
+      }
+      {
+        viewModalVisible && (
+          <ViewModal
+            onCancel={() => {
+              setViewModalVisible(false);
+            }}
+            id={currentId}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+const AddModalComponent = (props) => {
+  const [form] = Form.useForm();
+
+  const onSubmit = async (values) => {
+    const { success } = await props["vehicleBlacklistAdd"]({ ...values });
+    if (success) {
+      message.success("操作成功");
+      props.onCancel();
+      props.getData();
+    }
+  };
+
+  return (
+    <Modal
+      open
+      title="新增"
+      width={600}
+      maskClosable={false}
+      onCancel={props.onCancel}
+      onOk={form.submit}
+      confirmLoading={props.vehicleBlacklist.vehicleBlacklistLoading}
+    >
+      <FormBuilder
+        loading={props.vehicleBlacklist.vehicleBlacklistLoading}
+        form={form}
+        showActionButtons={false}
+        span={24}
+        labelCol={{ span: 8 }}
+        onFinish={onSubmit}
+        options={[
+          { name: "todo2", label: "车牌号", rules: [{ pattern: LICENSE_PLATE_NUMBER, message: "请输入正确的车牌号" }] },
+          { name: "todo1", label: "车牌类型", render: (<DictionarySelect dictValue="LICENSE_PLATE_TYPE" />) },
+          { name: "todo3", label: "车辆类型", render: (<DictionarySelect dictValue="VEHICLE_TYPE" />) },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const ViewModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+
+  const getData = async () => {
+    const { data } = await props["vehicleBlacklistInfo"]({ id: props.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Modal
+      open
+      title="查看"
+      width={600}
+      maskClosable={false}
+      onCancel={props.onCancel}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+      loading={props.vehicleBlacklist.vehicleBlacklistLoading}
+    >
+      <Descriptions
+        bordered
+        column={1}
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "车辆所属企业", children: info.todo1 },
+          { label: "车辆所属部门", children: info.todo2 },
+          { label: "车辆所属人", children: info.todo3 },
+          { label: "车牌号", children: info.todo4 },
+          { label: "车牌类型", children: info.todo5 },
+          { label: "车辆类型", children: info.todo6 },
+          { label: "访问港区范围", children: info.todo7 },
+          { label: "车辆照片", children: (<PreviewImg files={info.todo8} />) },
+          { label: "行驶证照片", children: (<PreviewImg files={info.todo9} />) },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const AddModal = Connect([NS_VEHICLE_BLACKLIST], true)(AddModalComponent);
+const ViewModal = Connect([NS_VEHICLE_BLACKLIST], true)(ViewModalComponent);
+
+export default Connect([NS_VEHICLE_BLACKLIST], true)(List);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/index.js
new file mode 100644
index 0000000..4bf1f5f
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehicleBlacklist/index.js
@@ -0,0 +1,5 @@
+function VehicleBlacklist(props) {
+  return props.children;
+}
+
+export default VehicleBlacklist;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/List/index.js
new file mode 100644
index 0000000..b430428
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/List/index.js
@@ -0,0 +1,170 @@
+import useUrlState from "@ahooksjs/use-url-state";
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, message, Modal, 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 Page from "zy-react-library/components/Page";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
+import Table from "zy-react-library/components/Table";
+import Upload from "zy-react-library/components/Upload";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useTable from "zy-react-library/hooks/useTable";
+import { LICENSE_PLATE_NUMBER } from "zy-react-library/regular";
+import { NS_VEHICLES_VIOLATION } from "~/enumerate/namespace";
+
+const TABS_ENUM = [
+  { key: "1", label: "股份公司" },
+  { key: "2", label: "分公司" },
+  { key: "3", label: "相关方" },
+];
+
+function List(props) {
+  const [addModalVisible, setAddModalVisible] = useState(false);
+
+  const [form] = Form.useForm();
+  const [urlState, setUrlState] = useUrlState({
+    platform: props.platform || TABS_ENUM[0].key,
+  }, {
+    navigateMode: "replace",
+  });
+  const { tableProps, getData } = useTable(props["vehiclesViolationList"], {
+    form,
+    params: { platform: urlState.platform },
+  });
+
+  return (
+    <Page isShowAllAction={false}>
+      <Search
+        options={[
+          {
+            name: "todo2",
+            label: "车辆所属部门",
+            render: (<DepartmentSelectTree searchType="inType" params={{ enterpriseType: [+urlState.platform] }} />),
+          },
+          { name: "todo3", label: "车辆所属人" },
+          { name: "todo4", label: "车牌号" },
+          { name: "todo5", label: "车辆类型", render: (<DictionarySelect dictValue="VEHICLE_TYPE" />) },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        headerTitle={(
+          !props.platform && (
+            <Tabs
+              activeKey={urlState.platform}
+              items={TABS_ENUM}
+              onChange={(event) => {
+                setUrlState({ platform: event });
+                form.setFieldValue("todo2", "");
+                getData();
+              }}
+            />
+          )
+        )}
+        toolBarRender={() => (
+          <Button
+            type="primary"
+            icon={(<AddIcon />)}
+            onClick={() => {
+              setAddModalVisible(true);
+            }}
+          >
+            新增
+          </Button>
+        )}
+        columns={[
+          { title: "车辆所属单位", dataIndex: "todo1" },
+          { title: "车辆所属部门", dataIndex: "todo2" },
+          { title: "车辆归属人", dataIndex: "todo3" },
+          { title: "车牌号", dataIndex: "todo4" },
+          { title: "车牌类型", dataIndex: "todo5" },
+          { title: "车辆类型", dataIndex: "todo6" },
+          { title: "违规次数", dataIndex: "todo7" },
+          {
+            title: "操作",
+            width: 120,
+            fixed: "right",
+            render: (_, record) => (
+              <Button
+                type="link"
+                onClick={() => {
+                  props.history.push(`./violationRecords?id=${record.id}`);
+                }}
+              >
+                查看违规记录
+              </Button>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {
+        addModalVisible && (
+          <AddModal
+            onCancel={() => {
+              setAddModalVisible(false);
+            }}
+            getData={getData}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+const AddModalComponent = (props) => {
+  const [form] = Form.useForm();
+
+  const onSubmit = async (values) => {
+    const { success } = await props["vehiclesViolationAdd"]({ ...values });
+    if (success) {
+      message.success("操作成功");
+      props.onCancel();
+      props.getData();
+    }
+  };
+
+  return (
+    <Modal
+      open
+      title="新增"
+      width={600}
+      maskClosable={false}
+      onCancel={props.onCancel}
+      onOk={form.submit}
+      confirmLoading={props.vehiclesViolation.vehiclesViolationLoading}
+    >
+      <FormBuilder
+        loading={props.vehiclesViolation.vehiclesViolationLoading}
+        form={form}
+        showActionButtons={false}
+        span={24}
+        labelCol={{ span: 8 }}
+        onFinish={onSubmit}
+        options={[
+          { name: "todo2", label: "车牌号", rules: [{ pattern: LICENSE_PLATE_NUMBER, message: "请输入正确的车牌号" }] },
+          { name: "todo1", label: "车牌类型", render: (<DictionarySelect dictValue="LICENSE_PLATE_TYPE" />) },
+          { name: "todo3", label: "车辆类型", render: (<DictionarySelect dictValue="VEHICLE_TYPE" />) },
+          { name: "todo4", label: "违规时间", render: FORM_ITEM_RENDER_ENUM.DATETIME },
+          { name: "todo5", label: "违规类型", render: (<DictionarySelect dictValue="VEHICLE_VIOLATION_TYPE" />) },
+          {
+            name: "todo6",
+            label: "违规区域",
+            render: FORM_ITEM_RENDER_ENUM.TEXTAREA,
+            placeholder: "违规区域需明确车辆在港口内的具体违规位置如某一口门附近、某一码头区域、某一仓库通道等..",
+          },
+          { name: "todo7", label: "违规照片", render: (<Upload />) },
+          { name: "todo8", label: " 违规说明", render: FORM_ITEM_RENDER_ENUM.TEXTAREA, required: false },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const AddModal = Connect([NS_VEHICLES_VIOLATION], true)(AddModalComponent);
+
+export default Connect([NS_VEHICLES_VIOLATION], true)(List);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/ViolationRecords/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/ViolationRecords/index.js
new file mode 100644
index 0000000..d6f2cb6
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/ViolationRecords/index.js
@@ -0,0 +1,145 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Form, message, Modal, Space } from "antd";
+import { useEffect, useState } from "react";
+import Page from "zy-react-library/components/Page";
+import PreviewImg from "zy-react-library/components/PreviewImg";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import Table from "zy-react-library/components/Table";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import useTable from "zy-react-library/hooks/useTable";
+import { NS_VEHICLES_VIOLATION } from "~/enumerate/namespace";
+
+function ViolationRecords(props) {
+  const [infoModalVisible, setInfoModalVisible] = useState(false);
+  const [currentId, setCurrentId] = useState("");
+
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["vehiclesViolationViolationRecordsList"], {
+    form,
+    params: { id: query.id },
+  });
+
+  const onDelete = (id) => {
+    Modal.confirm({
+      title: "清除确认",
+      content: "确定要清除该违规记录吗？",
+      onOk: async () => {
+        const { success } = await props["vehiclesViolationViolationRecordsDelete"]({ id });
+        if (success) {
+          message.success("清除成功");
+          getData();
+        }
+      },
+    });
+  };
+
+  return (
+    <Page headerTitle="违规记录">
+      <Search
+        options={[
+          { name: "todo5", label: "违规类型", render: (<DictionarySelect dictValue="VEHICLE_VIOLATION_TYPE" />) },
+        ]}
+        labelCol={{ span: 4 }}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        columns={[
+          { title: "车牌号", dataIndex: "todo1" },
+          { title: "违规类型", dataIndex: "todo2" },
+          { title: "违规区域", dataIndex: "todo3" },
+          { title: "违规时间", dataIndex: "todo4" },
+          { title: "违规说明", dataIndex: "todo5" },
+          {
+            title: "操作",
+            width: 200,
+            fixed: "right",
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setInfoModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  详情
+                </Button>
+                <Button
+                  type="link"
+                  danger
+                  onClick={() => {
+                    onDelete(record.id);
+                  }}
+                >
+                  清除违规记录
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {
+        infoModalVisible && (
+          <InfoModal
+            onCancel={() => {
+              setInfoModalVisible(false);
+            }}
+            id={currentId}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+const InfoModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+
+  const getData = async () => {
+    const { data } = await props["vehiclesViolationViolationRecordsInfo"]({ id: props.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Modal
+      loading={props.vehiclesViolation.vehiclesViolationLoading}
+      open
+      title="查看"
+      maskClosable={false}
+      width={600}
+      onCancel={props.onCancel}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <Descriptions
+        bordered
+        column={1}
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "车辆所属单位", children: info.todo1 },
+          { label: "车辆所属部门", children: info.todo2 },
+          { label: "车辆归属人", children: info.todo3 },
+          { label: "车牌号", children: info.todo4 },
+          { label: "违规类型", children: info.todo5 },
+          { label: "违规时间", children: info.todo6 },
+          { label: "违规区域", children: info.todo7 },
+          { label: "违规照片", children: (<PreviewImg files={info.todo8} />) },
+          { label: "违规说明", children: info.todo9 },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const InfoModal = Connect([NS_VEHICLES_VIOLATION], true)(InfoModalComponent);
+
+export default Connect([NS_VEHICLES_VIOLATION], true)(ViolationRecords);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/index.js
new file mode 100644
index 0000000..4f48d99
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/VehiclesViolation/index.js
@@ -0,0 +1,5 @@
+function VehiclesViolation(props) {
+  return props.children;
+}
+
+export default VehiclesViolation;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/index.js
new file mode 100644
index 0000000..4f48d99
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/VehiclesViolation/index.js
@@ -0,0 +1,5 @@
+function VehiclesViolation(props) {
+  return props.children;
+}
+
+export default VehiclesViolation;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/index.js b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/index.js
new file mode 100644
index 0000000..2cc97e9
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/ImportAndExportPortInfo/index.js
@@ -0,0 +1,5 @@
+function ImportAndExportPortInfo(props) {
+  return props.children;
+}
+
+export default ImportAndExportPortInfo;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/RelatedVehicles/index.js b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/RelatedVehicles/index.js
new file mode 100644
index 0000000..cd2985a
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/RelatedVehicles/index.js
@@ -0,0 +1,266 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider, Form, message, Modal, Space } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import Page from "zy-react-library/components/Page";
+import PreviewImg from "zy-react-library/components/PreviewImg";
+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 useTable from "zy-react-library/hooks/useTable";
+import { NS_RELATED_VEHICLES } from "~/enumerate/namespace";
+
+function RelatedVehicles(props) {
+  const [currentId, setCurrentId] = useState("");
+  const [reviewModalVisible, setReviewModalVisible] = useState(false);
+  const [infoModalVisible, setInfoModalVisible] = useState(false);
+  const [viewRejectReasonModalVisible, setViewRejectReasonModalVisible] = useState(false);
+
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["relatedVehiclesList"], {
+    form,
+  });
+
+  return (
+    <Page isShowAllAction={false}>
+      <Search
+        form={form}
+        onFinish={getData}
+        options={[
+          { name: "todo1", label: "车牌号" },
+          { name: "todo2", label: "项目名称" },
+        ]}
+      />
+      <Table
+        columns={[
+          { dataIndex: "todo1", title: "项目名称" },
+          { dataIndex: "todo2", title: "区域范围" },
+          { dataIndex: "todo3", title: "访问期限" },
+          { dataIndex: "todo4", title: "车辆类型" },
+          { dataIndex: "todo5", title: "车牌类型" },
+          { dataIndex: "todo6", title: "车牌号" },
+          { dataIndex: "todo7", title: "审核状态" },
+          {
+            title: "操作",
+            width: 150,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setReviewModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  审核
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setInfoModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setViewRejectReasonModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  查看原因
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {
+        reviewModalVisible && (
+          <ReviewModal
+            id={currentId}
+            onCancel={() => {
+              setReviewModalVisible(false);
+              setCurrentId("");
+            }}
+            getData={getData}
+          />
+        )
+      }
+      {
+        infoModalVisible && (
+          <Modal
+            open
+            title="查看"
+            maskClosable={false}
+            onCancel={() => {
+              setInfoModalVisible(false);
+            }}
+            width={600}
+            footer={[
+              <Button
+                key="cancel"
+                onClick={() => {
+                  setInfoModalVisible(false);
+                }}
+              >
+                取消
+              </Button>,
+            ]}
+            loading={props.relatedVehicles.relatedVehiclesLoading}
+          >
+            <InfoModal id={currentId} />
+          </Modal>
+        )
+      }
+      {
+        viewRejectReasonModalVisible && (
+          <ViewRejectReasonModal
+            id={currentId}
+            onCancel={() => {
+              setViewRejectReasonModalVisible(false);
+              setCurrentId("");
+            }}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+const ReviewModalComponent = (props) => {
+  const [form] = Form.useForm();
+
+  const onSubmit = async (values) => {
+    const { success } = await props["relatedVehiclesApproval"]({
+      id: props.id,
+      ...values,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.getData();
+      props.onCancel();
+    }
+  };
+
+  return (
+    <Modal
+      open
+      title="审核"
+      maskClosable={false}
+      onCancel={props.onCancel}
+      onOk={form.submit}
+      width={800}
+      confirmLoading={props.relatedVehicles.relatedVehiclesLoading}
+    >
+      <InfoModal id={props.id} />
+      <FormBuilder
+        form={form}
+        onFinish={onSubmit}
+        labelCol={{ span: 8 }}
+        span={24}
+        values={{
+          todo1: "1",
+        }}
+        showActionButtons={false}
+        options={[
+          {
+            name: "todo1",
+            label: "是否通过审核",
+            render: FORM_ITEM_RENDER_ENUM.RADIO,
+            items: [{ bianma: "1", name: "通过" }, { bianma: "0", name: "打回" }],
+          },
+          {
+            name: "todo2",
+            label: "驳回原因",
+            render: FORM_ITEM_RENDER_ENUM.TEXTAREA,
+            dependencies: ["todo1"],
+            hidden: formValues => !(formValues.todo1 === "0"),
+          },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const ViewRejectReasonModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+  const getData = async () => {
+    const { data } = await props["relatedVehiclesRejectReason"]({ id: props.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Modal
+      open
+      title="驳回原因"
+      maskClosable={false}
+      onCancel={props.onCancel}
+      width={600}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+      loading={props.relatedVehicles.relatedVehiclesLoading}
+    >
+      <Descriptions
+        column={1}
+        bordered
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "驳回原因", children: info.todo1 },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const InfoModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+
+  const getData = async () => {
+    const { data } = await props["relatedVehiclesInfo"]({ id: props.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <div>
+      <Divider orientation="left">申请信息</Divider>
+      <Descriptions
+        column={1}
+        bordered
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "相关方名称", children: info.todo1 },
+          { label: "项目名称", children: info.todo2 },
+          { label: "审核人员", children: info.todo3 },
+          { label: "时间范围", children: info.todo4 },
+          { label: "地域范围", children: info.todo5 },
+          { label: "驾驶人员", children: info.todo6 },
+          { label: "车辆类型", children: info.todo7 },
+          { label: "车牌类型", children: info.todo8 },
+          { label: "车牌号", children: info.todo9 },
+          { label: "审核状态", children: info.todo10 },
+          { label: "车辆照片", children: (<PreviewImg files={[info.todo11]} />) },
+          { label: "车辆行驶证照片", children: (<PreviewImg files={[info.todo12]} />) },
+          { label: "申请人签字", children: (<PreviewImg files={[info.todo13]} />) },
+        ]}
+      />
+    </div>
+  );
+};
+
+const ReviewModal = Connect([NS_RELATED_VEHICLES], true)(ReviewModalComponent);
+const InfoModal = Connect([NS_RELATED_VEHICLES], true)(InfoModalComponent);
+const ViewRejectReasonModal = Connect([NS_RELATED_VEHICLES], true)(ViewRejectReasonModalComponent);
+export default Connect([NS_RELATED_VEHICLES], true)(RelatedVehicles);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/ShareVehicles/index.js b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/ShareVehicles/index.js
new file mode 100644
index 0000000..1ee98a4
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/ShareVehicles/index.js
@@ -0,0 +1,301 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider, Form, message, Modal } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import Page from "zy-react-library/components/Page";
+import PreviewImg from "zy-react-library/components/PreviewImg";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+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 useTable from "zy-react-library/hooks/useTable";
+import { getLabelName } from "zy-react-library/utils";
+import { VEHICLE_TYPE_ENUM } from "~/enumerate/constant";
+import { NS_SHARE_VEHICLES } from "~/enumerate/namespace";
+
+function ShareVehicles(props) {
+  const [reviewModalVisible, setReviewModalVisible] = useState(false);
+  const [currentId, setCurrentId] = useState("");
+  const [reviewModalType, setReviewModalType] = useState("");
+
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["shareVehiclesList"], {
+    form,
+  });
+
+  return (
+    <Page isShowAllAction={false}>
+      <Search
+        form={form}
+        onFinish={getData}
+        options={[
+          { name: "todo1", label: "车辆所属人" },
+          { name: "todo2", label: "车牌号" },
+          { name: "todo3", label: "访问开始时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+          { name: "todo4", label: "访问结束时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+          { name: "todo5", label: "车辆所属部门", render: (<DepartmentSelectTree />) },
+          { name: "todo6", label: "访问港区范围", render: (<DictionarySelect dictValue="primeport_area" />) },
+          { name: "todo7", label: "车辆所属类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: VEHICLE_TYPE_ENUM },
+        ]}
+      />
+      <Table
+        columns={[
+          {
+            dataIndex: "todo1",
+            title: "车辆所属类型",
+            render: (_, record) => getLabelName({ list: VEHICLE_TYPE_ENUM, status: record.todo1 }),
+          },
+          { dataIndex: "todo2", title: "车辆所属部门" },
+          { dataIndex: "todo3", title: "车辆归属人" },
+          { dataIndex: "todo4", title: "车牌号" },
+          { dataIndex: "todo5", title: "车牌类型" },
+          { dataIndex: "todo6", title: "车辆类型" },
+          { dataIndex: "todo7", title: "访问港区范围" },
+          { dataIndex: "todo8", title: "访问开始时间" },
+          { dataIndex: "todo9", title: "访问结束时间" },
+          {
+            title: "操作",
+            width: 100,
+            render: (_, record) => (
+              <Button
+                type="link"
+                onClick={() => {
+                  setReviewModalVisible(true);
+                  setCurrentId(record.id);
+                  setReviewModalType("first");
+                }}
+              >
+                审核
+              </Button>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {
+        reviewModalVisible && (
+          <ReviewModal
+            id={currentId}
+            type={reviewModalType}
+            onCancel={() => {
+              setReviewModalVisible(false);
+              setReviewModalType("");
+              setCurrentId("");
+            }}
+            getData={getData}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+function ReviewModalComponent(props) {
+  const [form] = Form.useForm();
+
+  const [info, setInfo] = useState({});
+  const getData = async () => {
+    const { data } = await props["shareVehiclesInfo"]({ id: props.id });
+    setInfo(data);
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+
+  const onSubmit = async (values) => {
+    const { success } = await props["shareVehiclesApproval"]({
+      id: props.id,
+      ...values,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.onCancel();
+      props.getData();
+    }
+  };
+
+  return (
+    <Modal
+      open
+      title="审批"
+      maskClosable={false}
+      onCancel={props.onCancel}
+      onOk={form.submit}
+      width={800}
+      confirmLoading={props.shareVehicles.shareVehiclesLoading}
+    >
+      <Divider orientation="left">申请信息</Divider>
+      {
+        props.type === "first"
+          ? (
+              <Descriptions
+                column={1}
+                bordered
+                styles={{ label: { width: 200 } }}
+                items={[
+                  { label: "车辆所属类型", children: getLabelName({ list: VEHICLE_TYPE_ENUM, status: info.todo1 }) },
+                  { label: "车辆所属部门", children: info.todo2 },
+                  ...(info.todo1 !== 1 ? [{ label: "车辆归属人", children: info.todo3 }] : []),
+                  { label: "车牌号", children: info.todo4 },
+                  { label: "车牌类型", children: info.todo5 },
+                  { label: "车辆类型", children: info.todo6 },
+                  { label: "访问港区范围", children: info.todo7 },
+                  { label: "访问开始时间", children: info.todo8 },
+                  { label: "访问结束时间", children: info.todo9 },
+                  { label: "行驶证照片", children: (<PreviewImg files={[info.todo10]} />) },
+                  { label: "车辆照片", children: (<PreviewImg files={[info.todo11]} />) },
+                  { label: "审批人", children: info.todo12 },
+                ]}
+              />
+            )
+          : (
+              <div>
+                <style>
+                  {`
+                    .comparison-table {
+                      width: 100%;
+                      border-collapse: collapse;
+                    }
+                    .comparison-table th,
+                    .comparison-table td {
+                      border: 1px solid #d9d9d9;
+                      padding: 8px;
+                      text-align: center;
+                    }
+                    .comparison-table th {
+                      background-color: #f5f5f5;
+                    }
+                    .comparison-table .name-col {
+                      width: 20%;
+                    }
+                    .comparison-table .before-col {
+                      width: 40%;
+                    }
+                    .comparison-table .after-col {
+                      width: 40%;
+                    }
+                  `}
+                </style>
+                <table className="comparison-table">
+                  <thead>
+                    <tr>
+                      <th className="name-col">名称</th>
+                      <th className="before-col">变更前</th>
+                      <th className="after-col">变更后</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <th>车辆所属类型</th>
+                      <td>{getLabelName({ list: VEHICLE_TYPE_ENUM, status: info.todo1 })}</td>
+                      <td>{getLabelName({ list: VEHICLE_TYPE_ENUM, status: info.newTodo1 })}</td>
+                    </tr>
+                    <tr>
+                      <th>车辆所属部门</th>
+                      <td>{info.todo2}</td>
+                      <td>{info.newTodo2}</td>
+                    </tr>
+                    {info.todo1 !== 1 && (
+                      <tr>
+                        <th>车辆归属人</th>
+                        <td>{info.todo3}</td>
+                        <td>{info.newTodo3}</td>
+                      </tr>
+                    )}
+                    <tr>
+                      <th>车牌号</th>
+                      <td>{info.todo4}</td>
+                      <td>{info.newTodo4}</td>
+                    </tr>
+                    <tr>
+                      <th>车牌类型</th>
+                      <td>{info.todo5}</td>
+                      <td>{info.newTodo5}</td>
+                    </tr>
+                    <tr>
+                      <th>车辆类型</th>
+                      <td>{info.todo6}</td>
+                      <td>{info.newTodo6}</td>
+                    </tr>
+                    <tr>
+                      <th>访问港区范围</th>
+                      <td>{info.todo7}</td>
+                      <td>{info.newTodo7}</td>
+                    </tr>
+                    <tr>
+                      <th>访问开始时间</th>
+                      <td>{info.todo8}</td>
+                      <td>{info.newTodo8}</td>
+                    </tr>
+                    <tr>
+                      <th>访问结束时间</th>
+                      <td>{info.todo9}</td>
+                      <td>{info.newTodo9}</td>
+                    </tr>
+                    <tr>
+                      <th>行驶证照片</th>
+                      <td><PreviewImg files={[info.todo10]} /></td>
+                      <td><PreviewImg files={[info.newTodo10]} /></td>
+                    </tr>
+                    <tr>
+                      <th>车辆照片</th>
+                      <td><PreviewImg files={[info.todo11]} /></td>
+                      <td><PreviewImg files={[info.newTodo11]} /></td>
+                    </tr>
+                    <tr>
+                      <th>审批人</th>
+                      <td>{info.todo12}</td>
+                      <td>{info.newTodo12}</td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            )
+      }
+      <Divider orientation="left">审批信息</Divider>
+      {info?.approvalRecords?.map((record, index) => (
+        <Descriptions
+          key={index}
+          column={1}
+          bordered
+          styles={{ label: { width: 200 } }}
+          items={[
+            { label: "审批人", children: record.approver },
+            { label: "审批时间", children: record.approveTime },
+            { label: "审批状态", children: record.status },
+            ...(record.status === 0 ? [{ label: "打回意见", children: record.comment }] : []),
+          ]}
+        />
+      ))}
+      <FormBuilder
+        form={form}
+        showActionButtons={false}
+        span={24}
+        onFinish={onSubmit}
+        labelCol={{ span: 8 }}
+        values={{
+          todo1: 1,
+        }}
+        options={[
+          {
+            name: "todo1",
+            label: "是否通过",
+            render: FORM_ITEM_RENDER_ENUM.RADIO,
+            items: [{ bianma: 1, name: "是" }, { bianma: 0, name: "否" }],
+          },
+          {
+            name: "todo2",
+            label: "打回意见",
+            render: FORM_ITEM_RENDER_ENUM.TEXTAREA,
+            dependencies: ["todo1"],
+            hidden: formValues => !(formValues.todo1 === 0),
+          },
+        ]}
+      />
+    </Modal>
+  );
+}
+
+const ReviewModal = Connect([NS_SHARE_VEHICLES], true)(ReviewModalComponent);
+export default Connect([NS_SHARE_VEHICLES], true)(ShareVehicles);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/index.js b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/index.js
new file mode 100644
index 0000000..b840b1d
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/LongTermVehicleApproval/index.js
@@ -0,0 +1,5 @@
+function LongTermVehicleApproval(props) {
+  return props.children;
+}
+
+export default LongTermVehicleApproval;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/PersonnelApproval/RelatedPersonnel/index.js b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/PersonnelApproval/RelatedPersonnel/index.js
new file mode 100644
index 0000000..d2cf7af
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/PersonnelApproval/RelatedPersonnel/index.js
@@ -0,0 +1,279 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider, Form, message, Modal, Space } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import Page from "zy-react-library/components/Page";
+import PreviewImg from "zy-react-library/components/PreviewImg";
+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 useTable from "zy-react-library/hooks/useTable";
+import { NS_RELATED_PERSONNEL } from "~/enumerate/namespace";
+
+function RelatedPersonnel(props) {
+  const [currentId, setCurrentId] = useState("");
+  const [reviewModalVisible, setReviewModalVisible] = useState(false);
+  const [infoModalVisible, setInfoModalVisible] = useState(false);
+  const [viewRejectReasonModalVisible, setViewRejectReasonModalVisible] = useState(false);
+
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["relatedPersonnelList"], {
+    form,
+  });
+
+  return (
+    <Page isShowAllAction={false}>
+      <Search
+        form={form}
+        onFinish={getData}
+        options={[
+          { name: "todo1", label: "姓名" },
+          { name: "todo2", label: "项目名称" },
+        ]}
+      />
+      <Table
+        columns={[
+          { title: "相关方名称", dataIndex: "todo1" },
+          { title: "项目名称", dataIndex: "todo2" },
+          { title: "区域范围", dataIndex: "todo3" },
+          { title: "访问期限", dataIndex: "todo4" },
+          { title: "项目人员数", dataIndex: "todo5" },
+          { title: "申请时间", dataIndex: "todo6" },
+          { title: "审核状态", dataIndex: "todo7" },
+          {
+            title: "操作",
+            width: 150,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setReviewModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  审核
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setInfoModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setViewRejectReasonModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  查看原因
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {
+        reviewModalVisible && (
+          <ReviewModal
+            id={currentId}
+            onCancel={() => {
+              setReviewModalVisible(false);
+              setCurrentId("");
+            }}
+            getData={getData}
+          />
+        )
+      }
+      {
+        infoModalVisible && (
+          <Modal
+            open
+            title="查看"
+            maskClosable={false}
+            onCancel={() => {
+              setInfoModalVisible(false);
+            }}
+            width={600}
+            footer={[
+              <Button
+                key="cancel"
+                onClick={() => {
+                  setInfoModalVisible(false);
+                }}
+              >
+                取消
+              </Button>,
+            ]}
+            loading={props.relatedPersonnel.relatedPersonnelLoading}
+          >
+            <InfoModal id={currentId} />
+          </Modal>
+        )
+      }
+      {
+        viewRejectReasonModalVisible && (
+          <ViewRejectReasonModal
+            id={currentId}
+            onCancel={() => {
+              setViewRejectReasonModalVisible(false);
+              setCurrentId("");
+            }}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+const ReviewModalComponent = (props) => {
+  const [form] = Form.useForm();
+
+  const onSubmit = async (values) => {
+    const { success } = await props["relatedPersonnelApproval"]({
+      id: props.id,
+      ...values,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.getData();
+      props.onCancel();
+    }
+  };
+
+  return (
+    <Modal
+      open
+      title="审核"
+      maskClosable={false}
+      onCancel={props.onCancel}
+      onOk={form.submit}
+      width={800}
+      confirmLoading={props.relatedPersonnel.relatedPersonnelLoading}
+    >
+      <InfoModal id={props.id} />
+      <FormBuilder
+        form={form}
+        onFinish={onSubmit}
+        labelCol={{ span: 8 }}
+        span={24}
+        values={{
+          todo1: "1",
+        }}
+        showActionButtons={false}
+        options={[
+          {
+            name: "todo1",
+            label: "是否通过审核",
+            render: FORM_ITEM_RENDER_ENUM.RADIO,
+            items: [{ bianma: "1", name: "通过" }, { bianma: "0", name: "打回" }],
+          },
+          {
+            name: "todo2",
+            label: "驳回原因",
+            render: FORM_ITEM_RENDER_ENUM.TEXTAREA,
+            dependencies: ["todo1"],
+            hidden: formValues => !(formValues.todo1 === "0"),
+          },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const InfoModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+
+  const { tableProps } = useTable(props["relatedPersonnelPersonnelList"], {
+    params: {
+      id: props.id,
+    },
+    useStorageQueryCriteria: false,
+  });
+
+  const getData = async () => {
+    const { data } = await props["relatedPersonnelInfo"]({ id: props.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <div>
+      <Divider orientation="left">申请信息</Divider>
+      <Descriptions
+        column={1}
+        bordered
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "相关方名称", children: info.todo1 },
+          { label: "项目名称", children: info.todo2 },
+          { label: "区域范围", children: info.todo3 },
+          { label: "访问期限", children: info.todo4 },
+          { label: "项目人员数", children: info.todo5 },
+          { label: "申请时间", children: info.todo6 },
+          { label: "申请状态", children: info.todo7 },
+          { label: "申请人签字", children: (<PreviewImg files={[info.todo8]} />) },
+        ]}
+      />
+      <Divider orientation="left">人员信息</Divider>
+      <Table
+        options={false}
+        disabledResizer={true}
+        columns={[
+          { title: "姓名", dataIndex: "todo1" },
+          { title: "部门", dataIndex: "todo2" },
+          { title: "是否培训", dataIndex: "todo3" },
+        ]}
+        {...tableProps}
+      />
+    </div>
+  );
+};
+
+const ViewRejectReasonModalComponent = (props) => {
+  const [info, setInfo] = useState({});
+  const getData = async () => {
+    const { data } = await props["relatedPersonnelRejectReason"]({ id: props.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Modal
+      open
+      title="驳回原因"
+      maskClosable={false}
+      onCancel={props.onCancel}
+      width={600}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+      loading={props.relatedPersonnel.relatedPersonnelLoading}
+    >
+      <Descriptions
+        column={1}
+        bordered
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "驳回原因", children: info.todo1 },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const ReviewModal = Connect([NS_RELATED_PERSONNEL], true)(ReviewModalComponent);
+const InfoModal = Connect([NS_RELATED_PERSONNEL], true)(InfoModalComponent);
+const ViewRejectReasonModal = Connect([NS_RELATED_PERSONNEL], true)(ViewRejectReasonModalComponent);
+export default Connect([NS_RELATED_PERSONNEL], true)(RelatedPersonnel);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/PersonnelApproval/index.js b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/PersonnelApproval/index.js
new file mode 100644
index 0000000..e2835ff
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/PersonnelApproval/index.js
@@ -0,0 +1,5 @@
+function PersonnelApproval(props) {
+  return props.children;
+}
+
+export default PersonnelApproval;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/Add/index.js b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/Add/index.js
new file mode 100644
index 0000000..7532539
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/Add/index.js
@@ -0,0 +1,91 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, message } from "antd";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import Page from "zy-react-library/components/Page";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import PersonnelSelect from "zy-react-library/components/Select/Personnel/Gwj";
+import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
+import Upload from "zy-react-library/components/Upload";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { ID_NUMBER, PHONE } from "zy-react-library/regular";
+import { NS_TEMPORARY_PERSONNEL } from "~/enumerate/namespace";
+
+function Add(props) {
+  const [form] = Form.useForm();
+
+  const onSubmit = async (values) => {
+    const { success } = await props["temporaryPersonnelAdd"](values);
+    if (success) {
+      message.success("新增成功");
+      props.history.goBack();
+    }
+  };
+
+  return (
+    <Page headerTitle="新增" isShowFooter={false}>
+      <FormBuilder
+        form={form}
+        onFinish={onSubmit}
+        loading={props.temporaryPersonnel.temporaryPersonnelLoading}
+        options={[
+          { label: "申请信息", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
+          { name: "todo1", label: "访问人姓名", span: 24 },
+          { name: "todo2", label: "手机号", rules: [{ pattern: PHONE, message: "请输入正确的手机号" }] },
+          { name: "todo3", label: "身份证号", rules: [{ pattern: ID_NUMBER, message: "请输入正确的身份证号" }] },
+          { name: "todo4", label: "访问开始时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+          { name: "todo5", label: "访问结束时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+          { name: "todo6", label: "访问港区", render: <DictionarySelect dictValue="primeport_area" /> },
+          { name: "todo7", label: "访问口门名称" },
+          { name: "todo8", label: "来访事由", span: 24, render: FORM_ITEM_RENDER_ENUM.TEXTAREA },
+          {
+            name: "todo9",
+            label: "人脸照片",
+            span: 24,
+            render: (
+              <Upload
+                maxCount={1}
+                size={4}
+                tipContent={(
+                  <div style={{ color: "red", fontSize: 12 }}>
+                    <div>• 图像格式：JPG、JPEG、PNG</div>
+                    <div>• 图像大小：不超过4M</div>
+                    <div>• 照片大小：推荐 500*500</div>
+                    <div>• 人脸无遮挡（如戴帽子、口罩、眼镜等）、无修图</div>
+                    <div>• 人脸需双眼睁开、表情自然、露额，头发不要遮挡</div>
+                  </div>
+                )}
+              />
+            ),
+          },
+          { label: "审批信息", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
+          {
+            name: "todo10",
+            label: "审批企业",
+            render: (<DepartmentSelectTree searchType="inType" params={{ enterpriseType: [1, 2] }} />),
+          },
+          { name: "todo11", label: "审批人", render: (<PersonnelSelect params={{ departmentId: "" }} />) },
+          {
+            name: "todo12",
+            label: " ",
+            span: 24,
+            required: false,
+            rules: [{ required: true, message: "请勾选" }],
+            formItemProps: { colon: false, required: false, style: { textAlign: "center" }, labelCol: { span: 0 }, wrapperCol: { span: 24 } },
+            render: FORM_ITEM_RENDER_ENUM.CHECKBOX,
+            items: [{
+              bianma: "1",
+              name: (
+                <>
+                  我已阅读并同意
+                  <Button type="link" style={{ padding: 0 }}>《安全协议》</Button>
+                </>
+              ),
+            }],
+          },
+        ]}
+      />
+    </Page>
+  );
+}
+
+export default Connect([NS_TEMPORARY_PERSONNEL], true)(Add);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/List/index.js
new file mode 100644
index 0000000..d1f23ab
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/List/index.js
@@ -0,0 +1,340 @@
+import { CameraOutlined } from "@ant-design/icons";
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider, Form, message, Modal, QRCode, Space } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Page from "zy-react-library/components/Page";
+import PreviewImg from "zy-react-library/components/PreviewImg";
+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 useTable from "zy-react-library/hooks/useTable";
+import { getLabelName } from "zy-react-library/utils";
+import { NS_TEMPORARY_PERSONNEL } from "~/enumerate/namespace";
+
+const STATUS_ENUM = [
+  { bianma: "1", name: "通过" },
+  { bianma: "2", name: "不通过" },
+  { bianma: "3", name: "审核中" },
+];
+
+function List(props) {
+  const [qrCodeModalVisible, setQrCodeModalVisible] = useState(false);
+  const [reviewModalVisible, setReviewModalVisible] = useState(false);
+  const [approvalDetailsModalVisible, setApprovalDetailsModalVisible] = useState(false);
+  const [currentId, setCurrentId] = useState("");
+
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["temporaryPersonnelList"], {
+    form,
+  });
+
+  return (
+    <Page isShowAllAction={false}>
+      <Search
+        form={form}
+        onFinish={getData}
+        options={[
+          { name: "todo1", label: "访问人姓名" },
+          { name: "todo2", label: "访问开始时间" },
+          { name: "todo3", label: "访问结束时间" },
+          { name: "todo4", label: "审批状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: STATUS_ENUM },
+          { name: "todo5", label: "访问口门名称" },
+        ]}
+      />
+      <Table
+        toolBarRender={() => (
+          <Space>
+            <Button
+              type="primary"
+              icon={(<AddIcon />)}
+              onClick={() => {
+                props.history.push("./add");
+              }}
+            >
+              新增
+            </Button>
+            <Button
+              type="primary"
+              icon={(<CameraOutlined />)}
+              onClick={() => {
+                setQrCodeModalVisible(true);
+              }}
+            >
+              访客二维码
+            </Button>
+          </Space>
+        )}
+        columns={[
+          { title: "访问人姓名", dataIndex: "todo1" },
+          { title: "手机号", dataIndex: "todo2" },
+          { title: "身份证号", dataIndex: "todo3" },
+          { title: "来访事由", dataIndex: "todo4" },
+          { title: "访问开始时间", dataIndex: "todo5" },
+          { title: "访问结束时间", dataIndex: "todo6" },
+          { title: "访问口门名称", dataIndex: "todo7" },
+          {
+            title: "审批状态",
+            dataIndex: "todo8",
+            render: (_, record) => getLabelName({ list: STATUS_ENUM, status: record.todo8 }),
+          },
+          {
+            title: "操作",
+            width: 200,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./view?id=${record.id}`);
+                  }}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setApprovalDetailsModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  审批详情
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setReviewModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  审核
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {
+        qrCodeModalVisible && (
+          <QrCodeModal
+            onCancel={() => {
+              setQrCodeModalVisible(false);
+              setCurrentId("");
+            }}
+          />
+        )
+      }
+      {
+        reviewModalVisible && (
+          <ReviewModal
+            id={currentId}
+            onCancel={() => {
+              setReviewModalVisible(false);
+              setCurrentId("");
+            }}
+            getData={getData}
+          />
+        )
+      }
+      {
+        approvalDetailsModalVisible && (
+          <ApprovalDetailsModal
+            id={currentId}
+            onCancel={() => {
+              setApprovalDetailsModalVisible(false);
+              setCurrentId("");
+            }}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+const QrCodeModal = (props) => {
+  return (
+    <Modal
+      title="访客二维码"
+      open
+      width={600}
+      maskClosable={false}
+      onCancel={props.onCancel}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <div style={{ textAlign: "center" }}>
+        <QRCode value="-" style={{ margin: "0 auto", marginBottom: 10 }} />
+        <div>温馨提示：此二维码支持临时入港申请预约及预约结果查询</div>
+      </div>
+    </Modal>
+  );
+};
+
+const ReviewModalComponent = (props) => {
+  const [form] = Form.useForm();
+  const [info, setInfo] = useState({});
+
+  const getData = async () => {
+    const { data } = await props["temporaryPersonnelInfo"]({ id: props.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  const onSubmit = async (values) => {
+    const { success } = await props["temporaryPersonnelReview"]({
+      ...values,
+      id: props.id,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.onCancel();
+      props.getData();
+    }
+  };
+
+  return (
+    <Modal
+      title="审核"
+      open
+      width={600}
+      maskClosable={false}
+      onCancel={props.onCancel}
+      onOk={form.submit}
+      confirmLoading={props.temporaryPersonnel.temporaryPersonnelLoading}
+    >
+      <Divider orientation="left">申请信息</Divider>
+      <Descriptions
+        column={1}
+        bordered
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "访问人姓名", children: info.todo1 },
+          { label: "手机号", children: info.todo2 },
+          { label: "身份证号", children: info.todo3 },
+          { label: "访问开始时间", children: info.todo4 },
+          { label: "访问结束时间", children: info.todo5 },
+          { label: "访问口门名称", children: info.todo6 },
+          { label: "人脸照片", children: (<PreviewImg files={[info.todo7]} />) },
+          { label: "申请人安全告知签字", children: (<PreviewImg files={[info.todo8]} />) },
+        ]}
+      />
+      <Divider orientation="left">审批信息</Divider>
+      <FormBuilder
+        form={form}
+        onFinish={onSubmit}
+        showActionButtons={false}
+        labelCol={{ span: 10 }}
+        span={24}
+        values={{
+          todo1: "1",
+        }}
+        loading={props.temporaryPersonnel.temporaryPersonnelLoading}
+        options={[
+          {
+            name: "todo1",
+            label: "是否通过",
+            render: FORM_ITEM_RENDER_ENUM.RADIO,
+            items: [{ bianma: "1", name: "通过" }, { bianma: "2", name: "不通过" }],
+          },
+          {
+            name: "todo2",
+            label: "不通过原因",
+            render: FORM_ITEM_RENDER_ENUM.TEXTAREA,
+            dependencies: ["todo1"],
+            hidden: formValues => !(formValues.todo1 === "2"),
+          },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const ApprovalDetailsModalComponent = (props) => {
+  const [list, setList] = useState([]);
+
+  const getData = async () => {
+    const { data } = await props["temporaryPersonnelReviewList"]({ id: props.id });
+    setList(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Modal
+      title="审批详情"
+      open
+      width={800}
+      maskClosable={false}
+      onCancel={props.onCancel}
+      loading={props.temporaryPersonnel.temporaryPersonnelLoading}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <style>
+        {`
+          .step {
+            display:flex;
+            gap:20px;
+            margin-top:10px;
+          }
+          .index {
+            border:1px solid #000;
+            border-radius: 50%;
+            width: 30px;
+            height: 30px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+          }
+          .info {
+            flex:1;
+            border:1px solid #ccc;
+            border-radius: 4px;
+            padding:10px 20px;
+          }
+        `}
+      </style>
+      <div className="steps">
+        {
+          list.map((item, index) => (
+            <div className="step" key={index}>
+              <div className="index">{index + 1}</div>
+              <div className="info">
+                <div>
+                  <span>审批人：</span>
+                  <span>{item.user}</span>
+                </div>
+                <div>
+                  <span>审批人公司：</span>
+                  <span>{item.corpInfo}</span>
+                </div>
+                <div>
+                  <span>审批人部门：</span>
+                  <span>{item.department}</span>
+                </div>
+                <div>
+                  <span>审批状态：</span>
+                  <span>{getLabelName({ list: STATUS_ENUM, status: item.status })}</span>
+                </div>
+              </div>
+            </div>
+          ))
+        }
+      </div>
+    </Modal>
+  );
+};
+
+const ReviewModal = Connect([NS_TEMPORARY_PERSONNEL], true)(ReviewModalComponent);
+const ApprovalDetailsModal = Connect([NS_TEMPORARY_PERSONNEL], true)(ApprovalDetailsModalComponent);
+
+export default Connect([NS_TEMPORARY_PERSONNEL], true)(List);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/View/index.js b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/View/index.js
new file mode 100644
index 0000000..eeaba9e
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/View/index.js
@@ -0,0 +1,58 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Descriptions, Divider, Spin } from "antd";
+import { useEffect, useState } from "react";
+import Page from "zy-react-library/components/Page";
+import PreviewImg from "zy-react-library/components/PreviewImg";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_TEMPORARY_PERSONNEL } from "~/enumerate/namespace";
+
+function View(props) {
+  const query = useGetUrlQuery();
+
+  const { info, setInfo } = useState({});
+
+  const getData = async () => {
+    const { data } = await props["temporaryPersonnelInfo"]({ id: query.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Page headerTitle="查看" contentPadding="0 20px 20px 20px">
+      <Spin spinning={props.temporaryPersonnel.temporaryPersonnelLoading}>
+        <Divider orientation="left">申请信息</Divider>
+        <Descriptions
+          column={2}
+          bordered
+          styles={{ label: { width: 200 } }}
+          items={[
+            { label: "访问人姓名", children: info.todo1, span: 2 },
+            { label: "手机号", children: info.todo2 },
+            { label: "身份证号", children: info.todo3 },
+            { label: "访问开始时间", children: info.todo4 },
+            { label: "访问结束时间", children: info.todo5 },
+            { label: "访问港区", children: info.todo6 },
+            { label: "访问口门名称", children: info.todo7 },
+            { label: "来访事由", children: info.todo8, span: 2 },
+            { label: "人脸照片", children: (<PreviewImg files={[info.todo9]} />), span: 2 },
+          ]}
+        />
+        <Divider orientation="left">审批信息</Divider>
+        <Descriptions
+          column={2}
+          bordered
+          styles={{ label: { width: 200 } }}
+          items={[
+            { label: "审批企业", children: info.todo10 },
+            { label: "审批人", children: info.todo11 },
+          ]}
+        />
+      </Spin>
+    </Page>
+  );
+}
+
+export default Connect([NS_TEMPORARY_PERSONNEL], true)(View);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/index.js b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/index.js
new file mode 100644
index 0000000..69bb564
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryPersonnel/index.js
@@ -0,0 +1,5 @@
+function TemporaryPersonnel(props) {
+  return props.children;
+}
+
+export default TemporaryPersonnel;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/Add/index.js b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/Add/index.js
new file mode 100644
index 0000000..800cb93
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/Add/index.js
@@ -0,0 +1,111 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, message } from "antd";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import Page from "zy-react-library/components/Page";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import PersonnelSelect from "zy-react-library/components/Select/Personnel/Gwj";
+import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
+import Upload from "zy-react-library/components/Upload";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import { ID_NUMBER, LICENSE_PLATE_NUMBER, PHONE } from "zy-react-library/regular";
+import { NS_TEMPORARY_VEHICLE } from "~/enumerate/namespace";
+
+function Add(props) {
+  const [form] = Form.useForm();
+
+  const onSubmit = async (values) => {
+    const { success } = await props["temporaryVehicleAdd"](values);
+    if (success) {
+      message.success("新增成功");
+      props.history.goBack();
+    }
+  };
+
+  return (
+    <Page headerTitle="新增" isShowFooter={false} contentPadding="0 20px 20px 20px">
+      <FormBuilder
+        form={form}
+        onFinish={onSubmit}
+        loading={props.temporaryVehicle.temporaryVehicleLoading}
+        options={[
+          { label: "申请信息", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
+          { name: "todo1", label: "访问人姓名" },
+          { name: "todo2", label: "手机号", rules: [{ pattern: PHONE, message: "请输入正确的手机号" }] },
+          { name: "todo3", label: "身份证号", rules: [{ pattern: ID_NUMBER, message: "请输入正确的身份证号" }] },
+          { name: "todo4", label: "车牌号", rules: [{ pattern: LICENSE_PLATE_NUMBER, message: "请输入正确的车牌号" }] },
+          { name: "todo5", label: "车牌类型", render: (<DictionarySelect dictValue="LICENSE_PLATE_TYPE" />) },
+          { name: "todo6", label: "车辆类型", render: (<DictionarySelect dictValue="VEHICLE_TYPE" />) },
+          { name: "todo7", label: "访问开始时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+          { name: "todo8", label: "访问结束时间", render: FORM_ITEM_RENDER_ENUM.DATE },
+          { name: "todo9", label: "访问港区", render: <DictionarySelect dictValue="primeport_area" /> },
+          { name: "todo10", label: "访问口门名称" },
+          { name: "todo11", label: "来访事由", span: 24, render: FORM_ITEM_RENDER_ENUM.TEXTAREA },
+          {
+            name: "todo12",
+            label: "行驶证照片",
+            span: 24,
+            render: (
+              <Upload
+                maxCount={1}
+                size={5}
+                tipContent={(
+                  <div style={{ color: "red", fontSize: 12 }}>
+                    <div>1. 请拍摄行驶证正本和副本，确保四角完整、无遮挡</div>
+                    <div>2. 文字、印章清晰可见，避免反光</div>
+                    <div>3. 支持格式:.jpg/.jpeg/.png，单张5MB</div>
+                  </div>
+                )}
+              />
+            ),
+          },
+          {
+            name: "todo13",
+            label: "车辆图片",
+            span: 24,
+            render: (
+              <Upload
+                maxCount={4}
+                size={5}
+                tipContent={(
+                  <div style={{ color: "red", fontSize: 12 }}>
+                    <div>1.上限4张</div>
+                    <div>2. 请从车辆左前侧45°拍摄，车牌清晰可见</div>
+                    <div>3. 背景简洁，避免逆光或阴影</div>
+                    <div>4. 支持格式:.jpg/.jpeg/.png，单张5MB</div>
+                  </div>
+                )}
+              />
+            ),
+          },
+          { label: "审批信息", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
+          {
+            name: "todo14",
+            label: "审批企业",
+            render: (<DepartmentSelectTree searchType="inType" params={{ enterpriseType: [1, 2] }} />),
+          },
+          { name: "todo15", label: "审批人", render: (<PersonnelSelect params={{ departmentId: "" }} />) },
+          {
+            name: "todo16",
+            label: " ",
+            span: 24,
+            required: false,
+            rules: [{ required: true, message: "请勾选" }],
+            formItemProps: { colon: false, required: false, style: { textAlign: "center" } },
+            render: FORM_ITEM_RENDER_ENUM.CHECKBOX,
+            items: [{
+              bianma: "1",
+              name: (
+                <>
+                  我已阅读并同意
+                  <Button type="link" style={{ padding: 0 }}>《安全协议》</Button>
+                </>
+              ),
+            }],
+          },
+        ]}
+      />
+    </Page>
+  );
+}
+
+export default Connect([NS_TEMPORARY_VEHICLE], true)(Add);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/List/index.js b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/List/index.js
new file mode 100644
index 0000000..fcc35cd
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/List/index.js
@@ -0,0 +1,348 @@
+import { CameraOutlined } from "@ant-design/icons";
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider, Form, message, Modal, QRCode, Space } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Page from "zy-react-library/components/Page";
+import PreviewImg from "zy-react-library/components/PreviewImg";
+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 useTable from "zy-react-library/hooks/useTable";
+import { getLabelName } from "zy-react-library/utils";
+import { NS_TEMPORARY_VEHICLE } from "~/enumerate/namespace";
+
+const STATUS_ENUM = [
+  { bianma: "1", name: "通过" },
+  { bianma: "2", name: "不通过" },
+  { bianma: "3", name: "审核中" },
+];
+
+function List(props) {
+  const [qrCodeModalVisible, setQrCodeModalVisible] = useState(false);
+  const [reviewModalVisible, setReviewModalVisible] = useState(false);
+  const [approvalDetailsModalVisible, setApprovalDetailsModalVisible] = useState(false);
+  const [currentId, setCurrentId] = useState("");
+
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["temporaryVehicleList"], {
+    form,
+  });
+
+  return (
+    <Page isShowAllAction={false}>
+      <Search
+        form={form}
+        onFinish={getData}
+        options={[
+          { name: "todo1", label: "访问人姓名" },
+          { name: "todo2", label: "车牌号" },
+          { name: "todo3", label: "访问开始时间" },
+          { name: "todo4", label: "访问结束时间" },
+          { name: "todo5", label: "审批状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: STATUS_ENUM },
+          { name: "todo6", label: "访问口门名称" },
+        ]}
+      />
+      <Table
+        toolBarRender={() => (
+          <Space>
+            <Button
+              type="primary"
+              icon={(<AddIcon />)}
+              onClick={() => {
+                props.history.push("./add");
+              }}
+            >
+              新增
+            </Button>
+            <Button
+              type="primary"
+              icon={(<CameraOutlined />)}
+              onClick={() => {
+                setQrCodeModalVisible(true);
+              }}
+            >
+              访客二维码
+            </Button>
+          </Space>
+        )}
+        columns={[
+          { title: "访问人姓名", dataIndex: "todo1" },
+          { title: "手机号", dataIndex: "todo2" },
+          { title: "身份证号", dataIndex: "todo3" },
+          { title: "车牌号", dataIndex: "todo4" },
+          { title: "车牌类型", dataIndex: "todo5" },
+          { title: "车辆类型", dataIndex: "todo6" },
+          { title: "来访事由", dataIndex: "todo7" },
+          { title: "访问起始时间", dataIndex: "todo8" },
+          { title: "访问结束时间", dataIndex: "todo9" },
+          { title: "访问口门名称", dataIndex: "todo10" },
+          {
+            title: "审批状态",
+            dataIndex: "todo11",
+            render: (_, record) => getLabelName({ list: STATUS_ENUM, status: record.todo11 }),
+          },
+          {
+            title: "操作",
+            width: 200,
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./view?id=${record.id}`);
+                  }}
+                >
+                  查看
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setApprovalDetailsModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  审批详情
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setReviewModalVisible(true);
+                    setCurrentId(record.id);
+                  }}
+                >
+                  审核
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {
+        qrCodeModalVisible && (
+          <QrCodeModal
+            onCancel={() => {
+              setQrCodeModalVisible(false);
+              setCurrentId("");
+            }}
+          />
+        )
+      }
+      {
+        reviewModalVisible && (
+          <ReviewModal
+            id={currentId}
+            onCancel={() => {
+              setReviewModalVisible(false);
+              setCurrentId("");
+            }}
+            getData={getData}
+          />
+        )
+      }
+      {
+        approvalDetailsModalVisible && (
+          <ApprovalDetailsModal
+            id={currentId}
+            onCancel={() => {
+              setApprovalDetailsModalVisible(false);
+              setCurrentId("");
+            }}
+          />
+        )
+      }
+    </Page>
+  );
+}
+
+const QrCodeModal = (props) => {
+  return (
+    <Modal
+      title="访客二维码"
+      open
+      width={600}
+      maskClosable={false}
+      onCancel={props.onCancel}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <div style={{ textAlign: "center" }}>
+        <QRCode value="-" style={{ margin: "0 auto", marginBottom: 10 }} />
+        <div>温馨提示：此二维码支持临时入港申请预约及预约结果查询</div>
+      </div>
+    </Modal>
+  );
+};
+
+const ReviewModalComponent = (props) => {
+  const [form] = Form.useForm();
+  const [info, setInfo] = useState({});
+
+  const getData = async () => {
+    const { data } = await props["temporaryVehicleInfo"]({ id: props.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  const onSubmit = async (values) => {
+    const { success } = await props["temporaryVehicleReview"]({
+      ...values,
+      id: props.id,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.onCancel();
+      props.getData();
+    }
+  };
+
+  return (
+    <Modal
+      title="审核"
+      open
+      width={600}
+      maskClosable={false}
+      onCancel={props.onCancel}
+      onOk={form.submit}
+      confirmLoading={props.temporaryVehicle.temporaryVehicleLoading}
+    >
+      <Divider orientation="left">申请信息</Divider>
+      <Descriptions
+        column={1}
+        bordered
+        styles={{ label: { width: 200 } }}
+        items={[
+          { label: "访问人姓名", children: info.todo1 },
+          { label: "手机号", children: info.todo2 },
+          { label: "身份证号", children: info.todo3 },
+          { label: "车牌号", children: info.todo4 },
+          { label: "车牌类型", children: info.todo5 },
+          { label: "车辆类型", children: info.todo6 },
+          { label: "访问开始时间", children: info.todo7 },
+          { label: "访问结束时间", children: info.todo8 },
+          { label: "访问口门名称", children: info.todo9 },
+          { label: "行驶证照片", children: (<PreviewImg files={[info.todo10]} />) },
+          { label: "车辆照片", children: (<PreviewImg files={[info.todo11]} />) },
+          { label: "申请人安全告知签字", children: (<PreviewImg files={[info.todo12]} />) },
+        ]}
+      />
+      <Divider orientation="left">审批信息</Divider>
+      <FormBuilder
+        form={form}
+        onFinish={onSubmit}
+        showActionButtons={false}
+        labelCol={{ span: 10 }}
+        span={24}
+        values={{
+          todo1: "1",
+        }}
+        loading={props.temporaryVehicle.temporaryVehicleLoading}
+        options={[
+          {
+            name: "todo1",
+            label: "是否通过",
+            render: FORM_ITEM_RENDER_ENUM.RADIO,
+            items: [{ bianma: "1", name: "通过" }, { bianma: "2", name: "不通过" }],
+          },
+          {
+            name: "todo2",
+            label: "不通过原因",
+            render: FORM_ITEM_RENDER_ENUM.TEXTAREA,
+            dependencies: ["todo1"],
+            hidden: formValues => !(formValues.todo1 === "2"),
+          },
+        ]}
+      />
+    </Modal>
+  );
+};
+
+const ApprovalDetailsModalComponent = (props) => {
+  const [list, setList] = useState([]);
+
+  const getData = async () => {
+    const { data } = await props["temporaryVehicleReviewList"]({ id: props.id });
+    setList(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Modal
+      title="审批详情"
+      open
+      width={800}
+      maskClosable={false}
+      onCancel={props.onCancel}
+      loading={props.temporaryVehicle.temporaryVehicleLoading}
+      footer={[
+        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
+      ]}
+    >
+      <style>
+        {`
+          .step {
+            display:flex;
+            gap:20px;
+            margin-top:10px;
+          }
+          .index {
+            border:1px solid #000;
+            border-radius: 50%;
+            width: 30px;
+            height: 30px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+          }
+          .info {
+            flex:1;
+            border:1px solid #ccc;
+            border-radius: 4px;
+            padding:10px 20px;
+          }
+        `}
+      </style>
+      <div className="steps">
+        {
+          list.map((item, index) => (
+            <div className="step" key={index}>
+              <div className="index">{index + 1}</div>
+              <div className="info">
+                <div>
+                  <span>审批人：</span>
+                  <span>{item.user}</span>
+                </div>
+                <div>
+                  <span>审批人公司：</span>
+                  <span>{item.corpInfo}</span>
+                </div>
+                <div>
+                  <span>审批人部门：</span>
+                  <span>{item.department}</span>
+                </div>
+                <div>
+                  <span>审批状态：</span>
+                  <span>{getLabelName({ list: STATUS_ENUM, status: item.status })}</span>
+                </div>
+              </div>
+            </div>
+          ))
+        }
+      </div>
+    </Modal>
+  );
+};
+
+const ReviewModal = Connect([NS_TEMPORARY_VEHICLE], true)(ReviewModalComponent);
+const ApprovalDetailsModal = Connect([NS_TEMPORARY_VEHICLE], true)(ApprovalDetailsModalComponent);
+
+export default Connect([NS_TEMPORARY_VEHICLE], true)(List);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/View/index.js b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/View/index.js
new file mode 100644
index 0000000..40c13e9
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/View/index.js
@@ -0,0 +1,62 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Descriptions, Divider, Spin } from "antd";
+import { useEffect, useState } from "react";
+import Page from "zy-react-library/components/Page";
+import PreviewImg from "zy-react-library/components/PreviewImg";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_TEMPORARY_VEHICLE } from "~/enumerate/namespace";
+
+function View(props) {
+  const query = useGetUrlQuery();
+
+  const { info, setInfo } = useState({});
+
+  const getData = async () => {
+    const { data } = await props["temporaryVehicleInfo"]({ id: query.id });
+    setInfo(data);
+  };
+
+  useEffect(() => {
+    getData();
+  }, []);
+
+  return (
+    <Page headerTitle="查看" contentPadding="0 20px 20px 20px">
+      <Spin spinning={props.temporaryVehicle.temporaryVehicleLoading}>
+        <Divider orientation="left">申请信息</Divider>
+        <Descriptions
+          column={2}
+          bordered
+          styles={{ label: { width: 200 } }}
+          items={[
+            { label: "访问人姓名", children: info.todo1 },
+            { label: "手机号", children: info.todo2 },
+            { label: "身份证号", children: info.todo3 },
+            { label: "车牌号", children: info.todo4 },
+            { label: "车牌类型", children: info.todo5 },
+            { label: "车辆类型", children: info.todo6 },
+            { label: "访问开始时间", children: info.todo7 },
+            { label: "访问结束时间", children: info.todo8 },
+            { label: "访问港区", children: info.todo9 },
+            { label: "访问口门名称", children: info.todo10 },
+            { label: "来访事由", children: info.todo11, span: 2 },
+            { label: "行驶证照片", children: (<PreviewImg files={[info.todo12]} />), span: 2 },
+            { label: "车辆图片", children: (<PreviewImg files={[info.todo13]} />), span: 2 },
+          ]}
+        />
+        <Divider orientation="left">审批信息</Divider>
+        <Descriptions
+          column={2}
+          bordered
+          styles={{ label: { width: 200 } }}
+          items={[
+            { label: "审批企业", children: info.todo14 },
+            { label: "审批人", children: info.todo15 },
+          ]}
+        />
+      </Spin>
+    </Page>
+  );
+}
+
+export default Connect([NS_TEMPORARY_VEHICLE], true)(View);
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/index.js b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/index.js
new file mode 100644
index 0000000..69bb564
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/TemporaryVehicle/index.js
@@ -0,0 +1,5 @@
+function TemporaryPersonnel(props) {
+  return props.children;
+}
+
+export default TemporaryPersonnel;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/index.js b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/index.js
new file mode 100644
index 0000000..e69aa5a
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/TemporaryVisitor/index.js
@@ -0,0 +1,5 @@
+function TemporaryVisitor(props) {
+  return props.children;
+}
+
+export default TemporaryVisitor;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/index.js b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/index.js
new file mode 100644
index 0000000..6819286
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/PortEntryApproval/index.js
@@ -0,0 +1,5 @@
+function PortEntryApproval(props) {
+  return props.children;
+}
+
+export default PortEntryApproval;
diff --git a/src/pages/Container/Supervision/FirstLevelDoor/index.js b/src/pages/Container/Supervision/FirstLevelDoor/index.js
new file mode 100644
index 0000000..adfea5b
--- /dev/null
+++ b/src/pages/Container/Supervision/FirstLevelDoor/index.js
@@ -0,0 +1,5 @@
+function FirstLevelDoor(props) {
+  return props.children;
+}
+
+export default FirstLevelDoor;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/Add/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/Add/index.js
deleted file mode 100644
index 3c7ca6c..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/Add/index.js
+++ /dev/null
@@ -1,96 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Form, message, Modal } from "antd";
-import FormBuilder from "zy-react-library/components/FormBuilder";
-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, NS_PRIMARYACCESSCONTROL } from "~/enumerate/namespace";
-
-function Add(props) {
-  const query = useGetUrlQuery();
-  const [form] = Form.useForm();
-  const personUnderDepartmentId = Form.useWatch("deptId", form);
-
-  const onCancel = () => {
-    form.resetFields();
-    props.onCancel();
-  };
-
-  const onSubmit = async (values) => {
-    const { approverType, ...rest } = values;
-    const submitData = {
-      ...rest,
-      isPersonnelPermission: approverType?.includes(1) ? 1 : 0,
-      isVehiclePermission: approverType?.includes(0) ? 1 : 0,
-      isTemporaryPermission: approverType?.includes(2) ? 1 : 0,
-      id: query.id,
-      isRegulatory: 0,
-    };
-    const { success } = await props["addMkmjApprovalUser"](submitData);
-    onCancel();
-    props.getData();
-    if (success) {
-      message.success("操作成功");
-    }
-  };
-  return (
-    <Modal
-      open
-      onCancel={onCancel}
-      onOk={form.submit}
-      title={props.id ? "编辑" : "新增"}
-      confirmLoading={props.loading}
-      width={800}
-    >
-      <FormBuilder
-        labelCol={{ span: 8 }}
-        form={form}
-        loading={props.loading}
-        onFinish={onSubmit}
-        showActionButtons={false}
-        options={[
-          {
-            name: "deptId", label: "部门", span: 24, render:
-              <DepartmentSelectTree
-                onGetLabel={(label) => {
-                  form.setFieldValue("deptName", label);
-                }}
-                onChange={() => {
-                  form.setFieldValue("userId", "");
-                  form.setFieldValue("name", "");
-                  form.setFieldValue("userName", "");
-                  form.setFieldValue("postId", "");
-                  form.setFieldValue("postName", "");
-                  form.setFieldValue("corpId", "");
-                }} />
-          },
-          { name: "deptName", label: "部门名称", onlyForLabel: true },
-          {
-            name: "userId", label: "审批人", span: 24, render: (
-              <PersonnelSelect
-                params={{ departmentId: personUnderDepartmentId }}
-                onGetLabel={(label) => {
-                  form.setFieldValue("name", label);
-                }}
-                onGetOption={(option) => {
-                  form.setFieldValue("userName", option.username);
-                  form.setFieldValue("postId", option.postId);
-                  form.setFieldValue("postName", option.postName);
-                  form.setFieldValue("corpId", option.tenantId);
-                }}
-              />
-            )
-          },
-          { name: "name", label: "审批人名称", onlyForLabel: true },
-          { name: "userName", label: "审批人账号", onlyForLabel: true },
-          { name: "postId", label: "岗位ID", onlyForLabel: true },
-          { name: "postName", label: "岗位名称", onlyForLabel: true },
-          { name: "corpId", label: "租户ID", onlyForLabel: true },
-          { name: "approverType", label: "审批权限", span: 24, render: FORM_ITEM_RENDER_ENUM.CHECKBOX, items: [{ bianma: 1, name: "人员" }, { bianma: 0, name: "车辆" }, { bianma: 2, name: "临时访客" }] },
-        ]}
-      />
-    </Modal>
-  );
-}
-export default Connect([NS_BASICINFORMATION, NS_PRIMARYACCESSCONTROL], 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
deleted file mode 100644
index 07d168f..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/List/index.js
+++ /dev/null
@@ -1,109 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Form, Space, Modal, message } from "antd";
-import { useState } from "react";
-import AddIcon from "zy-react-library/components/Icon/AddIcon";
-import Page from "zy-react-library/components/Page";
-import Search from "zy-react-library/components/Search";
-import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
-import useTable from "zy-react-library/hooks/useTable";
-import Table from "zy-react-library/components/Table";
-import { NS_BASICINFORMATION, NS_PRIMARYACCESSCONTROL } from "~/enumerate/namespace";
-import AddModal from "../Add";
-
-function List(props) {
-  const [addModalVisible, setAddModalVisible] = useState(false);
-  const [form] = Form.useForm();
-  const { tableProps, getData } = useTable(props["mkmjApprovalUserList"], {
-    form,
-    params: {
-
-    },
-  });
-  const onDelete = (record) => {
-    Modal.confirm({
-      title: "删除确认",
-      content: "确定要删除吗？",
-      onOk: async () => {
-        const { success } = await props["deleteMkmjApprovalUser"]({ id: record.id });
-        if (success) {
-          message.success("删除成功");
-          getData();
-        }
-      },
-    });
-  };
-  return (
-    <Page isShowAllAction={false} headerTitle="访问审批人" isShowHeader={true}>
-      <Search
-        labelCol={{ span: 8 }}
-        options={[
-          {
-            name: "eqDeptId", label: "部门", render: (
-              <DepartmentSelectTree />
-            )
-          },
-          { name: "likeName", label: "姓名" },
-        ]}
-        form={form}
-        onFinish={getData}
-      />
-      <Table
-        toolBarRender={() => (
-          <Space>
-            <Button
-              type="primary"
-              icon={<AddIcon />}
-              onClick={() => setAddModalVisible(true)}
-            >
-              新增
-            </Button>
-          </Space>
-        )}
-        columns={[
-          { title: "部门", dataIndex: "departmentName" },
-          { title: "姓名", dataIndex: "name" },
-          { title: "岗位", dataIndex: "postName" },
-          { title: "审批权限", dataIndex: "approvalPermission",render: (_,record) => {
-            const approvalPermission = [];
-            if(record.isPersonnelPermission === 1){
-              approvalPermission.push("人员");
-            }
-            if(record.isVehiclePermission === 1){
-              approvalPermission.push("车辆");
-            }
-            if(record.isTemporaryPermission === 1){
-              approvalPermission.push("临时访客");
-            }
-            return approvalPermission.join("，");
-          }},
-          {
-            title: "操作",
-            fixed: "right",
-            width: 350,
-            render: (_, record) => (
-              <Space>
-                <Button
-                  type="link"
-                  danger
-                  onClick={() => onDelete(record)}
-                >
-                  删除
-                </Button>
-              </Space>
-            ),
-          },
-        ]}
-        {...tableProps}
-      />
-
-      {addModalVisible && <AddModal
-        onCancel={() => {
-          setAddModalVisible(false);
-        }}
-        getData={getData}
-      />}
-    </Page>
-  );
-}
-
-export default Connect([NS_BASICINFORMATION, NS_PRIMARYACCESSCONTROL], true)(List);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/index.js
deleted file mode 100644
index db819f3..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/AccessApprover/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index a9a5d7d..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/Add/index.js
+++ /dev/null
@@ -1,66 +0,0 @@
-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 Map from "zy-react-library/components/Map";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle={query.id ? "编辑" : "新增"} isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-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
deleted file mode 100644
index 3ec615f..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/CameraAdd/index.js
+++ /dev/null
@@ -1,73 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page  isShowAllAction={false} headerTitle={query.id ? "编辑" : "新增"} isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-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
deleted file mode 100644
index f1a7db5..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/CameraDetail/index.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Descriptions, Spin } from "antd";
-import { useEffect, useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="查看" isShowHeader={true}>
-      <Spin
-        spinning={props.basicInformation.basicInformationLoading}
-      >
-        <div>
-          <Descriptions
-            bordered
-            column={1}
-            styles={{ label: { width: 200 } }}
-            items={[
-              { label: "视频名称", children: "" },
-              { label: "播放地址", children: "" },
-              { label: "摄像头编号", children: "" },
-            ]}
-          />
-        </div>
-      </Spin>
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index befe92b..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/CameraList/index.js
+++ /dev/null
@@ -1,123 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Form, message, Modal, Space } from "antd";
-import { useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="添加摄像头" isShowHeader={true}>
-      <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"
-              ghost
-              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}
-      />
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index 6512b65..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/ChanneAdd/index.js
+++ /dev/null
@@ -1,59 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle={query.id ? "编辑" : "新增"} isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-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
deleted file mode 100644
index 9a1569d..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/ChanneDetail/index.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Descriptions, Spin } from "antd";
-import { useEffect, useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="查看" isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index 35823f8..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/ChannelList/index.js
+++ /dev/null
@@ -1,124 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Form, message, Modal, Space } from "antd";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="通道" isShowHeader={true}>
-      <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"
-              ghost
-              icon={<AddIcon />}
-              onClick={() => {
-                props.history.push("./ChanneDetail");
-              }}
-            >
-              查看
-            </Button>
-            <Button
-              type="primary"
-              ghost
-              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}
-      />
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index 3a0a7df..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/Detail/index.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Descriptions, Spin } from "antd";
-import { useEffect, useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="查看" isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index 9421c35..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/EquipmentAdd/index.js
+++ /dev/null
@@ -1,62 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle={query.id ? "编辑" : "新增"} isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-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
deleted file mode 100644
index b5657ca..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/EquipmentDetail/index.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Descriptions, Spin } from "antd";
-import { useEffect, useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="查看" isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index cdad3ab..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/EquipmentList/index.js
+++ /dev/null
@@ -1,131 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Form, message, Modal, Space } from "antd";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="设备" isShowHeader={true}>
-      <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"
-              ghost
-              icon={<AddIcon />}
-              onClick={() => {
-                props.history.push("./EquipmentDetail");
-              }}
-            >
-              查看
-            </Button>
-            <Button
-              type="primary"
-              ghost
-              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}
-      />
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index 0bc0aac..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/List/index.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import Area from "~/pages/Container/MkmjArea/components/Area";
-
-function AreaContainer(props) {
-  return (
-    <Area
-      areaLevel={1}
-      addPermission="zcloud-mkmj-area-add"
-      editPermission="zcloud-mkmj-area-edit"
-      deletePermission="zcloud-mkmj-area-delete"
-      deleteBatchPermission="zcloud-mkmj-area-delete-batch"
-      exportPermission="zcloud-mkmj-area-export"
-      {...props}
-    />
-  );
-}
-
-export default AreaContainer;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/index.js
deleted file mode 100644
index 16eae8e..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/PrimaryAccessPoint/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index 6b7722a..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/BasicInformation/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index ee96185..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/Arrival/Detail/index.js
+++ /dev/null
@@ -1,158 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Descriptions, Divider, Form, Input, message, Modal, Spin } from "antd";
-import { useEffect, useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="查看" isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index 8ae5b78..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/Arrival/List/index.js
+++ /dev/null
@@ -1,120 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Descriptions, Form, Modal, Space } from "antd";
-import { useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="人员入场申请列表" isShowHeader={true}>
-      <Search
-        labelCol={{ span: 8 }}
-        options={[
-          { name: "", label: "姓名" },
-          { name: "", label: "项目名称" },
-        ]}
-        form={form}
-        // onFinish={getData}
-      />
-      <Table
-        toolBarRender={() => (
-          <Space>
-            <Button
-              type="primary"
-              ghost 
-              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)} />}
-    </Page>
-  );
-}
-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
deleted file mode 100644
index 44d89e3..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Personnel/Arrival/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Arrival(props) {
-  return (<div>{props.children}</div>);
-}
-
-export default Arrival;
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
deleted file mode 100644
index 63630a1..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Share/Detail/index.js
+++ /dev/null
@@ -1,154 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Descriptions, Divider, Form, Input, message, Modal, Spin } from "antd";
-import { useEffect, useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 style={{ padding: 10 }}>
-            <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 (
-    <Page isShowAllAction={false} headerTitle="查看" isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index d347118..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Share/List/index.js
+++ /dev/null
@@ -1,131 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Descriptions, Form, Modal, Space } from "antd";
-import { useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="共享车辆申请列表" isShowHeader={true}>
-      <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"
-              ghost
-              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)} />}
-    </Page>
-  );
-}
-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
deleted file mode 100644
index 520f31e..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Share/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index 3723691..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/Detail/index.js
+++ /dev/null
@@ -1,148 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Descriptions, Divider, Form, Input, message, Modal, Spin } from "antd";
-import { useEffect, useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 style={{ padding: 10 }}>
-            <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 (
-    <Page isShowAllAction={false} headerTitle="查看" isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index 1a21563..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/List/index.js
+++ /dev/null
@@ -1,120 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Descriptions, Form, Modal, Space } from "antd";
-import { useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="相关方车辆申请列表" isShowHeader={true}>
-      <Search
-        labelCol={{ span: 8 }}
-        options={[
-          { name: "", label: "车牌号" },
-          { name: "", label: "项目名称" },
-        ]}
-        form={form}
-        // onFinish={getData}
-      />
-      <Table
-        toolBarRender={() => (
-          <Space>
-            <Button
-              type="primary"
-              ghost
-              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)} />}
-    </Page>
-  );
-}
-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
deleted file mode 100644
index a0122e5..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/Vehicle/Stakeholder/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Stakeholder(props) {
-  return (<div>{props.children}</div>);
-}
-
-export default Stakeholder;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/index.js
deleted file mode 100644
index 6346350..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/EntryApprova/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index 8751353..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/ApprovalRecord/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index bc53342..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/ApprovalRecordDetail/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 465c675..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/List/index.js
+++ /dev/null
@@ -1,84 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Form, Space } from "antd";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="分公司人员车辆列表" isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-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
deleted file mode 100644
index e3017cf..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/PersonnelVehicle/index.js
+++ /dev/null
@@ -1,141 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="人员及车辆详情" isShowHeader={true}>
-      <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"
-                  ghost
-                  onClick={() => {
-                    props.history.push("./PersonnelVehicleRecord");
-                  }}
-                >
-                  人员进出记录
-                </Button>
-                <Button
-                  type="primary"
-                  ghost
-                  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)} />}
-    </Page>
-  );
-}
-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
deleted file mode 100644
index 5faeba8..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/PersonnelVehicleManagement/index.js
+++ /dev/null
@@ -1,115 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Form, Space } from "antd";
-import { useEffect, useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="车辆管理" isShowHeader={true}>
-      <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"
-              ghost
-              onClick={() => {
-                props.history.push("./VehicleRecord");
-              }}
-            >
-              车辆进出记录
-            </Button>
-            <Button
-              type="primary"
-              ghost
-              onClick={() => {
-                props.history.push("./ApprovalRecord");
-              }}
-            >
-              审批记录
-            </Button>
-            <Button
-              type="primary"
-              ghost
-              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}
-      />
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index 68aaa0b..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/PersonnelVehicleRecord/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-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
deleted file mode 100644
index 54b6b3d..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/SwitchRecord/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-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
deleted file mode 100644
index 644beb5..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/Vehicle/index.js
+++ /dev/null
@@ -1,137 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Form, Space } from "antd";
-import { useEffect, useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="单位车辆详情" isShowHeader={true}>
-      <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"
-              ghost
-              onClick={() => {
-                props.history.push("./VehicleRecord");
-              }}
-            >
-              车辆进出记录
-            </Button>
-            <Button
-              type="primary"
-              ghost
-              onClick={() => {
-                props.history.push("./ApprovalRecord");
-              }}
-            >
-              审批记录
-            </Button>
-            <Button
-              type="primary"
-              ghost
-              onClick={() => {
-                props.history.push("./SwitchRecord");
-              }}
-            >
-              开关记录
-            </Button>
-            <Button
-              type="primary"
-              ghost
-              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}
-      />
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index dfa6459..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/VehicleManagementDetail/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-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
deleted file mode 100644
index f55ba6e..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/VehicleRecord/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-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
deleted file mode 100644
index 8e6422f..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/BranchCompanyPersonnelVehicle/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index 089f9fd..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/Add/index.js
+++ /dev/null
@@ -1,81 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle={query.id ? "编辑" : "新增"} isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-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
deleted file mode 100644
index 3e2b8bc..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/List/index.js
+++ /dev/null
@@ -1,128 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="检查部门车辆列表" isShowHeader={true}>
-      <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"
-                ghost
-                icon={<AddIcon />}
-                onClick={() => {
-                  props.history.push("./Add");
-                }}
-              >
-                新增
-              </Button>
-              <Button
-                type="primary"
-                ghost
-                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>
-    </Page>
-  );
-}
-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
deleted file mode 100644
index f55ba6e..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/VehicleRecord/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-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
deleted file mode 100644
index 8cd4a7c..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/InspectionDepartmentVehicle/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index f856a02..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/List/index.js
+++ /dev/null
@@ -1,126 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="相关方人员车辆列表" isShowHeader={true}>
-      <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"  
-                ghost
-                onClick={() => {
-                  props.history.push("./PersonnelVehicleRecord");
-                }}
-              >
-                人员进出记录
-              </Button>
-              <Button
-                type="primary"
-                ghost
-                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>
-    </Page>
-  );
-}
-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
deleted file mode 100644
index 481b8b8..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/PersonnelRecord/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 1e2328f..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/PersonnelVehicleRecord/index.js
+++ /dev/null
@@ -1,131 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="人员进出记录" isShowHeader={true}>
-      <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"
-                  ghost
-                  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)} />}
-    </Page>
-  );
-}
-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
deleted file mode 100644
index 46f3f64..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/VehicleCarRecord/index.js
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Form } from "antd";
-import { useEffect, useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="车辆进出记录" isShowHeader={true}>
-      <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}
-      />
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index 7feaeb6..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/VehicleRecord/index.js
+++ /dev/null
@@ -1,119 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="车辆进出记录" isShowHeader={true}>
-      <Search
-        labelCol={{ span: 8 }}
-        options={[
-          { name: "likeName", label: "车牌号" },
-          { name: "likeName", label: "项目名称" },
-        ]}
-        form={form}
-        onFinish={(values) => {
-          getData(values);
-        }}
-      />
-
-      <Table
-        toolBarRender={() => (
-          <Space>
-            <Button
-              type="primary"
-              ghost
-              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)} />}
-    </Page>
-  );
-}
-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
deleted file mode 100644
index a1a4b13..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StakeholderPersonnelVehicle/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index 8751353..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/ApprovalRecord/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index bc53342..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/ApprovalRecordDetail/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index 3ece3fc..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/List/index.js
+++ /dev/null
@@ -1,107 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="驻港人员车辆列表" isShowHeader={true}>
-      <div style={{ flex: 1 }}>
-        <Search
-          labelCol={{ span: 8 }}
-          options={[
-            { name: "likeName", label: "驻港单位名称" },
-          ]}
-          form={form}
-          onFinish={(values) => {
-            getData(values);
-          }}
-        />
-        <Table
-          toolBarRender={() => (
-            <Space>
-              <Button
-                type="primary"
-                ghost
-                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>
-    </Page>
-  );
-}
-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
deleted file mode 100644
index 481b8b8..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/PersonnelRecord/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index d970ad5..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/PersonnelVehicleRecord/index.js
+++ /dev/null
@@ -1,139 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="人员及车辆详情" isShowHeader={true}>
-      <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"
-                  ghost
-                  onClick={() => {
-                    props.history.push("./PersonnelRecord");
-                  }}
-                >
-                  人员进出记录
-                </Button>
-                <Button
-                  type="primary"
-                  ghost
-                  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)} />}
-    </Page>
-  );
-}
-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
deleted file mode 100644
index 3370836..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/VehicleManagement/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index dfa6459..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/VehicleManagementDetail/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-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
deleted file mode 100644
index f55ba6e..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/VehicleRecord/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-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
deleted file mode 100644
index 7897da1..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/StationedPersonnelVehicle/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index b5f4de7..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Add/index.js
+++ /dev/null
@@ -1,275 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Form, message, Modal } from "antd";
-import { useEffect, useState } from "react";
-import FormBuilder from "zy-react-library/components/FormBuilder";
-import Upload from "zy-react-library/components/Upload";
-import useDeleteFile from "zy-react-library/hooks/useDeleteFile";
-import useGetFile from "zy-react-library/hooks/useGetFile";
-import useUploadFile from "zy-react-library/hooks/useUploadFile";
-import DictionarySelect from "zy-react-library/components/Select/Dictionary";
-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 { NS_BASICINFORMATION, NS_PRIMARYACCESSCONTROL } from "~/enumerate/namespace";
-import { validatorEndTime } from "zy-react-library/utils";
-import dayjs from "dayjs";
-
-function Add(props) {
-  const [form] = Form.useForm();
-  const personUnderDepartmentId = Form.useWatch("vehicleDepartmentId", form);
-  const [deleteLicenseImageFiles, setDeleteLicenseImageFiles] = useState([]);
-  const [deleteVehicleImageFiles, setDeleteVehicleImageFiles] = useState([]);
-  const { loading: deleteLoading, deleteFile } = useDeleteFile();
-  const { loading: uploadLoading, uploadFile } = useUploadFile();
-  const { getFile } = useGetFile();
-  const visitStartTime = Form.useWatch("visitStartTime", form);
-
-  const getData = async () => {
-    if (props.currentId) {
-      const { data } = await props["busPromiseTemplateView"]({ id: props.currentId });
-      const licenseImageFiles = await getFile({ eqType: UPLOAD_FILE_TYPE_ENUM["158"], eqForeignKey: data.id });
-      const vehicleImageFiles = await getFile({ eqType: UPLOAD_FILE_TYPE_ENUM["157"], eqForeignKey: data.id });
-
-      const values = {
-        ...data,
-        gateLevelAuthAreaArr: props.authorizationData?.gateLevelAuthArea?.map((item) => item.bianma) || [],
-        licenseImageFiles,
-        vehicleImageFiles,
-      };
-
-      form.setFieldsValue({
-        ...values,
-      });
-    }
-  };
-
-  const onCancel = () => {
-    form.resetFields();
-    setDeleteLicenseImageFiles([]);
-    setDeleteVehicleImageFiles([]);
-    props.onCancel();
-  };
-  const [userList, setUserList] = useState([]);
-  // 获取项目执行属地公司名称列表数据
-  const getUserList = async (id) => {
-    const { data } = id ? await props["userListByDeptId"]({ id }) : [];
-    setUserList(data);
-  };
-  useEffect(() => {
-    getData();
-    getUserList;
-  }, []);
-  const onSubmit = async (values) => {
-    const currentId = props.currentId;
-    // 编辑模式
-    if (currentId) {
-      // 删除标记为删除的文件
-      if (deleteLicenseImageFiles.length > 0) {
-        await deleteFile({ single: false, files: deleteLicenseImageFiles });
-      }
-      if (deleteVehicleImageFiles.length > 0) {
-        await deleteFile({ single: false, files: deleteVehicleImageFiles });
-      }
-
-      // 上传新文件
-      if (values.vehicleImageFiles && values.vehicleImageFiles.length > 0) {
-        await uploadFile({
-          single: false,
-          files: values.vehicleImageFiles,
-          params: { type: UPLOAD_FILE_TYPE_ENUM["157"], foreignKey: currentId }
-        });
-      }
-      if (values.licenseImageFiles && values.licenseImageFiles.length > 0) {
-        await uploadFile({
-          single: false,
-          files: values.licenseImageFiles,
-          params: { type: UPLOAD_FILE_TYPE_ENUM["158"], foreignKey: currentId }
-        });
-      }
-      // 保存基本信息
-      const { success } = await props["accidentEdit"]({ ...values, id: currentId });
-      if (success) {
-        message.success("操作成功");
-        props.history.goBack();
-      }
-    } else {
-      // 上传文件
-      const { id } = await uploadFile({
-        single: false,
-        files: values.vehicleImageFiles,
-        params: { type: UPLOAD_FILE_TYPE_ENUM["157"], foreignKey: "" }
-      });
-
-      if (values.licenseImageFiles && values.licenseImageFiles.length > 0) {
-        await uploadFile({
-          single: false,
-          files: values.licenseImageFiles,
-          params: { type: UPLOAD_FILE_TYPE_ENUM["158"], foreignKey: id }
-        });
-      }
-      const { success } = await props["accidentAdd"]({
-        ...values,
-        id: id,
-      });
-      if (success) {
-        message.success("操作成功");
-        props.history.goBack();
-      }
-    }
-  };
-  return (
-    <Modal
-      open
-      onCancel={onCancel}
-      onOk={form.submit}
-      title={props.currentId ? "编辑" : "新增"}
-      confirmLoading={props.primaryAccessControl.primaryAccessControlLoading || uploadLoading || deleteLoading}
-      width={800}
-    >
-      <FormBuilder
-        labelCol={{ span: 10 }}
-        form={form}
-        span={24}
-        onFinish={onSubmit}
-        showActionButtons={false}
-        loading={props.primaryAccessControl.primaryAccessControlLoading || uploadLoading || deleteLoading}
-        options={[
-          {
-            name: "vehicleBelongType", label: "车辆所属类型", span: 24,
-            render: <DictionarySelect dictValue="vehicleBelongType"
-              onGetLabel={(label) =>
-                form.setFieldValue("vehicleBelongTypeName", label)
-              }
-              onChange={() => {
-                form.setFieldValue("vehicleBelongTypeName", "");
-              }} />
-          },
-          { name: "vehicleBelongTypeName", label: "车辆所属类型名称", onlyForLabel: true },
-          {
-            name: "vehicleDepartmentId", label: "车辆所属部门", span: 24, render:
-              <DepartmentSelectTree
-                onGetLabel={(label) => {
-                  form.setFieldValue("vehicleDepartmentName", label);
-                }} />
-          },
-          { name: "vehicleDepartmentName", label: "车辆所属部门名称", onlyForLabel: true },
-          {
-            name: "employeeVehicleUserId", label: "车辆归属人", span: 24, render: (
-              <PersonnelSelect
-                params={{ departmentId: personUnderDepartmentId }}
-                onGetLabel={(label) => {
-                  form.setFieldValue("employeeVehicleUserName", label);
-                }}
-              />
-            )
-          },
-          { name: "employeeVehicleUserName", label: "车辆归属人名称", onlyForLabel: true },
-          {
-            name: "licenseImageFiles", 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) => {
-                  setDeleteLicenseImageFiles([...(deleteLicenseImageFiles || []), files]);
-                }}
-              />
-            )
-          },
-          { name: "deleteLicenseImageFiles", label: "删除的行驶证照片", onlyForLabel: true },
-          {
-            name: "licenceType", label: "车牌类型", span: 24, render: <DictionarySelect dictValue="licence_type"
-              onGetLabel={(label) =>
-                form.setFieldValue("licenceTypeName", label)
-              }
-            />
-          },
-          { name: "licenceTypeName", label: "车牌类型名称", onlyForLabel: true },
-          { name: "licenceNo", label: "车牌号", span: 24 },
-          {
-            name: "vehicleType", label: "车辆类型", span: 24, render: <DictionarySelect dictValue="vehicle_type"
-              onGetLabel={(label) =>
-                form.setFieldValue("licenceTypeName", label)
-              }
-            />
-          },
-          { name: "vehicleTypeName", label: "车辆类型名称", onlyForLabel: true },
-          {
-            name: "emissionStandards", label: "排放标准", span: 24, render: <DictionarySelect dictValue="emission_standards"
-              onGetLabel={(label) =>
-                form.setFieldValue("licenceTypeName", label)
-              }
-            />
-          },
-          { name: "emissionStandards", label: "排放标准名称", onlyForLabel: true },
-          {
-            name: "gateLevelAuthAreaArr", label: "访问港区", span: 24, render: <DictionarySelect dictValue="primeport_area" mode="multiple"
-              onGetOption={(option) => {
-                form.setFieldValue("gateLevelAuthArea", option.map((item) => {
-                  const temp = {
-                    name: item.dictLabel,
-                    bianma: item.dictValue,
-                  };
-                  return temp;
-                }));
-              }
-              } />
-          },
-          { name: "gateLevelAuthArea", label: "访问港区", onlyForLabel: true },
-          { name: "visitStartTime", label: "访问起始时间", span: 24, render: FORM_ITEM_RENDER_ENUM.DATE },
-          {
-            name: "visitEndTime", label: "访问结束时间", span: 24, render: FORM_ITEM_RENDER_ENUM.DATE, rules: [validatorEndTime(visitStartTime), {
-              validator: (_, value) => {
-                if (value && visitStartTime) {
-                  const start = dayjs(visitStartTime);
-                  const end = dayjs(value);
-                  const diffDays = end.diff(start, "day");
-                  if (diffDays > 365) {
-                    return Promise.reject(new Error("访问结束时间不能超过访问起始时间一年"));
-                  }
-                }
-                return Promise.resolve();
-              },
-            }]
-          },
-          {
-            name: "vehicleImageFiles", 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) => {
-                  setDeleteVehicleImageFiles([...(deleteVehicleImageFiles || []), files]);
-                }}
-              />
-            )
-          },
-          { name: "deleteVehicleImageFiles", label: "删除的车辆照片", onlyForLabel: true },
-          {
-            name: "", label: "审批人", span: 24, render: FORM_ITEM_RENDER_ENUM.SELECT, items: userList, itemsField: { valueKey: "userId", labelKey: "name" }
-          },
-        ]}
-      />
-    </Modal>
-  );
-}
-export default Connect([NS_BASICINFORMATION, NS_PRIMARYACCESSCONTROL], 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
deleted file mode 100644
index 0263a53..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecord/index.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button,  Modal } from "antd";
-import useTable from "zy-react-library/hooks/useTable";
-import Table from "zy-react-library/components/Table";
-import { NS_BASICINFORMATION } from "~/enumerate/namespace";
-
-function ApprovalRecord(props) {
-  const { tableProps, getData } = useTable(props["userList"], {
-    params: {
-      eqUserId: props.currentId,
-    },
-  });
-  return (
-    <Modal
-      open
-      onCancel={props.onCancel}
-      footer={<Button onClick={props.onCancel}>关闭</Button>}
-      title="审批记录"
-      width={1200}
-    >
-      <Table
-        columns={[
-          { title: "发起人", dataIndex: "createUserName" },
-          { title: "发起时间", dataIndex: "createTime" },
-          { title: "审批人", dataIndex: "approvalUserName" },
-          { title: "审批时间", dataIndex: "approvalTime" },
-          { title: "审批状态", dataIndex: "approvalStatus" },
-          { title: "打回原因", dataIndex: "rejectReason" },
-          { title: "类型", dataIndex: "type" },
-          {
-            title: "车辆信息记录", dataIndex: "", render: (_, record) => (<Button type="link" onClick={() => {
-              props.setApprovalRecordId(record.id);
-              props.onOpenDetail();
-            }} > 查看 </Button>)
-          },
-        ]}
-        {...tableProps}
-      />
-    </Modal>
-  );
-}
-
-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
deleted file mode 100644
index bc855aa..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/ApprovalRecordDetail/index.js
+++ /dev/null
@@ -1,75 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Descriptions, Spin ,Modal,Button} from "antd";
-import { useEffect, useState } from "react";
-import { NS_BASICINFORMATION } from "~/enumerate/namespace";
-
-function ApprovalRecordDetail(props) {
-  console.log(props.approvalRecordId);
-  const [info, setInfo] = useState([]);
-  const getData = async () => {
-    // const { data } = await props[""]({ id: query.id });
-    // setInfo(data);
-  };
-  useEffect(() => {
-    getData();
-  }, []);
-  return (
-     <Modal
-      open
-      onCancel={props.onCancel}
-      footer={<Button onClick={props.onCancel}>关闭</Button>}
-      title="车辆信息记录"
-      width={1200}
-    >
-      <Spin
-        spinning={props.basicInformation.basicInformationLoading}
-      >
-        <div>
-          <table style={{ width: "100%", borderCollapse: "collapse" }}>
-            <thead>
-              <tr>
-                <th style={{ border: "1px solid #d9d9d9", padding: "12px 8px", background: "#fafafa", fontWeight: 500 }}>字段</th>
-                <th style={{ border: "1px solid #d9d9d9", padding: "12px 8px", background: "#fafafa", fontWeight: 500 }}>变更前</th>
-                <th style={{ border: "1px solid #d9d9d9", padding: "12px 8px", background: "#fafafa", fontWeight: 500 }}>变更后</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td style={{ border: "1px solid #d9d9d9", padding: "12px 8px", background: "#fafafa", fontWeight: 500 }}>车牌号</td>
-                <td style={{ border: "1px solid #d9d9d9", padding: "12px 8px" }}>{info[0]?.beforePlateNumber}</td>
-                <td style={{ border: "1px solid #d9d9d9", padding: "12px 8px" }}>{info[0]?.afterPlateNumber}</td>
-              </tr>
-              <tr>
-                <td style={{ border: "1px solid #d9d9d9", padding: "12px 8px", background: "#fafafa", fontWeight: 500 }}>车辆类型</td>
-                <td style={{ border: "1px solid #d9d9d9", padding: "12px 8px" }}>{info [0]?.beforeVehicleType}</td>
-                <td style={{ border: "1px solid #d9d9d9", padding: "12px 8px" }}>{info[0]?.afterVehicleType}</td>
-              </tr>
-              <tr>
-                <td style={{ border: "1px solid #d9d9d9", padding: "12px 8px", background: "#fafafa", fontWeight: 500 }}>车辆颜色</td>
-                <td style={{ border: "1px solid #d9d9d9", padding: "12px 8px" }}>{info[0]?.beforeVehicleColor}</td>
-                <td style={{ border: "1px solid #d9d9d9", padding: "12px 8px" }}>{info[0]?.afterVehicleColor}</td>
-              </tr>
-              <tr>
-                <td style={{ border: "1px solid #d9d9d9", padding: "12px 8px", background: "#fafafa", fontWeight: 500 }}>车辆品牌</td>
-                <td style={{ border: "1px solid #d9d9d9", padding: "12px 8px" }}>{info[0]?.beforeVehicleBrand}</td>
-                <td style={{ border: "1px solid #d9d9d9", padding: "12px 8px" }}>{info[0]?.afterVehicleBrand}</td>
-              </tr>
-              <tr>
-                <td style={{ border: "1px solid #d9d9d9", padding: "12px 8px", background: "#fafafa", fontWeight: 500 }}>驾驶员</td>
-                <td style={{ border: "1px solid #d9d9d9", padding: "12px 8px" }}>{info[0]?.beforeDriver}</td>
-                <td style={{ border: "1px solid #d9d9d9", padding: "12px 8px" }}>{info[0]?.afterDriver}</td>
-              </tr>
-              <tr>
-                <td style={{ border: "1px solid #d9d9d9", padding: "12px 8px", background: "#fafafa", fontWeight: 500 }}>联系电话</td>
-                <td style={{ border: "1px solid #d9d9d9", padding: "12px 8px" }}>{info[0]?.beforePhone}</td>
-                <td style={{ border: "1px solid #d9d9d9", padding: "12px 8px" }}>{info[0]?.afterPhone}</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </Spin>
-    </Modal>
-  );
-}
-
-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
deleted file mode 100644
index b43e3d5..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/List/index.js
+++ /dev/null
@@ -1,188 +0,0 @@
-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 LeftTree from "zy-react-library/components/LeftTree/Department/Gwj/index";
-import Page from "zy-react-library/components/Page";
-import Search from "zy-react-library/components/Search";
-import Table from "zy-react-library/components/Table";
-import useTable from "zy-react-library/hooks/useTable";
-import DictionarySelect from "zy-react-library/components/Select/Dictionary";
-import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
-import { NS_BASICINFORMATION } from "~/enumerate/namespace";
-import { useEffect } from "react";
-import dayjs from "dayjs";
-
-function List(props) {
-  const [form] = Form.useForm();
-  const [selectedNodeId, setSelectedNodeId] = useState();
-  const [treeKey, setTreeKey] = useState(0);
-  const { tableProps, getData } = useTable(props["userList"], {
-    form,
-    transform: (formData) => {
-      return {
-        ...formData,
-        eqDepartmentId: selectedNodeId,
-        noMain: 1,
-      };
-    },
-  });
-  const [authorizationModalOpen, setAuthorizationModalOpen] = useState(false);
-  const [authorizationData, setAuthorizationData] = useState({});
-
-  const onTreeChange = (selectedKeys) => {
-    const key = selectedKeys[0] || null;
-    setSelectedNodeId(key);
-    getData();
-  };
-  return (
-    <Page isShowAllAction={false} >
-      <div style={{ display: "flex", height: "100%", minHeight: 0 }}>
-        <div style={{
-          display: "flex",
-          minWidth: 240,
-          padding: "20px 0",
-          borderRight: "10px solid #f1f1f2",
-          paddingRight: "10px",
-          marginRight: "10px",
-          height: "calc(100dvh - 112px)",
-        }}
-        >
-          <LeftTree onSelect={onTreeChange} key={treeKey} />
-        </div>
-
-        <div style={{ flex: 1 }}>
-          <Search
-            labelCol={{ span: 8 }}
-            options={[
-              { name: "likeName", label: "姓名" },
-            ]}
-            form={form}
-            onFinish={(values) => {
-              getData(values);
-            }}
-          />
-          <Table
-            columns={[
-              { title: "部门", dataIndex: "departmentName" },
-              { title: "姓名", dataIndex: "name" },
-              { title: "岗位", dataIndex: "postName" },
-              { title: "手机号", dataIndex: "phone" },
-              { title: "车辆数", dataIndex: "" },
-              { title: "门禁权限", dataIndex: "" },
-              { title: "是否录入人脸", dataIndex: "" },
-              {
-                title: "操作",
-                fixed: "right",
-                width: 300,
-                render: (_, record) => (
-                  <Space>
-                    <Button
-                      type="link"
-                      onClick={() => {
-                        setAuthorizationData(record);
-                        setAuthorizationModalOpen(true);
-                      }}
-                    >
-                      授权范围
-                    </Button>
-                    <Button
-                      type="link"
-                      onClick={() => {
-                        props.history.push(`./Record?userId=${record.id}`);
-                      }}
-                    >
-                      人员进出记录
-                    </Button>
-                    <Button
-                      type="link"
-                      onClick={() => {
-                        props.history.push(`./VehicleManagement?userId=${record.id}`);
-                      }}
-                    >
-                      车辆管理
-                    </Button>
-                  </Space>
-                ),
-              },
-            ]}
-            {...tableProps}
-          />
-        </div>
-      </div>
-      {authorizationModalOpen && <AuthorizationScope
-        authorizationData={authorizationData}
-        onCancel={() => setAuthorizationModalOpen(false)} />}
-    </Page>
-  );
-}
-const AuthorizationScope = (props) => {
-  const [form] = Form.useForm();
-  const isPermission = Form.useWatch("isPermission", form);
-  const visitStartTime = Form.useWatch("visitStartTime", form);
-
-  useEffect(() => {
-    form.setFieldsValue({
-      ...props.authorizationData,
-      gateLevelAuthAreaArr: props.authorizationData?.gateLevelAuthArea?.map((item) => item.bianma) || [],
-    });
-  }, []);
-  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: "isPermission", label: "是否授权", span: 24, render: FORM_ITEM_RENDER_ENUM.RADIO, items: [{ bianma: 1, name: "是" }, { bianma: 0, name: "否" }] },
-          {
-            hidden: (isPermission === 0),
-            name: "gateLevelAuthAreaArr", label: "授权港区", span: 24, render: <DictionarySelect dictValue="primeport_area" mode="multiple"
-              onGetOption={(option) => {
-                form.setFieldValue("gateLevelAuthArea", option.map((item) => {
-                  const temp = {
-                    name: item.dictLabel,
-                    bianma: item.dictValue,
-                  };
-                  return temp;
-                }));
-              }
-              } />
-          },
-          { name: "gateLevelAuthArea", label: "授权港区", onlyForLabel: true },
-          { name: "visitStartTime", label: "访问起始时间", span: 24, render: FORM_ITEM_RENDER_ENUM.DATE },
-          {
-            name: "visitEndTime", label: "访问结束时间", span: 24, render: FORM_ITEM_RENDER_ENUM.DATE, rules: [validatorEndTime(visitStartTime), {
-              validator: (_, value) => {
-                if (value && visitStartTime) {
-                  const start = dayjs(visitStartTime);
-                  const end = dayjs(value);
-                  const diffDays = end.diff(start, "day");
-                  if (diffDays > 365) {
-                    return Promise.reject(new Error("访问结束时间不能超过访问起始时间一年"));
-                  }
-                }
-                return Promise.resolve();
-              },
-            }]
-          },
-        ]}
-      />
-    </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
deleted file mode 100644
index 215253c..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/Record/index.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Form } from "antd";
-import { useEffect, useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="人员进出记录" isShowHeader={true}>
-      <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}
-      />
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index 650919a..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/SwitchRecord/index.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Form } from "antd";
-import { useEffect, useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="开关记录" isShowHeader={true}>
-      <Table
-        columns={[
-          { title: "开关状态", dataIndex: "" },
-          { title: "开关时间", dataIndex: "" },
-          { title: "开关人", dataIndex: "" },
-        ]}
-        {...tableProps}
-      />
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index f6ca5b2..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagement/index.js
+++ /dev/null
@@ -1,165 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Form, Space, Modal } from "antd";
-import { useEffect, useState } from "react";
-import useTable from "zy-react-library/hooks/useTable";
-import Page from "zy-react-library/components/Page";
-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";
-import AddModal from "../Add";
-import ApprovalRecordModal from "../ApprovalRecord";
-import ApprovalRecordDetailModal from "../ApprovalRecordDetail";
-
-
-
-function VehicleManagement(props) {
-  const [form] = Form.useForm();
-  const { userId } = useGetUrlQuery();
-  const [addModalVisible, setAddModalVisible] = useState(false);
-  const [approvalRecordModalVisible, setApprovalRecordModalVisible] = useState(false);
-  const [approvalRecordDetailModalVisible, setApprovalRecordDetailModalVisible] = useState(false);
-  const [currentId, setCurrentId] = useState("");
-  const [approvalRecordId, setApprovalRecordId] = useState("");
-  const { tableProps, getData } = useTable(props["userList"], {
-    form,
-    params: {
-      eqUserId: userId,
-    },
-  });
-  return (
-    <Page isShowAllAction={!!userId} headerTitle="车辆管理" isShowHeader={true}>
-      {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"
-              icon={<AddIcon />}
-              onClick={() => {
-                setAddModalVisible(true);
-              }}
-            >
-              新增
-            </Button>
-          </Space>
-        )}
-        columns={[
-          { title: "车辆归属人", dataIndex: "employee_vehicle_user_name" },
-          { title: "车牌号", dataIndex: "licence_no" },
-          { title: "车牌类型", dataIndex: "licenceTypeName"},
-          { title: "车辆类型", dataIndex: "vehicle_type_name" },
-          { title: "访问港区范围", dataIndex: "accessPortRange", render: (_, record) => record.accessPortRange === "1" ? "东港区" : "西港区" },
-          { title: "访问起始时间", dataIndex: "visit_start_time" },
-          { title: "访问结束时间", dataIndex: "visit_end_time" },
-          { title: "审批状态", dataIndex: "approvalStatus", render: (_, record) => record.approvalStatus === "1" ? "已审批" : "待审批" },
-          { title: "启用状态", dataIndex: "status", render: (_, record) => record.status === "1" ? "停用" : "正常" },
-          {
-            title: "操作",
-            fixed: "right",
-            width: 400,
-            render: (_, record) => (
-              <Space>
-                <Button
-                  type="link"
-                  onClick={() => {
-                    props.history.push("./VehicleRecord");
-                  }}
-                >
-                  车辆进出记录
-                </Button>
-                <Button
-                  type="link"
-                  onClick={() => {
-                    setCurrentId(record.id);
-                    setAddModalVisible(true);
-                  }}
-                >
-                  变更申请
-                </Button>
-                <Button
-                  type="link"
-                  onClick={() => {
-                    setCurrentId(record.id);
-                    setApprovalRecordModalVisible(true);
-                  }}
-                >
-                  审批记录
-                </Button>
-                <Button
-                  type="link"
-                  onClick={() => {
-                    props.history.push("./VehicleManagementDetail");
-                  }}
-                >
-                  查看
-                </Button>
-                <Button
-                  type="link"
-                  onClick={() => {
-                    Modal.confirm({
-                      title: `确定要给${record.vehicleNo}${record.status === "1" ? "开启" : "关闭"}门禁权限吗？`,
-                      onOk: async () => {
-                        // await props["accidentDelete"]({ id: record.id });
-                        message.success(`${record.status === "1" ? "开启" : "关闭"}成功`);
-                        getData();
-                      },
-                    });
-                  }}
-                >
-                  {record.status === "1" ? "停用" : "启用"}
-                </Button>
-              </Space>
-            ),
-          },
-        ]}
-        {...tableProps}
-      />
-      {addModalVisible && <AddModal
-        currentId={currentId}
-        onCancel={() => {
-          setAddModalVisible(false);
-        }}
-        getData={getData}
-      />}
-
-      {approvalRecordModalVisible && <ApprovalRecordModal
-        currentId={currentId}
-        setApprovalRecordId={(id) => setApprovalRecordId(id)}
-        onOpenDetail={() => {
-          setApprovalRecordDetailModalVisible(true);
-        }}
-        onCancel={() => {
-          setCurrentId("");
-          setApprovalRecordModalVisible(false);
-        }}
-      />}
-
-      {approvalRecordDetailModalVisible && <ApprovalRecordDetailModal
-        approvalRecordId={approvalRecordId}
-        onCancel={() => {
-          setApprovalRecordId("");
-          setApprovalRecordDetailModalVisible(false);
-        }}
-      />}
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index d15a11c..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleManagementDetail/index.js
+++ /dev/null
@@ -1,69 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Descriptions, Divider, Form, Spin } from "antd";
-import { useEffect, useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="查看" isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index 53e25b0..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/VehicleRecord/index.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Form } from "antd";
-import { useEffect, useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="车辆进出记录" isShowHeader={true}>
-      <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}
-      />
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index 9be432d..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionPersonnelVehicle/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index 7ff8f4c..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/Add/index.js
+++ /dev/null
@@ -1,124 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle={query.id ? "编辑" : "新增"} isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-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
deleted file mode 100644
index 8751353..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecord/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index bc53342..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/ApprovalRecordDetail/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index cb91b83..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/List/index.js
+++ /dev/null
@@ -1,200 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="监管车辆列表" isShowHeader={true}>
-      <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"
-                  ghost
-                  onClick={() => {
-                    props.history.push("./VehicleRecord");
-                  }}
-                >
-                  车辆进出记录
-                </Button>
-                <Button
-                  type="primary"
-                  ghost
-                  onClick={() => {
-                    props.history.push("./ApprovalRecord");
-                  }}
-                >
-                  审批记录
-                </Button>
-                <Button
-                  type="primary"
-                  ghost
-                  onClick={() => {
-                    props.history.push("./VehicleManagementDetail");
-                  }}
-                >
-                  查看
-                </Button>
-                <Button
-                  type="primary"
-                  ghost
-                  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)} />}
-    </Page>
-  );
-}
-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
deleted file mode 100644
index 5e92b31..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/SwitchRecord/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-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
deleted file mode 100644
index dd93d11..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleManagementDetail/index.js
+++ /dev/null
@@ -1,66 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Descriptions, Divider, Form, Spin } from "antd";
-import { useEffect, useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="查看" isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index 448cde4..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/VehicleRecord/index.js
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Form } from "antd";
-import { useEffect, useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="车辆进出记录" isShowHeader={true}>
-      <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}
-      />
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index e151b36..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/SupervisionVehicle/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index e895b36..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ImportExportInformation/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index a3e2987..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/Add/index.js
+++ /dev/null
@@ -1,153 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle={query.id ? "编辑" : "新增"} isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-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
deleted file mode 100644
index 2393a73..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/Detail/index.js
+++ /dev/null
@@ -1,161 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 style={{ padding: 10 }}>
-            <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 (
-    <Page isShowAllAction={false} headerTitle="查看" isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index 7725fae..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/List/index.js
+++ /dev/null
@@ -1,147 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="临时访客人员列表" isShowHeader={true}>
-      <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"
-              ghost
-              onClick={() => {
-                props.history.push("./Detail");
-              }}
-            >
-              查看
-            </Button>
-            <Button
-              type="primary"
-              ghost
-              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)} />}
-    </Page>
-  );
-}
-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
deleted file mode 100644
index 360bc8b..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Personnel/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index a09b6b4..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/Add/index.js
+++ /dev/null
@@ -1,172 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle={query.id ? "编辑" : "新增"} isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-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
deleted file mode 100644
index 01f4360..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/Detail/index.js
+++ /dev/null
@@ -1,165 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 style={{ padding: 10 }}>
-            <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 (
-    <Page isShowAllAction={false} headerTitle="查看" isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index bd5308b..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/List/index.js
+++ /dev/null
@@ -1,151 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="临时访客车辆列表" isShowHeader={true}>
-      <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"
-              ghost
-              onClick={() => {
-                props.history.push("./Detail");
-              }}
-            >
-              查看
-            </Button>
-            <Button
-              type="primary"
-              icon={<AddIcon />}
-              onClick={() => {
-                props.history.push("./Add");
-              }}
-            >
-              新增
-            </Button>
-            <Button
-              type="primary"
-              ghost
-              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)} />}
-    </Page>
-  );
-}
-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
deleted file mode 100644
index 774b521..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/TemporaryVisitor/Vehicle/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-function Vehicle(props) {
-  return (<div>{props.children}</div>);
-}
-
-export default Vehicle;
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/Add/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/Add/index.js
deleted file mode 100644
index c85b7a0..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/Add/index.js
+++ /dev/null
@@ -1,70 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle={query.id ? "编辑" : "新增"} isShowHeader={true}>
-      <div style={{ paddingBottom: 10 }}>
-        <FormBuilder
-          form={form}
-          onFinish={onSubmit}
-          options={[
-            { name: "", label: "车牌号", span: 24 },
-            { name: "", label: "车牌类型", span: 24 },
-            { name: "", label: "车辆类型", span: 24 },
-          ]}
-        />
-      </div>
-    </Page>
-  );
-}
-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
deleted file mode 100644
index 3a71328..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/Detail/index.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Descriptions, Form } from "antd";
-import { useEffect, useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="查看" isShowHeader={true}>
-      <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: "" },
-        ]}
-      />
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index b1d50d6..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleBlacklist/List/index.js
+++ /dev/null
@@ -1,152 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="车辆黑名单" isShowHeader={true}>
-      <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"  
-                        ghost
-                        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>
-    </Page>
-  );
-}
-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/Add/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/Add/index.js
deleted file mode 100644
index c70382e..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/Add/index.js
+++ /dev/null
@@ -1,87 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle={query.id ? "编辑" : "新增"} isShowHeader={true}>
-      <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>
-    </Page>
-  );
-}
-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
deleted file mode 100644
index 5e16698..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/List/index.js
+++ /dev/null
@@ -1,147 +0,0 @@
-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 Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="车辆管理" isShowHeader={true}>
-      <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"
-                        ghost
-                        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>
-    </Page>
-  );
-}
-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
deleted file mode 100644
index b4cdd2d..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/ViolationRecord/index.js
+++ /dev/null
@@ -1,82 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Button, Form, Space } from "antd";
-import { useEffect, useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="违规记录" isShowHeader={true}>
-      <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"
-              ghost
-              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}
-      />
-    </Page>
-  );
-}
-
-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
deleted file mode 100644
index f08a406..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/VehicleManagement/ViolationRecordDetail/index.js
+++ /dev/null
@@ -1,112 +0,0 @@
-import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import { Descriptions, Form, Input, message, Modal } from "antd";
-import { useEffect, useState } from "react";
-import Page from "zy-react-library/components/Page";
-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 (
-    <Page isShowAllAction={false} headerTitle="查看" isShowHeader={true}>
-      <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: "" },
-        ]}
-      />
-    </Page>
-  );
-}
-
-export default Connect([NS_BASICINFORMATION], true)(ViolationRecordDetail);
diff --git a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/index.js b/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/index.js
deleted file mode 100644
index 66ac908..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/ViolationManagement/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
deleted file mode 100644
index 9b8bfa8..0000000
--- a/src/pages/Container/Supervision/PrimaryAccessControl/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-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
index 98e5270..e8ad3c1 100644
--- a/src/pages/Container/Supervision/index.js
+++ b/src/pages/Container/Supervision/index.js
@@ -1,5 +1,5 @@
 function Supervision(props) {
-  return (<div>{props.children}</div>);
+  return props.children;
 }
 
 export default Supervision;