feat

config/config.js

@@ -10,6 +10,7 @@ console.log('REACT_APP_ENV', REACT_APP_ENV);
 
 export default defineConfig({
   define: {
+    IS_DEMO: true,
     API_BASE: REACT_APP_ENV == 'dev' ? '' : 'http://machine.njyunzhi.com',
     // API_BASE: 'http://192.168.89.147',
   },

src/components/GeoMap/CarsMarker.js

@@ -29,7 +29,7 @@ export default function getCarsMarker(AMap, map, opts = {}) {
           <div style="width:100%;text-align:center">
             <img  class="map-top-cars borderBox" src="${thumb}" alt="" />
           </div>
-          <img class="map-top-start borderBox" src="${videoStartImg}" alt="" />
+          <img class="map-top-start borderBox map-video-btn" src="${videoStartImg}" alt="" />
           <img class="map-top-stop borderBox" src="${videoStopImg}" alt="" />
         </div>
         <div  class="map-button-border">      

src/components/GeoMap/VideoModel.jsx

@@ -18,12 +18,14 @@ export default (props) => {
   };
 
   useEffect(() => {
-    // 隐藏的时候取消视频播放
-    if (visible) {
-      getPreviewInfo('05a281758ccfe9c68fcada81faee7cae').then(setPreview);
-    } else {
-      if (hatcRef.current) {
-        hatcRef.current.stop();
+    if (!IS_DEMO) {
+      // 隐藏的时候取消视频播放
+      if (visible) {
+        getPreviewInfo('05a281758ccfe9c68fcada81faee7cae').then(setPreview);
+      } else {
+        if (hatcRef.current) {
+          hatcRef.current.stop();
+        }
       }
     }
   }, [visible]);
@@ -37,7 +39,16 @@ export default (props) => {
       visible={visible}
       onCancel={handleCancel}
     >
-      <Hatc width={width} ref={hatcRef} height={height} previewParams={preview} />
+      {IS_DEMO ? (
+        <video
+          controls
+          autoPlay
+          src="https://dz-machinery.oss-cn-nanjing.aliyuncs.com/video/ydpjksfw7bhh.mp4"
+          style={{ width: `${width}px`, height: `${height}px` }}
+        ></video>
+      ) : (
+        <Hatc width={width} ref={hatcRef} height={height} previewParams={preview} />
+      )}
     </Modal>
   );
 };

src/components/GeoMap/global.less

@@ -133,6 +133,13 @@
   bottom: 8vh;
 }
 
+.map-video-btn {
+  position: absolute;
+  right: 0;
+  left: 0;
+  margin: auto;
+}
+
 //底部
 .map-button-border {
   font-weight: 800;