From cd23c7eeebf4edcfa9b971b443a28c32992c01ca Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Sat, 28 Jun 2025 11:26:53 +0800
Subject: [PATCH] feat:数据中心弹框优化
---
src/views/dataCenter/dataCenter.vue | 24 +++++++++++-------------
1 files changed, 11 insertions(+), 13 deletions(-)
diff --git a/src/views/dataCenter/dataCenter.vue b/src/views/dataCenter/dataCenter.vue
index 93a75c6..b80333d 100644
--- a/src/views/dataCenter/dataCenter.vue
+++ b/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="" />
@@ -414,7 +407,8 @@
fileDownload()
}
const detailDownLoad = val => {
- aLinkDownload(val.link, val?.nickName)
+ const suffix = val.link?.split('.').pop()
+ aLinkDownload(val.link, val?.nickName + '.' + suffix)
}
// 全部下载
const aLLDownloadFile = () => {
@@ -713,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%;
--
Gitblit v1.9.3