Merge branch 'fix/DEFECT-1977' into 'main_dev'

fix: 修复视频配置分屏模式全屏的时候界面下方白色框没铺满

See merge request yunteng/thingskit-front!1284

@@ -238,7 +238,7 @@
             ref="listEl"
             ref="listEl"
             :loading="loading"
             :loading="loading"
             :data-source="cameraList"
             :data-source="cameraList"
-            class="bg-light-50 w-full !h-full dark:bg-dark-900 split-mode-list"
+            class="bg-light-50 w-full !h-full dark:bg-dark-900 split-mode-list full"
             :grid="(gridLayout as any)"
             :grid="(gridLayout as any)"
             :style="{ '--height': `${100 / pagination.colNumber}%` }"
             :style="{ '--height': `${100 / pagination.colNumber}%` }"
           >
           >
@@ -270,7 +270,7 @@
                       class="video-container-mask absolute top-0 left-0 z-50 text-lg w-full text-light-50 flex justify-center"
                       class="video-container-mask absolute top-0 left-0 z-50 text-lg w-full text-light-50 flex justify-center"
                       style="height: 100%; background-color: rgba(0, 0, 0, 0.5)"
                       style="height: 100%; background-color: rgba(0, 0, 0, 0.5)"
                     >
                     >
-                      <span>{{ item.name }}</span>
+                      <span>{{ item.name }}{{ pagination.colNumber }}</span>
                     </div>
                     </div>
                   </div>
                   </div>
                 </div>
                 </div>
@@ -294,9 +294,11 @@
     height: 100%;
     height: 100%;
   }
   }
 
 
-  // .split-screen-mode:deep(.ant-spin-container) {
-  //height: 100% !important;
-  // }
+  .full {
+    :deep(.ant-spin-container) {
+      height: 100% !important;
+    }
+  }
 
 
   .video-container {
   .video-container {
     .video-container-mask {
     .video-container-mask {