feat: 补充提交

src/components/videoPlayer/Player.vue

@@ -0,0 +1,11 @@
+<!--
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2025-03-12 13:48:31
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2025-03-12 13:56:15
+ * @FilePath: \5G-Loading-Bay-Web\src\components\videoPlayer\player.vue
+ * @Description: 视频播放器
+-->
+<template>
+    <!-- 视频播放器 -->
+</template>

src/components/videoPlayer/RealPlayer.vue

@@ -0,0 +1,4 @@
+
+<template>
+    <!-- 实时视频播放器 -->
+</template>

src/views/dashboard/PoleMonitor.scss

@@ -1,19 +1,29 @@
 .pole-monitor-wrap {
- .search-section{
+  background-image: url("@/assets/common/bg_banner.png");
+    // background-color: red;
+    background-size: contain;
+    background-position: center;
+    background-repeat: no-repeat;
+  .search-section {
     padding: 16px 0;
   }
+  .pole-main-content {
+    width: 100%;
+    
+  }
+
   .pole-monitor-search-box {
     display: flex;
     align-items: center;
     gap: 12px;
     margin: 16px 0;
-}
+  }
-.right-panel{
+  .right-panel {
     .el-scrollbar__view {
       background: transparent !important;
       height: 600px;
     }
-}
+  }
   .pole-monitor-main {
     .left-panel {
       .main-image {
@@ -32,16 +42,16 @@
           height: 100%;
           .swiper-slide {
             width: 20%;
-                border-radius:4px;
+            border-radius: 4px;
             img {
               width: 100%;
               height: 100%;
-                    border-radius:4px;
+              border-radius: 4px;
             }
           }
           .active-slide img {
-                border-radius:4px;
+            border-radius: 4px;
-                border: 2px solid #2ECCE0;
+            border: 2px solid #2ecce0;
           }
           .swiper-button-prev,
           .swiper-button-next {
@@ -54,8 +64,8 @@
 
           .swiper-button-prev::after,
           .swiper-button-next::after {
-                font-size: 12px ;
+            font-size: 12px;
-                color: #FFF;
+            color: #fff;
           }
 
           /* 修改按钮悬停样式 */
@@ -64,7 +74,6 @@
             background-color: rgba(0, 0, 0, 0.8);
           }
         }
-          
       }
     }
   }

src/views/dashboard/PoleMonitor.vue

@@ -2,12 +2,12 @@
  * @Author: donghao donghao@supervision.ltd
  * @Date: 2025-03-06 15:15:01
  * @LastEditors: donghao donghao@supervision.ltd
- * @LastEditTime: 2025-03-12 13:30:24
+ * @LastEditTime: 2025-03-12 14:06:27
  * @FilePath: \vite-ai\data-dashboard\src\views\dashboard\PoleMonitor.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
 <template>
-    <div class="pole-monitor-wrap">
+    <div class="pole-monitor-wrap mt-[32px]">
         <div class="module-header">
             <ContentHeader bgLayout="1855">
                 <template #title>
@@ -19,6 +19,7 @@
                 </template>
             </ContentHeader>
         </div>
+        <div class="pole-main-content">
             <!-- 搜索区域 -->
             <div class="pole-monitor-search-box">
                 <el-select v-model="searchForm.name" placeholder="列车号" class="custom-select">
@@ -47,9 +48,9 @@
                     <!-- 主图显示 -->
                     <div class="main-image">
                         <img src="https://picsum.photos/300/200?random=1" alt="监控画面">
-                    <div class="image-info">
+                        <!-- <div class="image-info">
                             长: 35cm 宽: 52cm 高: 28cm 体积: 50960cm 重量: 58kg
-                    </div>
+                        </div> -->
                     </div>
 
                     <!-- 缩略图区域 -->
@@ -77,6 +78,7 @@
                 </div>
             </div>
         </div>
+    </div>
 </template>
 <script lang="ts" setup>
 import ContentHeader from '@/components/ContentHeader.vue';