fix(): ui走查样式优化

src/pages/NewEnergy/RealtimeMonitor/ChargerMonitor/index.scss

@@ -23,12 +23,12 @@
             }
           }
 
-          .custom-view-detail{
-            &.default{
+          .custom-view-detail {
+            &.default {
               cursor: pointer;
             }
-            &.disabled{
-              color: hsla(0,0%,100%,.3);
+            &.disabled {
+              color: hsla(0, 0%, 100%, 0.3);
               cursor: not-allowed;
             }
           }
@@ -39,9 +39,19 @@
 }
 
 .custom-modal__charger-monitor {
-  .content {
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  .ant-modal-content {
+    border-radius: 4px;
+    overflow: hidden;
+    .content {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .ant-image {
+        border: 1px solid #626b7e;
+        border-radius: 4px;
+        background-color: #3e4557;
+        overflow: hidden;
+      }
+    }
   }
 }

src/pages/NewEnergy/RealtimeMonitor/ChargerMonitor/loadable.jsx

@@ -3,7 +3,7 @@ import { message as Message, Modal, Image, Button } from "antd";
 import { dictionary, utils } from "@/config/common";
 import ajax from "@/services";
 import { TableModule } from "@/components";
-import errorImg from "@/assets/images/error-img.png";
+import errorImgNew from "@/assets/images/error-img-new.png";
 import "./index.scss";
 import moment from "moment";
 
@@ -227,17 +227,19 @@ function ChargerMonitor() {
         width={1000}
         open={ImgRecordShow}
         footer={null}
+        destroyOnClose
         onCancel={() => {
           closeImgRecordModal();
         }}
       >
-        <div className="content" style={{ height: 600 }}>
+        <div className="content" style={{ height: 562 }}>
           <Image
             width={"100%"}
             height={"100%"}
             src={ImgRecordData?.pic_url}
+            // prefixCls="custom-ant-image-preview-wrap ant-image"
             // preview={false}
-            fallback={errorImg}
+            fallback={errorImgNew}
           ></Image>
         </div>
       </Modal>