提交在线监督和事后监督部分代码

src/pages/VideoMonitor/ViewModal.tsx

@@ -0,0 +1,39 @@
+import { Spin, Modal } from 'antd';
+import React, { useState } from 'react';
+import JgtzsModal from '../ZYuShen/Calibration/ProjectManager/ResultNotice/components/JgtzsModal';
+
+interface ViewDetailsProps {
+    modalVisible: boolean; //开启关闭控制
+    onCancel: () => void; //关闭方法传入
+    data: any //数据传入
+  }
+
+/**
+ * 详情弹出层
+ * @returns 
+ */
+ const ViewDetails: React.FC<ViewDetailsProps> = (props) => {
+        const {modalVisible, onCancel, data} = props;
+        const [spin, spinSet] = useState<boolean>(false);
+        return (<Modal
+                    destroyOnClose = {true}
+                    visible = {modalVisible}
+                    onCancel = {() => {onCancel()}}        
+                    title={<div>
+                        <span>详情</span>
+                        <span style={{textAlign: "center",width: "100%",position: "absolute",left: 0}}>{data?.projectName}</span>
+                        </div>}
+                    footer={null}
+                    width={1000}
+                >
+                    
+                    <Spin spinning={spin}></Spin>
+                    <p>Some contents...</p>
+                    <p>Some contents...</p>
+                    <p>Some contents...</p>
+                    <p>Some contents...</p>
+                    <p>Some contents...</p>
+            </Modal>)
+}
+export default ViewDetails;
+