diff --git a/src/pages/ElecEvaluation/VideoMonitor/ViewModal.tsx b/src/pages/ElecEvaluation/VideoMonitor/ViewModal.tsx
index eadd357..6c576e8 100644
--- a/src/pages/ElecEvaluation/VideoMonitor/ViewModal.tsx
+++ b/src/pages/ElecEvaluation/VideoMonitor/ViewModal.tsx
@@ -1,4 +1,4 @@
-import { Spin, Modal, Descriptions, message } from 'antd';
+import { Spin, Modal, Descriptions, message, Button } from 'antd';
 // import type { ColumnsType } from 'antd/es/table';
 import React, { useState, useImperativeHandle, forwardRef } from 'react';
 import { getReservationInfo, getReportInfo } from './service';
@@ -163,6 +163,13 @@ const columns: any = [
         //     }
         //     return result;
         // }
+        const renderFooter = () => {
+            return (
+              <>
+                <Button onClick={onCancel}>关闭</Button>
+              </>
+            );
+          }
         return (<Modal
                     destroyOnClose = {true}
                     visible = {modalVisible}
@@ -171,8 +178,8 @@ const columns: any = [
                         <span>详情</span>
                         <span style={{textAlign: "center",width: "100%",position: "absolute",left: 0}}>{reservationInfo?.projectName}</span>
                         </div>}
-                    footer={null}
-                    width={1000}
+                    footer={renderFooter()}
+                    width={"60%"}
                 >
                     
                     <Spin spinning={initReservationInfo || initReportInfo}>