From 2df37298dfd5b299a4c051cb544794b5241cc3a5 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Sat, 06 Dec 2025 11:06:12 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/feature/v9.0/9.0.1' into feature/v9.0/9.0.1

---
 src/views/dataCenter/dataCenter.vue |   52 +++++++++++++++++++++++++++++++++++-----------------
 1 files changed, 35 insertions(+), 17 deletions(-)

diff --git a/src/views/dataCenter/dataCenter.vue b/src/views/dataCenter/dataCenter.vue
index 95d19e5..a1baa56 100644
--- a/src/views/dataCenter/dataCenter.vue
+++ b/src/views/dataCenter/dataCenter.vue
@@ -93,13 +93,15 @@
 
           <el-table-column property="link" label="缩略图" width="120">
             <template #default="scope">
-              <img
+             <div v-if="scope.row?.resultType === 5" class="videoItem1">
+               <img
                 class="quanjing"
                 @click="clickpanorama(scope.row)"
-                v-if="scope.row?.resultType === 5"
+                
                 :src="scope.row?.smallUrl"
                 alt=""
               />
+             </div>
               <!-- 视频 -->
               <div v-else-if="scope.row?.resultType === 1" class="videoItem1">
                 <img
@@ -116,20 +118,23 @@
                 />
               </div>
               <!-- 正射 -->
-              <el-image
-                v-else-if="scope.row?.resultType === 4"
+              <div v-else-if="scope.row?.resultType === 4" class="videoItem1">
+                <el-image
+                
                 :src="getzsSmallImg(scope.row?.link)"
                 :preview-src-list="[getzsSmallImg(scope.row?.link)]"
                 fit="cover"
                 preview-teleported
               />
-              <el-image
-                v-else
+              </div>
+              <div v-else class="videoItem1">
+                <el-image            
                 :src="scope.row?.smallUrl"
                 :preview-src-list="[scope.row?.showUrl]"
                 fit="cover"
                 preview-teleported
               />
+              </div>
             </template>
           </el-table-column>
           <el-table-column prop="jobTime" label="任务时间" />
@@ -304,7 +309,7 @@
       >
         <div class="video-container">
           <video
-            style="width: 100%"
+            style="width: 100%;height: 500px"
             class="videoBox"
             ref="videoRefs"
             controls
@@ -1027,17 +1032,30 @@
     width: 76px;
     height: 72px;
   }
+ 
   .videoItem1 {
-    .playBox {
-      width: 20px;
-      height: 20px;
-      position: absolute;
-      top: 46%;
-      left: 43%;
-      transform: translate(-50%, -50%);
-      cursor: pointer;
-    }
-  }
+  position: relative; 
+  display: flex;     
+  justify-content: center; 
+  align-items: center;     
+  width: 100%;       
+  height: 100%;     
+
+  min-height: 80px;
+}
+
+.playBox {
+  position: absolute;
+  width: 20px;        
+  height: 20px;
+  cursor: pointer;
+  
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%); 
+ 
+  z-index: 1;
+}
   .videoDialog :deep(.el-dialog) {
     height: 600px;
     width: 54%;

--
Gitblit v1.9.3