From a97535ce8bec380dc0b35df0b11e95a2cb70c238 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Thu, 26 Jun 2025 20:01:58 +0800
Subject: [PATCH] feat:数据中心样式恢复

---
 src/views/dataCenter/dataCenter.vue |   55 ++++++++++++++++++++++++++++++++++++++++++++++---------
 1 files changed, 46 insertions(+), 9 deletions(-)

diff --git a/src/views/dataCenter/dataCenter.vue b/src/views/dataCenter/dataCenter.vue
index 106829f..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"
@@ -254,6 +255,7 @@
       :dotData="mapList"
     ></dataCenterMap>
   </div>
+    </basic-container>
 </template>
 
 <script setup>
@@ -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