feat:数据中心弹框优化

张含笑

2025-06-28 cd23c7eeebf4edcfa9b971b443a28c32992c01ca

feat:数据中心弹框优化

 src/views/dataCenter/dataCenter.vue

@@ -81,16 +81,9 @@
            class="imageBox"
          /> -->
            <!-- 视频 -->
            <video v-if="dialogDetailList?.resultType === 1" style="width: 100%" class="imageBox" ref="videoRefs"
            <video class="videoItem" v-if="dialogDetailList?.resultType === 1" style="width: 100%" ref="videoRefs"
              controls autoplay :src="dialogDetailList.link"></video>
            <!-- 全景 -->
            <!-- <img
             class="quanjing"
             @click="clickpanorama(dialogDetailList)"
             v-else-if="dialogDetailList?.resultType === 5"
             :src="dialogDetailList?.resultType?.smallUrl"
             alt=""
           /> -->
           
            <!-- 地图 -->
            <div v-else-if="dialogDetailList?.resultType === 4" id="detaildataCenterMap" class="ztzf-cesium"></div>
            <img v-else :src="getSmallImg(dialogDetailList?.link)" alt="" />
@@ -714,16 +707,20 @@
.detailContainer {
  display: flex;
  justify-content: space-between;

align-items: center;
  .leftImg {
    width: 70%;
    height: 500px;

overflow: hidden;
    img {
      width: 100%;
      height: 100%;
    }

.videoItem {
 width: 100%;
      height: 100%;
      object-fit: cover;
}
    #detaildataCenterMap {
      width: 100%;
      height: 100%;