From 0d5f70bbcf830f6c3aebf92a0b865a04c9d7f263 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Fri, 27 Jun 2025 11:28:12 +0800
Subject: [PATCH] feat:系统管理---二级页面样式调整

---
 src/views/dataCenter/dataCenter.vue |   79 +++++++++++++++++++++++++++++----------
 1 files changed, 58 insertions(+), 21 deletions(-)

diff --git a/src/views/dataCenter/dataCenter.vue b/src/views/dataCenter/dataCenter.vue
index aca21a8..3676273 100644
--- a/src/views/dataCenter/dataCenter.vue
+++ b/src/views/dataCenter/dataCenter.vue
@@ -1,4 +1,5 @@
 <template>
+<basic-container>
   <div class="dataCenter-table">
     <searchData
       @search="searchClick"
@@ -80,14 +81,14 @@
           <template #default="scope">
             <span class="look" @click="lookDetail(scope.row)">查看</span>
             <span class="delete" @click="deleteDetail(scope.row)" v-if="scope.row.resultType !== 2"
-              >删除</span
+            >删除</span
             >
 
             <span
               class="location"
               @click="positionDetail(scope.row)"
               v-if="shouldShowLocation(scope.row)"
-              >定位</span
+            >定位</span
             >
           </template>
         </el-table-column>
@@ -132,13 +133,13 @@
             :src="dialogDetailList.link"
           ></video>
           <!-- 全景 -->
-           <!-- <img
-              class="quanjing"
-              @click="clickpanorama(dialogDetailList)"
-              v-else-if="dialogDetailList?.resultType === 5"
-              :src="dialogDetailList?.resultType?.smallUrl"
-              alt=""
-            /> -->
+          <!-- <img
+             class="quanjing"
+             @click="clickpanorama(dialogDetailList)"
+             v-else-if="dialogDetailList?.resultType === 5"
+             :src="dialogDetailList?.resultType?.smallUrl"
+             alt=""
+           /> -->
           <!-- 地图 -->
           <div
             v-else-if="dialogDetailList?.resultType === 4"
@@ -163,7 +164,7 @@
             </div>
             <div class="editname">
               <span v-if="!dialogDetailList?.checkedinput" @click="editTitle(dialogDetailList)"
-                ><el-icon><Edit /></el-icon
+              ><el-icon><Edit /></el-icon
               ></span>
               <div v-else class="suffixBoxEdit">
                 <div class="editText" @click="submitEditSuffix(dialogDetailList)">✔</div>
@@ -212,7 +213,7 @@
               plain
               icon="el-icon-download"
               @click="detailDownLoad(dialogDetailList)"
-              >下载</el-button
+            >下载</el-button
             >
           </div>
         </div>
@@ -254,6 +255,7 @@
       :dotData="mapList"
     ></dataCenterMap>
   </div>
+    </basic-container>
 </template>
 
 <script setup>
@@ -663,7 +665,7 @@
             const viewer = viewInstance.value.getViewer();
             if (viewer && viewer.camera) {
               viewer.camera.flyToBoundingSphere(boundingSphere, {
-                duration: 2, // 飞行动画持续时间（秒）
+                duration: 0, // 飞行动画持续时间（秒）
                 offset: new Cesium.HeadingPitchRange(0, -0.5, boundingSphere.radius * 1.5),
               });
             } else {
@@ -722,32 +724,40 @@
 
 <style scoped lang="scss">
 .dataCenter-table {
-  margin: 0 18px 16px 10px;
-  background-color: #ffffff;
-  padding: 14px 18px;
+  height: 0;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+
   .dataTable {
-    height: 700px;
+    height: 0;
+    flex: 1;
     overflow: auto;
+
     .look {
       color: #1c5cff;
       cursor: pointer;
       margin-right: 10px;
     }
+
     .delete {
       color: #ff241c;
       margin-right: 10px;
       cursor: pointer;
     }
+
     .location {
       color: #19876d;
       cursor: pointer;
     }
   }
+
   .pagination {
     display: flex;
     justify-content: end;
     margin-top: 20px;
   }
+
   .quanjing,
   .el-image,
   .imageBox {
@@ -755,54 +765,70 @@
     width: 76px;
     height: 72px;
   }
+
   .videoDialog :deep(.el-dialog) {
     height: 600px;
     width: 54%;
   }
+
   .video-container {
     width: 100%;
-    aspect-ratio: 16/9; /* 按视频比例设置（如16:9） */
-    overflow: hidden; /* 隐藏溢出部分 */
+    aspect-ratio: 16/9;
+    /* 按视频比例设置（如16:9） */
+    overflow: hidden;
+    /* 隐藏溢出部分 */
   }
+
   .videoBox {
     width: 100%;
     height: 100%;
-    object-fit: contain; /* 保持比例完整显示 */
+    object-fit: contain;
+    /* 保持比例完整显示 */
     display: block;
   }
 }
+
 :deep(.custom-header th.el-table__cell) {
   color: rgba(0, 0, 0, 0.85);
 }
+
 // 弹框
 .detailContainer {
   display: flex;
   justify-content: space-between;
+
   .leftImg {
     width: 70%;
     height: 500px;
+
     img {
       width: 100%;
       height: 100%;
     }
+
     #detaildataCenterMap {
       width: 100%;
       height: 100%;
     }
   }
+
   .rightDetail {
     width: 30%;
     padding-left: 40px;
+
     .title {
       display: flex;
       margin: 0 !important;
+
       .editname {
         cursor: pointer;
       }
+
       .inputEdit {
         display: flex;
         align-items: center;
         width: 100%;
+
         .fileTitle {
           width: 70%;
           white-space: nowrap;
@@ -811,49 +837,60 @@
         }
       }
     }
+
     div {
       margin-bottom: 20px;
     }
   }
 }
+
 .my-header :deep(.el-dialog__title) {
   margin: 0 !important;
   height: 19px;
 }
+
 .my-header {
   display: flex;
   align-items: center;
+
   .el-button {
     margin-left: 20px;
   }
 }
+
 .title-input {
   margin-bottom: 0 !important;
   width: 70%;
 }
+
 .editname {
   margin-bottom: 0 !important;
 }
+
 .suffixBoxEdit {
   display: flex;
   // align-items: center;
   justify-content: space-between;
   margin-bottom: 0 !important;
   font-size: 16px;
-  > .editText {
+
+  >.editText {
     cursor: pointer;
     margin-right: 6px;
+
     &:hover {
       transform: scale(1.2);
     }
   }
+
   .editimg {
     cursor: pointer;
     width: 15px;
     height: 15px;
+
     &:hover {
       transform: scale(1.2);
     }
   }
 }
-</style>
+</style>
\ No newline at end of file

--
Gitblit v1.9.3