+ {
+ setModalVisible(false);
+ setModalType("");
+ setModalTitle("");
+ setModalInfo({});
+ }}
+ />
+ )
+ }
+
+ );
+}
+
+const MarkModal = (props) => {
+ const info = props.info;
+ const id = props.info.id;
+ const type = props.type;
+
+ return (
+
+ 确定 },
+ ]}
+ form={form}
+ onFinish={onDrawScope}
+ />
+
+
+
+
+ );
+}
+
+export default Connect([NS_RESUE], true)(CommandFeedbackRecords);
diff --git a/src/pages/Container/Enterprise/EmergencyRescue/Rescue/Command/components/EventHandlingRecords/index.js b/src/pages/Container/Enterprise/EmergencyRescue/Rescue/Command/components/EventHandlingRecords/index.js
new file mode 100644
index 0000000..7bdc5ea
--- /dev/null
+++ b/src/pages/Container/Enterprise/EmergencyRescue/Rescue/Command/components/EventHandlingRecords/index.js
@@ -0,0 +1,91 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import VirtualList from "@rc-component/virtual-list";
+import { Button, Input, message, Space } from "antd";
+import { useEffect, useState } from "react";
+import { NS_RESUE } from "~/enumerate/namespace";
+import circle from "~/pages/Container/Enterprise/EmergencyRescue/Rescue/Command/images/circle.png";
+
+function EventHandlingRecords(props) {
+ const [list, setList] = useState([]);
+ const [value, setValue] = useState("");
+
+ const getData = async () => {
+ const { data } = await props["rescueEventHandlingRecordListAll"]({ id: props.id });
+ setList(data || []);
+ };
+
+ useEffect(() => {
+ getData();
+ }, []);
+
+ const onSubmit = async () => {
+ if (!value) {
+ message.error("请输入内容");
+ return;
+ }
+ const { success } = await props["rescueCommandEventHandlingRecordsAdd"]({
+ rescueId: props.id,
+ handlingContent: value,
+ });
+ if (success) {
+ message.success("添加成功");
+ setValue("");
+ getData();
+ }
+ };
+
+ return (
+
+ 
+ 预案指令反馈记录
+
+
+ {list.length > 0
+ ? (
+
+ {item => (
+
+ )
+ :
+
+
+ )}
+
+
+
+ {item.rescueInstructionExecutorFeedbackCOList.map((feedback, feedbackIndex) => (
+
+
+
+ 指令编号：
+ {item.commandNumber}
+
+
+ 发送时间：
+ {item.sendTime}
+
+
+ 指令类型：
+ {item.commandType}
+
+
+ 指令内容：
+ {item.commandContent}
+
+
+
+
+ ))}
+
+
+
+ 指令反馈
+ {String(item.rescueInstructionExecutorFeedbackCOList.length - feedbackIndex).padStart(2, "0")}
+
+
+ 反馈时间：
+ {feedback.feedbackTime}
+
+
+ 指令执行状态：
+ {feedback.commandStatus}
+
+
+ 反馈内容：
+ {feedback.feedbackContent}
+
+
+ 现场图片：
+
+
+
+ {(feedback.feedbackImageUrl ? feedback.feedbackImageUrl.split(",") : []).map((img, imgIndex) => (
+
+
+ 暂无数据
}
+
+
+ );
+}
+
+export default Connect([NS_RESUE], true)(EventHandlingRecords);
diff --git a/src/pages/Container/Enterprise/EmergencyRescue/Rescue/Command/components/MarkOptions/index.js b/src/pages/Container/Enterprise/EmergencyRescue/Rescue/Command/components/MarkOptions/index.js
new file mode 100644
index 0000000..1fc61e9
--- /dev/null
+++ b/src/pages/Container/Enterprise/EmergencyRescue/Rescue/Command/components/MarkOptions/index.js
@@ -0,0 +1,255 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { produce } from "immer";
+import { useState } from "react";
+import {
+ NS_CLOSED_CARD_PORT,
+ NS_COMMUNICATION_GUARANTEE_ORGANIZATION,
+ NS_DRAINAGE_WELL,
+ NS_EMERGENCY_EQUIPMENT,
+ NS_EMERGENCY_SHELTER,
+ NS_ENTERPRISE_EMERGENCY_ORGANIZATION,
+ NS_EXPERT_EMERGENCY_RESCUE_EXPERT_GROUP,
+ NS_EXPERT_EMERGENCY_RESCUE_TEAM,
+ NS_FIREFIGHTING_EQUIPMENT,
+ NS_MATERIAL_EQUIPMENT,
+ NS_MEDICAL_GUARANTEE_ORGANIZATION,
+ NS_TECHNICAL_SUPPORT_GUARANTEE_ORGANIZATION,
+ NS_TRANSPORT_GUARANTEE_ORGANIZATION,
+} from "~/enumerate/namespace";
+// import ico1 from "../../images/ico1.png";
+import ico2 from "../../images/ico2.png";
+import ico3 from "../../images/ico3.png";
+import ico4 from "../../images/ico4.png";
+import ico5 from "../../images/ico5.png";
+import ico6 from "../../images/ico6.png";
+import ico7 from "../../images/ico7.png";
+// import ico8 from "../../images/ico8.png";
+import ico9 from "../../images/ico9.png";
+import ico10 from "../../images/ico10.png";
+import ico11 from "../../images/ico11.png";
+import ico12 from "../../images/ico12.png";
+import ico13 from "../../images/ico13.png";
+import option_bg from "../../images/option_bg.png";
+
+function MarkOptions(props) {
+ const [list, setList] = useState([
+ {
+ title: "应急救援物资",
+ checked: false,
+ children: [
+ // {
+ // title: "应急装备",
+ // checked: false,
+ // icon: ico1,
+ // nameKey: "equipmentName",
+ // action: props["emergencyEquipmentListAll"],
+ // type: "emergencyEquipment",
+ // },
+ {
+ title: "物资装备库",
+ checked: false,
+ icon: ico2,
+ nameKey: "warehouseName",
+ action: props["materialEquipmentListAll"],
+ type: "materialEquipment",
+ },
+ {
+ title: "应急避难场所",
+ checked: false,
+ icon: ico3,
+ nameKey: "placeName",
+ action: props["emergencyShelterListAll"],
+ type: "emergencyShelter",
+ },
+ {
+ title: "消防物资",
+ checked: false,
+ icon: ico4,
+ action: props["firefightingEquipmentListAll"],
+ type: "firefightingEquipment",
+ },
+ {
+ title: "排水井",
+ checked: false,
+ icon: ico5,
+ nameKey: "wellName",
+ action: props["drainageWellListAll"],
+ type: "drainageWell",
+ },
+ {
+ title: "封闭卡口",
+ checked: false,
+ icon: ico6,
+ nameKey: "checkpointName",
+ action: props["closedCardPortListAll"],
+ type: "closedCardPort",
+ },
+ ],
+ },
+ {
+ title: "应急专家队伍",
+ checked: false,
+ children: [
+ {
+ title: "应急救援队伍",
+ checked: false,
+ icon: ico7,
+ nameKey: "teamName",
+ action: props["expertEmergencyRescueTeamListAll"],
+ type: "expertEmergencyRescueTeam",
+ },
+ // {
+ // title: "应急救援专家组",
+ // checked: false,
+ // icon: ico8,
+ // nameKey: "groupName",
+ // action: props["expertEmergencyRescueExpertGroupListAll"],
+ // type: "expertEmergencyRescueExpertGroup",
+ // },
+ ],
+ },
+ {
+ title: "专业保障机构",
+ checked: false,
+ children: [
+ {
+ title: "运输保障机构",
+ checked: false,
+ icon: ico9,
+ nameKey: "agencyName",
+ action: props["transportGuaranteeOrganizationListAll"],
+ type: "transportGuaranteeOrganization",
+ },
+ {
+ title: "医疗保障机构",
+ checked: false,
+ icon: ico10,
+ nameKey: "agencyName",
+ action: props["medicalGuaranteeOrganizationListAll"],
+ type: "medicalGuaranteeOrganization",
+ },
+ {
+ title: "通讯保障机构",
+ checked: false,
+ icon: ico11,
+ nameKey: "agencyName",
+ action: props["communicationGuaranteeOrganizationListAll"],
+ type: "communicationGuaranteeOrganization",
+ },
+ {
+ title: "技术支持机构",
+ checked: false,
+ icon: ico12,
+ nameKey: "agencyName",
+ action: props["technicalSupportGuaranteeOrganizationListAll"],
+ type: "technicalSupportGuaranteeOrganization",
+ },
+ ],
+ },
+ {
+ title: "企业应急机构",
+ checked: false,
+ icon: ico13,
+ nameKey: "agencyName",
+ action: props["enterpriseEmergencyOrganizationListAll"],
+ type: "enterpriseEmergencyOrganization",
+ },
+ ]);
+
+ const onClickFirst = async (item, index) => {
+ setList(produce((draft) => {
+ draft.forEach((draftItem, draftIndex) => {
+ (draftIndex !== index && draftItem.children) && (draftItem.checked = false);
+ });
+ draft[index].checked = !draft[index].checked;
+ }));
+ if (item.action) {
+ if (item.checked) {
+ props.removeMarkPoint(item.type);
+ return;
+ }
+ const { data } = await item.action();
+ props.addMarkPoint(data, {
+ mapType: item.type,
+ mapIcon: item.icon,
+ modalTitle: item.title,
+ nameKey: item.nameKey,
+ });
+ }
+ };
+
+ const onClickLast = async (parentIndex, item, index) => {
+ setList(produce((draft) => {
+ draft[parentIndex].children[index].checked = !draft[parentIndex].children[index].checked;
+ }));
+ if (item.action) {
+ if (item.checked) {
+ props.removeMarkPoint(item.type);
+ return;
+ }
+ const { data } = await item.action();
+ props.addMarkPoint(data, {
+ mapType: item.type,
+ mapIcon: item.icon,
+ modalTitle: item.title,
+ nameKey: item.nameKey,
+ });
+ }
+ };
+
+ return (
+
+
+ 事件处置记录
+
+
+ {list.length > 0
+ ? (
+
+ {item => (
+
+ )
+ : (
+
+
+
+
+ )}
+ {item.handlingTime}
+ {item.handlingContent}
+
+ 暂无数据
+
+ )}
+
+ setValue(e.target.value)}
+ maxLength={500}
+ showCount={true}
+ rows={3}
+ />
+
+
+
+
+
+
+
+ {
+ list.map((item, index) => (
+
+ );
+}
+
+export default Connect([
+ NS_EMERGENCY_EQUIPMENT,
+ NS_MATERIAL_EQUIPMENT,
+ NS_EMERGENCY_SHELTER,
+ NS_FIREFIGHTING_EQUIPMENT,
+ NS_DRAINAGE_WELL,
+ NS_CLOSED_CARD_PORT,
+ NS_EXPERT_EMERGENCY_RESCUE_TEAM,
+ NS_EXPERT_EMERGENCY_RESCUE_EXPERT_GROUP,
+ NS_TRANSPORT_GUARANTEE_ORGANIZATION,
+ NS_MEDICAL_GUARANTEE_ORGANIZATION,
+ NS_COMMUNICATION_GUARANTEE_ORGANIZATION,
+ NS_TECHNICAL_SUPPORT_GUARANTEE_ORGANIZATION,
+ NS_ENTERPRISE_EMERGENCY_ORGANIZATION,
+], true)(MarkOptions);
diff --git a/src/pages/Container/Enterprise/EmergencyRescue/Rescue/Command/components/NonContingencyInstructions/index.js b/src/pages/Container/Enterprise/EmergencyRescue/Rescue/Command/components/NonContingencyInstructions/index.js
new file mode 100644
index 0000000..4eaa19a
--- /dev/null
+++ b/src/pages/Container/Enterprise/EmergencyRescue/Rescue/Command/components/NonContingencyInstructions/index.js
@@ -0,0 +1,239 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import VirtualList from "@rc-component/virtual-list";
+import { message, Modal } from "antd";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+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_ENTERPRISE_EMERGENCY_PERSONNEL, NS_ENTERPRISE_PLAN, NS_RESUE } from "~/enumerate/namespace";
+import circle from "~/pages/Container/Enterprise/EmergencyRescue/Rescue/Command/images/circle.png";
+
+function NonContingencyInstructions(props) {
+ const [sendCommandModalVisible, setSendCommandModalVisible] = useState(false);
+ const [currentInfo, setCurrentInfo] = useState({});
+ const [modalSubTitle, setModalSubTitle] = useState("");
+
+ const {
+ tableProps: enterprisePlanOrganizationPersonnelTableProps,
+ getData: enterprisePlanOrganizationPersonnelGetData,
+ } = useTable(props["enterprisePlanOrganizationPersonnelListAll"], {
+ params: { planId: props.planId },
+ usePagination: false,
+ useStorageQueryCriteria: false,
+ manual: true,
+ });
+ const { tableProps: enterpriseEmergencyPersonnelTableProps } = useTable(props["enterpriseEmergencyPersonnelListAll"], {
+ usePagination: false,
+ useStorageQueryCriteria: false,
+ });
+
+ useEffect(() => {
+ props.planId && enterprisePlanOrganizationPersonnelGetData();
+ }, [props.planId]);
+
+ return (
+
+
+ ))
+ }
+ {
+ onClickFirst(item, index);
+ }}
+ >
+
+ {item.checked && item.children && (
+ {item.title}
+
+ {
+ item.children.map((child, childIndex) => (
+
+ )}
+ {
+ onClickLast(index, child, childIndex);
+ }}
+ >
+
+ ))
+ }
+ {child.title}
+
+
+ );
+}
+
+const SendCommandModalComponent = (props) => {
+ const [form] = FormBuilder.useForm();
+
+ const onSubmit = async (values) => {
+ const { success } = await props["rescueCommandSendCommand"]({
+ ...values,
+ rescueId: props.id,
+ userId: props.info.id,
+ });
+ if (success) {
+ message.success("发送成功");
+ props.onCancel();
+ props.getCommandEvent.emit();
+ }
+ };
+
+ return (
+
+
+ 非预案指令发送
+
+
+ {
+ props.planId && (
+ <>
+ {
+ setSendCommandModalVisible(false);
+ setCurrentInfo({});
+ }}
+ />
+ )
+ }
+
+ 预案应急救援机构人员
+
+
+
+ )
+ }
+
+
+ 姓名
+ 组内岗位
+ 联系电话
+ 操作
+ 0 ? "transparent" : "#fff"}` }}
+ >
+ {
+ enterprisePlanOrganizationPersonnelTableProps.dataSource.length > 0
+ ? (
+
+ {item => (
+
+ )
+ : (
+
+
+
+ )}
+ {item.userName}
+ {item.groupPost}
+ {item.contactPhone}
+
+
+ 暂无数据
+
+ )
+ }
+
+
+ {
+ sendCommandModalVisible && (
+ 企业应急救援机构人员
+
+
+
+
+ 姓名
+ 行政职务
+ 联系电话
+ 操作
+ 0 ? "transparent" : "#fff"}` }}
+ >
+ {
+ enterpriseEmergencyPersonnelTableProps.dataSource.length > 0
+ ? (
+
+ {item => (
+
+ )
+ : (
+
+
+
+ )}
+ {item.userName}
+ {item.administrativePosition}
+ {item.contactPhone}
+
+
+ 暂无数据
+
+ )
+ }
+