fix: DEFECT-912 camera manage prview video style error

@@ -34,6 +34,7 @@
     let { width = 300, height = 150 } = unref(getOptions);
     width = isNumber(width) ? (`${width}px` as unknown as number) : width;
     height = isNumber(height) ? (`${height}px` as unknown as number) : height;
+    console.log({ getOptions });
     return { width, height } as CSSProperties;
   });
 

@@ -10,7 +10,9 @@
       :showOkBtn="false"
       @cancel="handleCancel"
     >
-      <div class="flex items-center justify-center bg-dark-900 w-full h-full min-h-52">
+      <div
+        class="flex items-center justify-center bg-dark-900 w-full h-full min-h-52 video-container"
+      >
         <BasicVideoPlay v-if="showVideo" :options="options" />
       </div>
     </BasicModal>
@@ -63,3 +65,13 @@
     showVideo.value = false;
   };
 </script>
+
+<style lang="less" scoped>
+  .video-container:deep(.vben-basic-video-play) {
+    min-height: 13rem;
+  }
+
+  .video-container:deep(.video-js) {
+    min-height: 13rem;
+  }
+</style>

@@ -61,6 +61,9 @@
 
       for (const item of items) {
         (item as CameraRecordItem).isTransform = false;
+        (item as CameraRecordItem).videoPlayerOptions = {
+          ...basicVideoPlayOptions,
+        };
         beforeVideoPlay(item);
       }
       if (items.length < pagination.pageSize) {
@@ -117,6 +120,7 @@
         const index = unref(cameraList).findIndex((item) => item.id === record.id);
         if (~index) unref(cameraList)[index].isTransform = true;
       }
+      console.log(unref(cameraList));
     }
   };