fix: 回放部分样式优化

src/components/LiveVideo/LiveVideo.vue

@@ -4,9 +4,7 @@
 
     <div class="loadingError" v-if="isVideoLoadingFailed">视频加载失败</div>
 
-    <video v-loading="true" ref="videoRef" autoplay muted class="video-js video-content">
-      <source :src="props.url" />
-    </video>
+    <video v-loading="true" ref="videoRef" autoplay muted class="video-js video-content"></video>
   </div>
 </template>
 
@@ -65,7 +63,7 @@
     videoElement.removeEventListener('timeupdate', handleTimeUpdate);
     videoElement.addEventListener('timeupdate', handleTimeUpdate);
 
-    player.attachMediaElement(videoElement);
+    player.attachMediaElement(videoElement as HTMLVideoElement);
     player.load();
     player.on(mpegts.Events.MEDIA_INFO, () => {
       console.log('视频开始播放');

src/views/cameras/preview/components/CameraTree/CameraTreeOldVersion.vue

@@ -49,7 +49,7 @@
                 </el-icon>
                 <el-icon class="invalidCamera" v-if="isInvalid(data)"><WarningFilled /></el-icon>
               </span>
-              {{ node.label }}
+              {{ node.label }}{{ getCameraCode(data) }}
             </span>
           </template>
         </el-tree>
@@ -98,6 +98,12 @@
     }
   };
 
+  const getCameraCode = (data: any) => {
+    if (data.cameraId) {
+      return `[${data.code}]`;
+    }
+  };
+
   const isSelect = (data) =>
     data.nodeType === CameraTreeNodeType.camera && data.id === Number(cameraId.value);
 

src/views/datamanager/playback/Playback.vue

@@ -170,7 +170,7 @@
     background: #fff;
 
     .camera-tree {
-      width: 250px;
+      // width: 250px;
       flex-shrink: 0;
       border: 1px solid #f0f2f5;
       margin: 5px;