feat:播放按钮样式调整

张含笑

2025-12-04 dea14ceb057b64eff63504dd3551ccfb63d7fb60

feat:播放按钮样式调整

 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="任务时间" />
@@ -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%;