feat:数据中心样式恢复

张含笑

2025-06-26 a97535ce8bec380dc0b35df0b11e95a2cb70c238

feat:数据中心样式恢复

 src/components/wel-container/main.vue

@@ -34,7 +34,7 @@
}
</script>

<style lang="scss">
<style lang="scss" scoped>
.basic-container {
  height: 0;
  flex: 1;

 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>