+ +

+ ); +} diff --git a/src/components/DispatchMap/index.less b/src/components/DispatchMap/index.less new file mode 100644 index 0000000..1c00d89 --- /dev/null +++ b/src/components/DispatchMap/index.less @@ -0,0 +1,5 @@ +.cesium-viewer-toolbar, +.cesium-viewer-fullscreenContainer, +.cesium-infoBox-visible { + display: none !important; +} diff --git a/src/components/DispatchMap/index.module.less b/src/components/DispatchMap/index.module.less new file mode 100644 index 0000000..dc4a0a6 --- /dev/null +++ b/src/components/DispatchMap/index.module.less @@ -0,0 +1,13 @@ +.mapWrapper { + width: 100%; + margin-bottom: 12px; + overflow: hidden; + border: 1px solid #f0f0f0; + border-radius: 2px; +} + +.map { + position: relative; + width: 100%; + height: 240px; +} diff --git a/src/components/ManagementList/index.module.less b/src/components/ManagementList/index.module.less new file mode 100644 index 0000000..e099bc2 --- /dev/null +++ b/src/components/ManagementList/index.module.less @@ -0,0 +1,9 @@ +.planNo { + display: grid; + gap: 3px; + + span { + color: #8c8c8c; + font-size: 12px; + } +} diff --git a/src/components/SummaryMetrics/index.js b/src/components/SummaryMetrics/index.js new file mode 100644 index 0000000..4e5e474 --- /dev/null +++ b/src/components/SummaryMetrics/index.js @@ -0,0 +1,17 @@ +import styles from "./index.module.less"; + +export default function SummaryMetrics(props) { + const { items } = props; + + return ( +

+ {items.map(item => ( +

+ {item.label} + {item.value} + {item.note} +

+ ))} +

+ ); +} diff --git a/src/components/SummaryMetrics/index.module.less b/src/components/SummaryMetrics/index.module.less new file mode 100644 index 0000000..e5fa0a6 --- /dev/null +++ b/src/components/SummaryMetrics/index.module.less @@ -0,0 +1,49 @@ +.metrics { + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 12px; + margin-bottom: 16px; +} + +.metric { + display: grid; + gap: 8px; + min-width: 0; + padding: 16px; + border: 1px solid #e5e7eb; + border-top: 3px solid #64748b; + border-radius: 6px; + background: #fff; + + span, + small { + color: #667085; + } + + span { + font-size: 13px; + font-weight: 600; + } + + strong { + color: #1d2939; + font-size: 26px; + line-height: 1; + } + + small { + line-height: 1.5; + } +} + +.blue { + border-top-color: #1677ff; +} + +.green { + border-top-color: #389e0d; +} + +.orange { + border-top-color: #d97706; +} diff --git a/src/components/SyncExportActions/index.js b/src/components/SyncExportActions/index.js new file mode 100644 index 0000000..3073470 --- /dev/null +++ b/src/components/SyncExportActions/index.js @@ -0,0 +1,43 @@ +import { SyncOutlined } from "@ant-design/icons"; +import { Button, message, Space } from "antd"; +import ExportIcon from "zy-react-library/components/Icon/ExportIcon"; +import useDownloadBlob from "zy-react-library/hooks/useDownloadBlob"; + +export default function SyncExportActions(props) { + const { + exportName, + exportUrl, + getExportParams, + onSyncSuccess, + requestSync, + syncLoading, + syncMessage, + syncText, + } = props; + const { loading: exportLoading, downloadBlob } = useDownloadBlob(); + + const handleSync = async () => { + const { success } = await requestSync(); + if (success) { + message.success(syncMessage); + onSyncSuccess(); + } + }; + + return ( + + + + + ); +} diff --git a/src/components/index.js b/src/components/index.js new file mode 100644 index 0000000..cb0ff5c --- /dev/null +++ b/src/components/index.js @@ -0,0 +1 @@ +export {}; diff --git a/src/enumerate/constant/index.js b/src/enumerate/constant/index.js new file mode 100644 index 0000000..f077757 --- /dev/null +++ b/src/enumerate/constant/index.js @@ -0,0 +1,5 @@ +/** + * 全局常量定义 + */ + +export {}; diff --git a/src/enumerate/context/index.js b/src/enumerate/context/index.js new file mode 100644 index 0000000..2b11e05 --- /dev/null +++ b/src/enumerate/context/index.js @@ -0,0 +1,8 @@ +/** + * 全局上下文定义 + */ + +import React from "react"; + +// 获取antd全局静态方法 +export const InjectContext = React.createContext({}); diff --git a/src/enumerate/namespace/index.js b/src/enumerate/namespace/index.js new file mode 100644 index 0000000..ad5f553 --- /dev/null +++ b/src/enumerate/namespace/index.js @@ -0,0 +1,10 @@ +/** + * 全局数据状态管理模块定义 + */ + +import { defineNamespace } from "@cqsjjb/jjb-dva-runtime"; + +export const NS_GLOBAL = defineNamespace("global"); +export const NS_DEVICE_MANAGEMENT = defineNamespace("deviceManagement"); +export const NS_PERSONNEL_DISPATCH = defineNamespace("personnelDispatch"); +export const NS_VEHICLE_DISPATCH = defineNamespace("vehicleDispatch"); diff --git a/src/main.js b/src/main.js new file mode 100644 index 0000000..80d2830 --- /dev/null +++ b/src/main.js @@ -0,0 +1,56 @@ +import { setJJBCommonAntdMessage } from "@cqsjjb/jjb-common-lib"; +import { setup } from "@cqsjjb/jjb-dva-runtime"; +import { message } from "antd"; +import dayjs from "dayjs"; +import { getFileUrlFromServer } from "zy-react-library/utils"; +import "dayjs/locale/zh-cn"; + +require("antd/dist/reset.css"); +require("zy-react-library/css/common.less"); + +if (process.env.NODE_ENV === "development") { + require("~/mock"); +} + +dayjs.locale("zh-cn"); +setJJBCommonAntdMessage(message); + +const app = setup(); +getFileUrlFromServer(); +window.mapLongitude = "119.69457721306945"; +window.mapLatitude = "39.940504336846665"; +window.mapBaiDuKey = "OElqFYoKiAH8KFtph8ftLKF5NlNrbCUr"; + +// 非底座环境运行 +if (!window.__POWERED_BY_QIANKUN__) { + // 云组件默认依赖 + window.__coreLib = {}; + window.__coreLib.React = require("react"); + window.__coreLib.ReactDOM = require("react-dom"); + window.__coreLib.jjbCommonLib = require("@cqsjjb/jjb-common-lib"); +} + +/** + * @description 挂载 + * @param props {{ setGlobalState: ({ rendered: boolean }) => void }} + * @returns {Promise<*>} '' + */ +export const mount = async (props) => { + // 云组件默认依赖 + window.__coreLib.React = require("react"); + window.__coreLib.ReactDOM = require("react-dom"); + window.__coreLib.jjbCommonLib = require("@cqsjjb/jjb-common-lib"); + app.mount(props); +}; + +/** + * @description 卸载 + * @param props {object} + * @returns {Promise<*>} '' + */ +export const unmount = async props => app.unmount(props); +/** + * @description 启动 + * @param props + */ +export const bootstrap = async props => app.bootstrap(props); diff --git a/src/mock/deviceManagement/internalDevice/index.js b/src/mock/deviceManagement/internalDevice/index.js new file mode 100644 index 0000000..546a233 --- /dev/null +++ b/src/mock/deviceManagement/internalDevice/index.js @@ -0,0 +1,101 @@ +import Mock from "mockjs"; + +// 当前没有内部设备接口文档，以下数据仅用于还原交互原型，接入真实接口后删除本拦截文件。 +const internalDeviceList = [ + { + id: "SB-NB-001", + scope: "内部", + deviceNo: "SB-NB-001", + deviceName: "定位终端PT-3107", + deviceType: "定位终端", + unit: "流机公司", + bindingObject: "冀C-3107", + status: "正常", + updateTime: "2026-07-24 10:12", + gpsNo: "GPS-PT-3107", + relatedVehicle: "装载机L-07", + location: "东港3号泊位", + sourceSystem: "流机公司智能调度平台", + }, + { + id: "SB-NB-014", + scope: "内部", + deviceNo: "SB-NB-014", + deviceName: "装载机L-07", + deviceType: "车辆", + unit: "流机公司", + bindingObject: "司机李明", + status: "正常", + updateTime: "2026-07-24 10:10", + gpsNo: "GPS-L-07", + relatedVehicle: "冀C-3107", + location: "东港3号泊位", + sourceSystem: "流机公司智能调度平台", + }, + { + id: "SB-NB-022", + scope: "内部", + deviceNo: "SB-NB-022", + deviceName: "清扫车QS-22", + deviceType: "车辆", + unit: "清扫二队", + bindingObject: "东港堆场南路", + status: "正常", + updateTime: "2026-07-24 09:58", + gpsNo: "GPS-QS-22", + relatedVehicle: "冀C-QS22", + location: "东港堆场南路", + sourceSystem: "流机公司智能调度平台", + }, + { + id: "SB-NB-031", + scope: "内部", + deviceNo: "SB-NB-031", + deviceName: "牵引车T-09", + deviceType: "车辆", + unit: "流机公司", + bindingObject: "郭涛", + status: "正常", + updateTime: "2026-07-24 12:03", + gpsNo: "GPS-T-09", + relatedVehicle: "冀C-6309", + location: "东港5号堆场", + sourceSystem: "流机公司智能调度平台", + }, +]; + +function getRequestBody(options) { + try { + return JSON.parse(options.body || "{}"); + } + catch { + return {}; + } +} + +Mock.mock(/\/production-dispatch\/device\/internal\/list$/, "post", (options) => { + const body = getRequestBody(options); + const keyword = body.keyword?.trim(); + const filteredList = internalDeviceList.filter((record) => { + if (keyword && ![ + record.deviceNo, + record.deviceName, + record.bindingObject, + ].some(value => value.includes(keyword))) { + return false; + } + return ["deviceType", "unit", "status"] + .every(key => !body[key] || record[key] === body[key]); + }); + const pageIndex = Number(body.pageIndex || 1); + const pageSize = Number(body.pageSize || 20); + const start = (pageIndex - 1) * pageSize; + + return { + success: true, + totalCount: filteredList.length, + data: filteredList.slice(start, start + pageSize), + }; +}); + +Mock.mock(/\/production-dispatch\/device\/internal\/sync$/, "post", () => ({ success: true })); diff --git a/src/mock/deviceManagement/partnerDevice/index.js b/src/mock/deviceManagement/partnerDevice/index.js new file mode 100644 index 0000000..669cba4 --- /dev/null +++ b/src/mock/deviceManagement/partnerDevice/index.js @@ -0,0 +1,86 @@ +import Mock from "mockjs"; + +// 当前没有相关方设备接口文档，以下数据仅用于还原交互原型，接入真实接口后删除本拦截文件。 +const partnerDeviceList = [ + { + id: "SB-XG-011", + scope: "相关方", + deviceNo: "SB-XG-011", + deviceName: "相关方定位卡R-008", + deviceType: "定位终端", + unit: "相关方清扫一队", + bindingObject: "张敏", + status: "正常", + updateTime: "2026-07-24 09:42", + gpsNo: "GPS-R-008", + relatedVehicle: "-", + location: "隔离封闭区2号门", + sourceSystem: "流机公司智能调度平台", + }, + { + id: "SB-XG-019", + scope: "相关方", + deviceNo: "SB-XG-019", + deviceName: "吸污车QS-08", + deviceType: "车辆", + unit: "相关方清扫一队", + bindingObject: "冀C-QS08", + status: "维修", + updateTime: "2026-07-24 09:25", + gpsNo: "GPS-QS-08", + relatedVehicle: "冀C-QS08", + location: "隔离封闭区2号门排水沟", + sourceSystem: "流机公司智能调度平台", + }, + { + id: "SB-XG-027", + scope: "相关方", + deviceNo: "SB-XG-027", + deviceName: "洒水车SW-03", + deviceType: "车辆", + unit: "相关方清扫二队", + bindingObject: "冀C-SW03", + status: "停用", + updateTime: "2026-07-24 08:18", + gpsNo: "GPS-SW-03", + relatedVehicle: "冀C-SW03", + location: "西港维修点", + sourceSystem: "流机公司智能调度平台", + }, +]; + +function getRequestBody(options) { + try { + return JSON.parse(options.body || "{}"); + } + catch { + return {}; + } +} + +Mock.mock(/\/production-dispatch\/device\/partner\/list$/, "post", (options) => { + const body = getRequestBody(options); + const keyword = body.keyword?.trim(); + const filteredList = partnerDeviceList.filter((record) => { + if (keyword && ![ + record.deviceNo, + record.deviceName, + record.bindingObject, + ].some(value => value.includes(keyword))) { + return false; + } + return ["deviceType", "unit", "status"] + .every(key => !body[key] || record[key] === body[key]); + }); + const pageIndex = Number(body.pageIndex || 1); + const pageSize = Number(body.pageSize || 20); + const start = (pageIndex - 1) * pageSize; + + return { + success: true, + totalCount: filteredList.length, + data: filteredList.slice(start, start + pageSize), + }; +}); + +Mock.mock(/\/production-dispatch\/device\/partner\/sync$/, "post", () => ({ success: true })); diff --git a/src/mock/index.js b/src/mock/index.js new file mode 100644 index 0000000..d4bc5c8 --- /dev/null +++ b/src/mock/index.js @@ -0,0 +1,20 @@ +import "./deviceManagement/internalDevice"; +import "./deviceManagement/partnerDevice"; +import "./personnelDispatch/productionDispatch"; +import "./personnelDispatch/cleaningDispatch"; +import "./vehicleDispatch/productionDispatch"; +import "./vehicleDispatch/cleaningDispatch"; + +// MockJS 1.1.0 不会把 open 后设置的 responseType 传给未命中的原生 XHR，导致 Cesium 无法解码地图瓦片。 +Object.defineProperty(window.XMLHttpRequest.prototype, "responseType", { + configurable: true, + get() { + return this.custom?.xhr?.responseType || this.custom?.responseType || ""; + }, + set(value) { + this.custom.responseType = value; + if (this.custom.xhr) { + this.custom.xhr.responseType = value; + } + }, +}); diff --git a/src/mock/personnelDispatch/cleaningDispatch/index.js b/src/mock/personnelDispatch/cleaningDispatch/index.js new file mode 100644 index 0000000..cb18b39 --- /dev/null +++ b/src/mock/personnelDispatch/cleaningDispatch/index.js @@ -0,0 +1,154 @@ +import Mock from "mockjs"; + +// 当前没有人员清扫派工接口文档，以下数据仅用于还原交互原型，接入真实接口后删除本拦截文件。 +const cleaningDispatchList = [ + { + id: "QSGD-260724-006", + sourceNo: "QSGD-260724-006", + sourceSystem: "流机公司智能调度平台", + businessType: "清扫派工", + objectType: "人员", + dispatchMode: "临时派工", + workDate: "2026-07-24", + workSource: "临时清扫", + companyName: "秦港股份", + workCompany: "相关方清扫一队", + workProject: "清扫", + workProcess: "吸污", + workPlace: "隔离封闭区2号门周边", + inspector: "孙晓", + cleaningPeople: "张敏、李兵、何强、王磊", + markerName: "QS-08", + deviceName: "吸污车", + description: "临时清扫与吸污作业，作业前后需港务公司现场值守人确认", + orderStatus: "待下达", + settlementStatus: "未结算", + timeout: "否", + evaluation: "-", + currentRole: "公务公司审核", + approvalOwner: "双控系统审批", + approvalStatus: "待审", + applicant: "港务值守员", + applyTime: "2026-07-24 09:05", + position: "隔离封闭区2号门", + locationTime: "未开始定位", + onlineStatus: "离线", + trackStatus: "未生成", + progress: "20%", + accessState: "领取任务并持定位卡后可入区", + videoState: "吸污车监控待推送", + approvalRecords: [["2026-07-24 09:07", "派工单同步", "已接收", "等待公务公司审核"]], + }, + { + id: "QSGD-260724-012", + sourceNo: "QSGD-260724-012", + sourceSystem: "流机公司智能调度平台", + businessType: "清扫派工", + objectType: "人员", + dispatchMode: "计划派工", + workDate: "2026-07-24", + workSource: "清扫计划", + companyName: "秦港股份", + workCompany: "清扫二队", + workProject: "道路清扫", + workProcess: "机扫巡检", + workPlace: "东港堆场南路", + inspector: "郭涵", + cleaningPeople: "王磊、刘雪", + markerName: "QS-22", + deviceName: "清扫车", + description: "道路机扫及现场巡视", + orderStatus: "已完成", + settlementStatus: "已结算", + timeout: "否", + evaluation: "满意", + currentRole: "已归档", + approvalOwner: "派工系统审批", + approvalStatus: "已通过", + applicant: "清扫计划员", + applyTime: "2026-07-24 06:55", + position: "东港堆场南路", + locationTime: "2026-07-24 09:58:00", + onlineStatus: "在线", + trackStatus: "轨迹可回放", + progress: "100%", + accessState: "任务已结束，人员不可再次入区", + videoState: "视频可回放", + approvalRecords: [["2026-07-24 07:05", "流机调度员下达", "已下达", "派工系统审批完成后同步"]], + }, +]; + +function getRequestBody(options) { + try { + return JSON.parse(options.body || "{}"); + } + catch { + return {}; + } +} + +Mock.mock(/\/production-dispatch\/personnel\/cleaning\/list$/, "post", (options) => { + const body = getRequestBody(options); + const keyword = body.keyword?.trim(); + const filteredList = cleaningDispatchList.filter((record) => { + if (keyword && ![ + record.id, + record.workPlace, + record.cleaningPeople, + record.deviceName, + ].some(value => value.includes(keyword))) { + return false; + } + return ["workSource", "workCompany", "orderStatus", "settlementStatus", "timeout"] + .every(key => !body[key] || record[key] === body[key]); + }); + const pageIndex = Number(body.pageIndex || 1); + const pageSize = Number(body.pageSize || 20); + const start = (pageIndex - 1) * pageSize; + + return { + success: true, + totalCount: filteredList.length, + data: filteredList.slice(start, start + pageSize), + }; +}); + +Mock.mock(/\/production-dispatch\/personnel\/cleaning\/sync$/, "post", () => ({ success: true })); + +Mock.mock(/\/production-dispatch\/personnel\/cleaning\/approval$/, "post", (options) => { + const body = getRequestBody(options); + const record = cleaningDispatchList.find(item => item.id === body.id); + const canApprove = record + && record.approvalOwner === "双控系统审批" + && ["待审", "审核中"].includes(record.approvalStatus) + && !/未配置|未匹配/.test(`${record.currentRole} ${record.cleaningPeople}`); + + if (!canApprove) { + return { success: false, errMessage: "当前清扫派工单不可审批" }; + } + if (!["PASS", "REJECT"].includes(body.approvalResult)) { + return { success: false, errMessage: "请选择审批结果" }; + } + if (body.approvalResult === "REJECT" && !body.rejectReason?.trim()) { + return { success: false, errMessage: "请输入驳回原因" }; + } + + const approved = body.approvalResult === "PASS"; + record.approvalStatus = approved ? "已通过" : "已驳回"; + record.rejectReason = approved ? "" : body.rejectReason.trim(); + const approvalRecord = [ + new Date().toLocaleString("sv-SE", { hour12: false }).slice(0, 16), + record.currentRole, + approved ? "通过" : "驳回", + approved ? "审批通过" : record.rejectReason, + ]; + const processingRecordIndex = record.approvalRecords.findIndex(item => item[2] === "处理中"); + if (processingRecordIndex >= 0) { + record.approvalRecords[processingRecordIndex] = approvalRecord; + } + else { + record.approvalRecords.push(approvalRecord); + } + + return { success: true, data: record }; +}); diff --git a/src/mock/personnelDispatch/productionDispatch/index.js b/src/mock/personnelDispatch/productionDispatch/index.js new file mode 100644 index 0000000..1c6b1b1 --- /dev/null +++ b/src/mock/personnelDispatch/productionDispatch/index.js @@ -0,0 +1,223 @@ +import Mock from "mockjs"; + +// 当前没有人员生产派工接口文档，以下数据仅用于还原交互原型，接入真实接口后删除本拦截文件。 +const productionDispatchList = [ + { + id: "QG-SC-RY-20260724-001", + sourceNo: "PGD-SC-260724-0815", + sourceSystem: "流机公司智能调度平台", + businessType: "生产派工", + objectType: "人员", + dispatchMode: "自动派工", + planNo: "JH-DG-0724-015", + currentRole: "港务公司计划员审核", + carUnit: "杂货公司东港作业部", + applyDept: "东港生产调度室", + responsibleDept: "东港现场保障组", + responsiblePerson: "王海", + expectedArrivalTime: "2026-07-24 10:00", + shift: "白班", + workPlace: "东港3号泊位", + arrivalPlace: "3号泊位东侧集结点", + workContent: "装卸保障与现场辅助作业", + workProcess: "到位确认、作业执行、反馈记录", + cargoName: "矿石", + voyage: "QHD-0724-A", + personnel: "李明、赵强、刘洋、韩涛", + personId: "DK-RY-10021、DK-RY-10046、DK-RY-10108、DK-RY-10177", + licenseNo: "冀C-3107、冀C-3112", + requestedEquipment: "装载机2台、对讲机6部", + fulfilledEquipment: "装载机L-07、L-12", + applicant: "刘静", + applyTime: "2026-07-24 08:15", + approvalOwner: "双控系统审批", + approvalStatus: "审核中", + orderStatus: "待下达", + position: "东港3号泊位东侧集结点", + longitude: 119.694577, + latitude: 39.940504, + trackPoints: [ + [119.6908, 39.9386], + [119.6924, 39.9394], + [119.694577, 39.940504], + ], + locationTime: "2026-07-24 09:42:16", + onlineStatus: "在线", + trackStatus: "轨迹已生成", + accessState: "派工有效，可进入隔离封闭区域", + videoState: "移动监控已推送", + progress: "35%", + approvalRecords: [ + ["2026-07-24 08:20", "公务公司审核", "通过", "用工信息完整"], + ["2026-07-24 09:10", "港务公司计划员审核", "处理中", "等待当前节点确认"], + ], + }, + { + id: "QG-SC-RY-20260724-013", + sourceNo: "PGD-SC-260724-1028", + sourceSystem: "流机公司智能调度平台", + businessType: "生产派工", + objectType: "人员", + dispatchMode: "临时派工", + planNo: "JH-DG-0724-031", + currentRole: "审批角色未配置", + carUnit: "东港业务部", + applyDept: "东港计划室", + responsibleDept: "现场维修配合组", + responsiblePerson: "邓凯", + expectedArrivalTime: "2026-07-24 13:00", + shift: "白班", + workPlace: "东港维修区", + arrivalPlace: "维修区南门", + workContent: "设备检修配合作业", + workProcess: "停机确认、维修配合、验收反馈", + cargoName: "-", + voyage: "-", + personnel: "派工人员未匹配", + personId: "-", + licenseNo: "流机07号装载机", + requestedEquipment: "维修工具包A3", + fulfilledEquipment: "-", + applicant: "陈立", + applyTime: "2026-07-24 10:28", + approvalOwner: "双控系统审批", + approvalStatus: "待审", + orderStatus: "待下达", + position: "东港维修区", + longitude: 119.6819, + latitude: 39.9358, + trackPoints: [], + locationTime: "未开始定位", + onlineStatus: "离线", + trackStatus: "未生成", + accessState: "未完成审批，暂不可入区", + videoState: "未推送", + progress: "8%", + approvalRecords: [["2026-07-24 10:30", "同步校验", "异常", "人员ID未匹配，当前审批角色未配置"]], + }, + { + id: "QG-SC-RY-20260724-021", + sourceNo: "PGD-SC-260724-1136", + sourceSystem: "流机公司智能调度平台", + businessType: "生产派工", + objectType: "人员", + dispatchMode: "自动派工", + planNo: "JH-XG-0724-041", + currentRole: "已归档", + carUnit: "西港业务部", + applyDept: "西港生产计划室", + responsibleDept: "西港现场保障组", + responsiblePerson: "周强", + expectedArrivalTime: "2026-07-24 14:30", + shift: "白班", + workPlace: "西港主干路", + arrivalPlace: "西港2号门", + workContent: "短倒转运保障", + workProcess: "人员到位、连续作业、结束反馈", + cargoName: "煤炭", + voyage: "XG-0724-C", + personnel: "陈勇、孙凯、马宁", + personId: "DK-RY-10203、DK-RY-10211、DK-RY-10245", + licenseNo: "冀C-5021、冀C-5022、冀C-5025", + requestedEquipment: "对讲机3部", + fulfilledEquipment: "对讲机3部", + applicant: "周强", + applyTime: "2026-07-24 11:36", + approvalOwner: "派工系统审批", + approvalStatus: "已下达", + orderStatus: "作业中", + position: "西港主干路北段", + longitude: 119.6426, + latitude: 39.9284, + trackPoints: [ + [119.6378, 39.9256], + [119.6401, 39.9271], + [119.6426, 39.9284], + ], + locationTime: "2026-07-24 14:58:41", + onlineStatus: "在线", + trackStatus: "轨迹记录中", + accessState: "派工有效，可进入隔离封闭区域", + videoState: "无移动监控", + progress: "68%", + approvalRecords: [["2026-07-24 12:04", "流机调度员下达", "已下达", "派工系统审批完成后同步"]], + }, +]; + +function getRequestBody(options) { + try { + return JSON.parse(options.body || "{}"); + } + catch { + return {}; + } +} + +Mock.setup({ timeout: "300-600" }); + +Mock.mock(/\/production-dispatch\/personnel\/production\/list$/, "post", (options) => { + const body = getRequestBody(options); + const keyword = body.keyword?.trim(); + const filteredList = productionDispatchList.filter((record) => { + if (keyword && ![ + record.planNo, + record.workPlace, + record.personnel, + record.licenseNo, + record.applicant, + ].some(value => value.includes(keyword))) { + return false; + } + return ["carUnit", "shift", "approvalStatus", "currentRole"] + .every(key => !body[key] || record[key] === body[key]); + }); + const pageIndex = Number(body.pageIndex || 1); + const pageSize = Number(body.pageSize || 20); + const start = (pageIndex - 1) * pageSize; + + return { + success: true, + totalCount: filteredList.length, + data: filteredList.slice(start, start + pageSize), + }; +}); + +Mock.mock(/\/production-dispatch\/personnel\/production\/sync$/, "post", () => ({ success: true })); + +Mock.mock(/\/production-dispatch\/personnel\/production\/approval$/, "post", (options) => { + const body = getRequestBody(options); + const record = productionDispatchList.find(item => item.id === body.id); + const canApprove = record + && record.approvalOwner === "双控系统审批" + && ["待审", "审核中"].includes(record.approvalStatus) + && !/未配置|未匹配/.test(`${record.currentRole} ${record.personnel}`); + + if (!canApprove) { + return { success: false, errMessage: "当前派工单不可审批" }; + } + if (!["PASS", "REJECT"].includes(body.approvalResult)) { + return { success: false, errMessage: "请选择审批结果" }; + } + if (body.approvalResult === "REJECT" && !body.rejectReason?.trim()) { + return { success: false, errMessage: "请输入驳回原因" }; + } + + const approved = body.approvalResult === "PASS"; + record.approvalStatus = approved ? "已通过" : "已驳回"; + record.rejectReason = approved ? "" : body.rejectReason.trim(); + const approvalRecord = [ + new Date().toLocaleString("sv-SE", { hour12: false }).slice(0, 16), + record.currentRole, + approved ? "通过" : "驳回", + approved ? "审批通过" : record.rejectReason, + ]; + const processingRecordIndex = record.approvalRecords.findIndex(item => item[2] === "处理中"); + if (processingRecordIndex >= 0) { + record.approvalRecords[processingRecordIndex] = approvalRecord; + } + else { + record.approvalRecords.push(approvalRecord); + } + + return { success: true, data: record }; +}); diff --git a/src/mock/vehicleDispatch/cleaningDispatch/index.js b/src/mock/vehicleDispatch/cleaningDispatch/index.js new file mode 100644 index 0000000..e810890 --- /dev/null +++ b/src/mock/vehicleDispatch/cleaningDispatch/index.js @@ -0,0 +1,157 @@ +import Mock from "mockjs"; + +// 当前没有车辆清扫派工接口文档，以下数据仅用于还原交互原型，接入真实接口后删除本拦截文件。 +const cleaningDispatchList = [ + { + id: "QSGD-260724-018", + sourceNo: "QSGD-260724-018", + sourceSystem: "流机公司智能调度平台", + businessType: "清扫派工", + objectType: "车辆", + dispatchMode: "计划派工", + workDate: "2026-07-24", + workSource: "清扫计划", + companyName: "秦港股份", + workCompany: "清扫二队", + workProject: "道路清扫", + workProcess: "机扫", + workPlace: "东港堆场南路至5号门", + inspector: "郭涵", + cleaningPeople: "王磊、刘雪", + markerName: "冀C-QS22", + deviceName: "清扫车QS-22", + description: "按计划完成道路清扫", + orderStatus: "作业中", + settlementStatus: "未结算", + timeout: "否", + evaluation: "-", + currentRole: "流机调度员下达", + approvalOwner: "派工系统审批", + approvalStatus: "已下达", + applicant: "清扫计划员", + applyTime: "2026-07-24 07:20", + position: "东港堆场南路", + locationTime: "2026-07-24 10:16:29", + onlineStatus: "在线", + trackStatus: "轨迹记录中", + progress: "74%", + accessState: "派工有效，可进入隔离封闭区域", + videoState: "移动监控已推送", + approvalRecords: [["2026-07-24 07:36", "流机调度员下达", "已下达", "派工系统审批完成后同步"]], + }, + { + id: "QSGD-260724-031", + sourceNo: "QSGD-260724-031", + sourceSystem: "流机公司智能调度平台", + businessType: "清扫派工", + objectType: "车辆", + dispatchMode: "临时派工", + workDate: "2026-07-24", + workSource: "临时清扫", + companyName: "秦港股份", + workCompany: "相关方清扫一队", + workProject: "吸污", + workProcess: "吸污", + workPlace: "隔离封闭区2号门排水沟", + inspector: "孙晓", + cleaningPeople: "张敏、李兵", + markerName: "冀C-QS08", + deviceName: "吸污车QS-08", + description: "排水沟吸污，作业后需现场确认", + orderStatus: "待下达", + settlementStatus: "未结算", + timeout: "否", + evaluation: "-", + currentRole: "港务公司现场值守人确认", + approvalOwner: "双控系统审批", + approvalStatus: "审核中", + applicant: "港务值守员", + applyTime: "2026-07-24 10:05", + position: "隔离封闭区2号门排水沟", + locationTime: "2026-07-24 10:26:18", + onlineStatus: "在线", + trackStatus: "轨迹已生成", + progress: "28%", + accessState: "等待作业前现场确认", + videoState: "移动监控已推送", + approvalRecords: [ + ["2026-07-24 10:07", "公务公司审核", "通过", "临时清扫申请有效"], + ["2026-07-24 10:22", "港务公司现场值守人确认", "处理中", "等待作业前确认"], + ], + }, +]; + +function getRequestBody(options) { + try { + return JSON.parse(options.body || "{}"); + } + catch { + return {}; + } +} + +Mock.mock(/\/production-dispatch\/vehicle\/cleaning\/list$/, "post", (options) => { + const body = getRequestBody(options); + const keyword = body.keyword?.trim(); + const filteredList = cleaningDispatchList.filter((record) => { + if (keyword && ![ + record.id, + record.workPlace, + record.cleaningPeople, + record.deviceName, + ].some(value => value.includes(keyword))) { + return false; + } + return ["workSource", "workCompany", "orderStatus", "settlementStatus", "timeout"] + .every(key => !body[key] || record[key] === body[key]); + }); + const pageIndex = Number(body.pageIndex || 1); + const pageSize = Number(body.pageSize || 20); + const start = (pageIndex - 1) * pageSize; + + return { + success: true, + totalCount: filteredList.length, + data: filteredList.slice(start, start + pageSize), + }; +}); + +Mock.mock(/\/production-dispatch\/vehicle\/cleaning\/sync$/, "post", () => ({ success: true })); + +Mock.mock(/\/production-dispatch\/vehicle\/cleaning\/approval$/, "post", (options) => { + const body = getRequestBody(options); + const record = cleaningDispatchList.find(item => item.id === body.id); + const canApprove = record + && record.approvalOwner === "双控系统审批" + && ["待审", "审核中"].includes(record.approvalStatus) + && !/未配置|未匹配/.test(`${record.currentRole} ${record.cleaningPeople}`); + + if (!canApprove) { + return { success: false, errMessage: "当前车辆清扫派工单不可审批" }; + } + if (!["PASS", "REJECT"].includes(body.approvalResult)) { + return { success: false, errMessage: "请选择审批结果" }; + } + if (body.approvalResult === "REJECT" && !body.rejectReason?.trim()) { + return { success: false, errMessage: "请输入驳回原因" }; + } + + const approved = body.approvalResult === "PASS"; + record.approvalStatus = approved ? "已通过" : "已驳回"; + record.rejectReason = approved ? "" : body.rejectReason.trim(); + const approvalRecord = [ + new Date().toLocaleString("sv-SE", { hour12: false }).slice(0, 16), + record.currentRole, + approved ? "通过" : "驳回", + approved ? "审批通过" : record.rejectReason, + ]; + const processingRecordIndex = record.approvalRecords.findIndex(item => item[2] === "处理中"); + if (processingRecordIndex >= 0) { + record.approvalRecords[processingRecordIndex] = approvalRecord; + } + else { + record.approvalRecords.push(approvalRecord); + } + + return { success: true, data: record }; +}); diff --git a/src/mock/vehicleDispatch/productionDispatch/index.js b/src/mock/vehicleDispatch/productionDispatch/index.js new file mode 100644 index 0000000..30d17e2 --- /dev/null +++ b/src/mock/vehicleDispatch/productionDispatch/index.js @@ -0,0 +1,211 @@ +import Mock from "mockjs"; + +// 当前没有车辆生产派工接口文档，以下数据仅用于还原交互原型，接入真实接口后删除本拦截文件。 +const productionDispatchList = [ + { + id: "QG-SC-CL-20260724-002", + sourceNo: "PGD-SC-260724-0832", + planNo: "JH-XG-0724-022", + sourceSystem: "流机公司智能调度平台", + businessType: "生产派工", + objectType: "车辆", + dispatchMode: "自动派工", + currentRole: "流机调度员下达", + carUnit: "西港业务部", + applyDept: "西港生产计划室", + responsibleDept: "西港现场保障组", + responsiblePerson: "李海军", + expectedArrivalTime: "2026-07-24 09:30", + shift: "白班", + workPlace: "西港主干路", + arrivalPlace: "西港2号门", + workContent: "短倒转运保障", + workProcess: "车辆到位、连续作业、结束反馈", + cargoName: "煤炭", + voyage: "XG-0724-C", + requestedEquipment: "自卸车3台", + fulfilledEquipment: "自卸车X-21、X-22、X-25", + personnel: "陈勇、孙凯、马宁", + personId: "DK-RY-10203、DK-RY-10211、DK-RY-10245", + licenseNo: "冀C-5021、冀C-5022、冀C-5025", + vehicleType: "自卸车", + driver: "陈勇、孙凯、马宁", + applicant: "周强", + applyTime: "2026-07-24 08:32", + approvalOwner: "派工系统审批", + approvalStatus: "已下达", + orderStatus: "作业中", + position: "西港主干路北段", + locationTime: "2026-07-24 10:24:08", + onlineStatus: "在线", + trackStatus: "轨迹记录中", + progress: "68%", + accessState: "派工有效，可进入隔离封闭区域", + videoState: "移动监控已推送", + approvalRecords: [["2026-07-24 08:54", "流机调度员下达", "已下达", "派工系统审批完成后同步"]], + }, + { + id: "QG-SC-CL-20260724-017", + sourceNo: "PGD-SC-260724-1048", + planNo: "JH-DG-0724-038", + sourceSystem: "流机公司智能调度平台", + businessType: "生产派工", + objectType: "车辆", + dispatchMode: "临时派工", + currentRole: "港务公司业务部长审核", + carUnit: "东港业务部", + applyDept: "东港生产调度室", + responsibleDept: "东港现场保障组", + responsiblePerson: "韩冰", + expectedArrivalTime: "2026-07-24 12:30", + shift: "白班", + workPlace: "东港5号堆场", + arrivalPlace: "5号堆场西门", + workContent: "倒运车辆临时支援", + workProcess: "派车确认、安全交底、作业反馈", + cargoName: "钢材", + voyage: "DG-0724-H", + requestedEquipment: "牵引车2台、平板车2台", + fulfilledEquipment: "牵引车T-09、T-12", + personnel: "郭涛、吴建", + personId: "DK-RY-10305、DK-RY-10361", + licenseNo: "冀C-6309、冀C-6312", + vehicleType: "牵引车", + driver: "郭涛、吴建", + applicant: "赵一鸣", + applyTime: "2026-07-24 10:48", + approvalOwner: "双控系统审批", + approvalStatus: "审核中", + orderStatus: "待下达", + position: "东港5号堆场西门", + locationTime: "2026-07-24 12:06:22", + onlineStatus: "在线", + trackStatus: "轨迹已生成", + progress: "41%", + accessState: "审批中，等待下达后放行", + videoState: "移动监控待推送", + approvalRecords: [ + ["2026-07-24 10:55", "公务公司审核", "通过", "车辆资质有效"], + ["2026-07-24 11:40", "港务公司计划员审核", "通过", "作业窗口符合计划"], + ["2026-07-24 12:02", "港务公司业务部长审核", "处理中", "等待当前节点确认"], + ], + }, + { + id: "QG-SC-CL-20260724-029", + sourceNo: "PGD-SC-260724-1510", + planNo: "JH-XG-0724-068", + sourceSystem: "流机公司智能调度平台", + businessType: "生产派工", + objectType: "车辆", + dispatchMode: "自动派工", + currentRole: "已归档", + carUnit: "西港业务部", + applyDept: "西港生产计划室", + responsibleDept: "西港现场保障组", + responsiblePerson: "曹俊", + expectedArrivalTime: "2026-07-24 16:00", + shift: "夜班", + workPlace: "西港煤场南路", + arrivalPlace: "煤场南路检查口", + workContent: "夜班倒运保障", + workProcess: "车辆入区、转运、离区确认", + cargoName: "煤炭", + voyage: "XG-0724-N", + requestedEquipment: "自卸车4台", + fulfilledEquipment: "自卸车X-31、X-32、X-33、X-36", + personnel: "沈旭、李杨、贾鹏、刘帅", + personId: "DK-RY-10511、DK-RY-10512、DK-RY-10515、DK-RY-10519", + licenseNo: "冀C-5031、冀C-5032、冀C-5033、冀C-5036", + vehicleType: "自卸车", + driver: "沈旭、李杨、贾鹏、刘帅", + applicant: "马琳", + applyTime: "2026-07-24 15:10", + approvalOwner: "派工系统审批", + approvalStatus: "已通过", + orderStatus: "待下达", + position: "西港煤场南路检查口", + locationTime: "未开始定位", + onlineStatus: "离线", + trackStatus: "未生成", + progress: "0%", + accessState: "待派工系统下达", + videoState: "未推送", + approvalRecords: [["2026-07-24 15:22", "流机计划员审核", "已通过", "派工系统审批完成后同步"]], + }, +]; + +function getRequestBody(options) { + try { + return JSON.parse(options.body || "{}"); + } + catch { + return {}; + } +} + +Mock.mock(/\/production-dispatch\/vehicle\/production\/list$/, "post", (options) => { + const body = getRequestBody(options); + const keyword = body.keyword?.trim(); + const filteredList = productionDispatchList.filter((record) => { + if (keyword && ![ + record.planNo, + record.workPlace, + record.personnel, + record.licenseNo, + record.applicant, + ].some(value => value.includes(keyword))) { + return false; + } + return ["carUnit", "shift", "approvalStatus", "currentRole"] + .every(key => !body[key] || record[key] === body[key]); + }); + const pageIndex = Number(body.pageIndex || 1); + const pageSize = Number(body.pageSize || 20); + const start = (pageIndex - 1) * pageSize; + + return { + success: true, + totalCount: filteredList.length, + data: filteredList.slice(start, start + pageSize), + }; +}); + +Mock.mock(/\/production-dispatch\/vehicle\/production\/sync$/, "post", () => ({ success: true })); + +Mock.mock(/\/production-dispatch\/vehicle\/production\/approval$/, "post", (options) => { + const body = getRequestBody(options); + const record = productionDispatchList.find(item => item.id === body.id); + const canApprove = record + && record.approvalOwner === "双控系统审批" + && ["待审", "审核中"].includes(record.approvalStatus) + && !/未配置|未匹配/.test(`${record.currentRole} ${record.personnel}`); + + if (!canApprove) { + return { success: false, errMessage: "当前车辆派工单不可审批" }; + } + if (!["PASS", "REJECT"].includes(body.approvalResult)) { + return { success: false, errMessage: "请选择审批结果" }; + } + if (body.approvalResult === "REJECT" && !body.rejectReason?.trim()) { + return { success: false, errMessage: "请输入驳回原因" }; + } + + const approved = body.approvalResult === "PASS"; + record.approvalStatus = approved ? "已通过" : "已驳回"; + record.rejectReason = approved ? "" : body.rejectReason.trim(); + const approvalRecord = [ + new Date().toLocaleString("sv-SE", { hour12: false }).slice(0, 16), + record.currentRole, + approved ? "通过" : "驳回", + approved ? "审批通过" : record.rejectReason, + ]; + const processingRecordIndex = record.approvalRecords.findIndex(item => item[2] === "处理中"); + if (processingRecordIndex >= 0) { + record.approvalRecords[processingRecordIndex] = approvalRecord; + } + else { + record.approvalRecords.push(approvalRecord); + } + + return { success: true, data: record }; +}); diff --git a/src/pages/Container/DeviceManagement/InternalDevice/index.js b/src/pages/Container/DeviceManagement/InternalDevice/index.js new file mode 100644 index 0000000..6bc0bb0 --- /dev/null +++ b/src/pages/Container/DeviceManagement/InternalDevice/index.js @@ -0,0 +1,17 @@ +import { Connect } from "@cqsjjb/jjb-dva-runtime"; + +import DeviceManagementList from "~/components/DeviceManagementList"; +import { NS_DEVICE_MANAGEMENT } from "~/enumerate/namespace"; + +function InternalDevice(props) { + return ( + + ); +} + +export default Connect([NS_DEVICE_MANAGEMENT], true)(InternalDevice); diff --git a/src/pages/Container/DeviceManagement/PartnerDevice/index.js b/src/pages/Container/DeviceManagement/PartnerDevice/index.js new file mode 100644 index 0000000..1042dab --- /dev/null +++ b/src/pages/Container/DeviceManagement/PartnerDevice/index.js @@ -0,0 +1,17 @@ +import { Connect } from "@cqsjjb/jjb-dva-runtime"; + +import DeviceManagementList from "~/components/DeviceManagementList"; +import { NS_DEVICE_MANAGEMENT } from "~/enumerate/namespace"; + +function PartnerDevice(props) { + return ( + + ); +} + +export default Connect([NS_DEVICE_MANAGEMENT], true)(PartnerDevice); diff --git a/src/pages/Container/DeviceManagement/index.js b/src/pages/Container/DeviceManagement/index.js new file mode 100644 index 0000000..48fc37e --- /dev/null +++ b/src/pages/Container/DeviceManagement/index.js @@ -0,0 +1,3 @@ +export default function DeviceManagement(props) { + return props.children; +} diff --git a/src/pages/Container/Entry/index.js b/src/pages/Container/Entry/index.js new file mode 100644 index 0000000..c51ecfd --- /dev/null +++ b/src/pages/Container/Entry/index.js @@ -0,0 +1,31 @@ +import { ImportCore } from "@cqsjjb/jjb-common-decorator/module"; +import React from "react"; + +export default class Entry extends React.Component { + state = { + Component: undefined, + }; + + componentDidMount() { + if (process.env.app.appKey) { + ImportCore({ + name: "$", + from: "https://cdn.cqjjb.cn/jcloud/use/plugin/b31c9840a57f11ef91cf7f3cabbb7484/latest", + }).then((res) => { + if (res.status) { + this.setState({ Component: res.module?.default }); + } + }); + } + } + + render() { + const { Component } = this.state; + return (Component && process.env.app.appKey) && ( + + ); + } +} diff --git a/src/pages/Container/PersonnelDispatch/CleaningDispatch/index.js b/src/pages/Container/PersonnelDispatch/CleaningDispatch/index.js new file mode 100644 index 0000000..d9fc5ec --- /dev/null +++ b/src/pages/Container/PersonnelDispatch/CleaningDispatch/index.js @@ -0,0 +1,20 @@ +import { Connect } from "@cqsjjb/jjb-dva-runtime"; + +import DispatchList from "~/components/DispatchList"; +import { NS_PERSONNEL_DISPATCH } from "~/enumerate/namespace"; + +function CleaningDispatch(props) { + return ( + + ); +} + +export default Connect([NS_PERSONNEL_DISPATCH], true)(CleaningDispatch); diff --git a/src/pages/Container/PersonnelDispatch/ProductionDispatch/index.js b/src/pages/Container/PersonnelDispatch/ProductionDispatch/index.js new file mode 100644 index 0000000..880d6e7 --- /dev/null +++ b/src/pages/Container/PersonnelDispatch/ProductionDispatch/index.js @@ -0,0 +1,20 @@ +import { Connect } from "@cqsjjb/jjb-dva-runtime"; + +import DispatchList from "~/components/DispatchList"; +import { NS_PERSONNEL_DISPATCH } from "~/enumerate/namespace"; + +function ProductionDispatch(props) { + return ( + + ); +} + +export default Connect([NS_PERSONNEL_DISPATCH], true)(ProductionDispatch); diff --git a/src/pages/Container/PersonnelDispatch/index.js b/src/pages/Container/PersonnelDispatch/index.js new file mode 100644 index 0000000..a8eff3b --- /dev/null +++ b/src/pages/Container/PersonnelDispatch/index.js @@ -0,0 +1,3 @@ +export default function PersonnelDispatch(props) { + return props.children; +} diff --git a/src/pages/Container/VehicleDispatch/CleaningDispatch/index.js b/src/pages/Container/VehicleDispatch/CleaningDispatch/index.js new file mode 100644 index 0000000..49c99ca --- /dev/null +++ b/src/pages/Container/VehicleDispatch/CleaningDispatch/index.js @@ -0,0 +1,20 @@ +import { Connect } from "@cqsjjb/jjb-dva-runtime"; + +import DispatchList from "~/components/DispatchList"; +import { NS_VEHICLE_DISPATCH } from "~/enumerate/namespace"; + +function CleaningDispatch(props) { + return ( + + ); +} + +export default Connect([NS_VEHICLE_DISPATCH], true)(CleaningDispatch); diff --git a/src/pages/Container/VehicleDispatch/ProductionDispatch/index.js b/src/pages/Container/VehicleDispatch/ProductionDispatch/index.js new file mode 100644 index 0000000..f342496 --- /dev/null +++ b/src/pages/Container/VehicleDispatch/ProductionDispatch/index.js @@ -0,0 +1,20 @@ +import { Connect } from "@cqsjjb/jjb-dva-runtime"; + +import DispatchList from "~/components/DispatchList"; +import { NS_VEHICLE_DISPATCH } from "~/enumerate/namespace"; + +function ProductionDispatch(props) { + return ( + + ); +} + +export default Connect([NS_VEHICLE_DISPATCH], true)(ProductionDispatch); diff --git a/src/pages/Container/VehicleDispatch/index.js b/src/pages/Container/VehicleDispatch/index.js new file mode 100644 index 0000000..32645ee --- /dev/null +++ b/src/pages/Container/VehicleDispatch/index.js @@ -0,0 +1,3 @@ +export default function VehicleDispatch(props) { + return props.children; +} diff --git a/src/pages/Container/index.js b/src/pages/Container/index.js new file mode 100644 index 0000000..6a812c4 --- /dev/null +++ b/src/pages/Container/index.js @@ -0,0 +1,100 @@ +import { ImportCore } from "@cqsjjb/jjb-common-decorator/module"; +import { theme as antdTheme, App, ConfigProvider } from "antd"; +import language from "antd/locale/zh_CN"; +import React from "react"; +import { InjectContext } from "~/enumerate/context"; + +export default class Container extends React.Component { + state = window?.base?.themeConfig || { + algorithm: window.process.env.app.antd.algorithm, + borderRadius: window.process.env.app.antd.borderRadius, + colorPrimary: window.process.env.app.antd.colorPrimary, + }; + + get token() { + const { + colorPrimary, + borderRadius, + } = this.state; + return { + fontFamily: window.process.env.app.antd.fontFamily, + colorPrimary, + borderRadius, + }; + } + + get algorithm() { + return antdTheme[this.state.algorithm]; + } + + componentDidMount() { + if (window.__IN_BASE__) { + // eslint-disable-next-line react-web-api/no-leaked-event-listener + window.base.addEventListener("EVENT_THEME_CONTROL", (e) => { + const config = e.data; + this.setState({ [config.field]: config.value }); + }); + } + } + + render() { + return ( + + + + + + ); + } +} + +function AppMiddle(props) { + return ( + + {process.env.NODE_ENV === "development" + ? props.children + : ( + + {props.children} + + )} + + ); +} + +class Interceptor extends React.Component { + state = { + Component: undefined, + }; + + componentDidMount() { + if (process.env.app.appKey) { + ImportCore({ + name: "$", + from: "https://cdn.cqjjb.cn/jcloud/use/plugin/b31c9840a57f11ef91cf7f3cabbb7484/latest", + }).then(async (res) => { + if (res.status) { + this.setState({ Component: res.module?.PageCover }); + } + }); + } + } + + render() { + const { Component } = this.state; + return (Component && process.env.app.appKey && process.env.NODE_ENV === "development") + ? ( + + {this.props.children} + + ) + : this.props.children; + } +} diff --git a/src/pages/index.js b/src/pages/index.js new file mode 100644 index 0000000..64c36bb --- /dev/null +++ b/src/pages/index.js @@ -0,0 +1,8 @@ +export default function () { + return ( +

gxdun1dphetcurko +

+ ); +} diff --git a/webstorm.config.js b/webstorm.config.js new file mode 100644 index 0000000..ca262cd --- /dev/null +++ b/webstorm.config.js @@ -0,0 +1,16 @@ +"use strict"; +const path = require("node:path"); + +function resolve(dir) { + return path.join(__dirname, ".", dir); +} + +module.exports = { + context: path.resolve(__dirname, "./"), + resolve: { + extensions: [".js"], + alias: { + "~": resolve("src/"), + }, + }, +};