伸缩杆代码提交

艺术家

2025-06-04 772190e7b2e3f6ef0695ba54d9209324acdcb30a

 项目代码/伸缩杆/client/src/layout/index.vue

@@ -3,42 +3,6 @@
    style="display: flex; width: 100%; min-height: 100vh; height: 100%"
    :class="['vol-theme-' + theme]"
  >
    <!-- <div
      style="
        width: 12.5rem;
        height: 100%;
        display: flex;
        flex-direction: column;
      "
    >
      <div
        style="
          width: 100%;
          background-color: #f5f5f5;
          display: flex;
          justify-content: center;
          align-items: center;
          height: 3.75rem;
        "
      >
        <img
          @click="router.push({ path: '/' })"
          src="@/assets/logo.png"
          alt=""
          style="height: 3.65rem; cursor: pointer"
        />
      </div>
      <el-scrollbar style="flex: 1; background-color: #242424">
        <VolMenu
          :currentMenuId="currentMenuId"
          :on-select="onSelect"
          :enable="true"
          :open-select="false"
          :isCollapse="isCollapse"
          :list="menuOptions"
        ></VolMenu>
      </el-scrollbar>
    </div> -->
    <div style="flex: 1; height: 100%; display: flex; flex-direction: column">
      <header style="height: 4.38rem; background-color: #006eff">
        <div
@@ -76,28 +40,17 @@
                padding: 0 0.69rem 0 0;
              "
            >
              <!-- <span
              <span
                style="
                  font-size: 1.25rem;
                  font-weight: bold;
                  color: #fff;
                  margin-right: 0.69rem;
                  cursor: pointer;
                  color: rgb(255, 255, 255);
                  font-size: 0.88rem;
                  margin-right: 1rem;
                "
                @click="router.push({ path: '/VideoSurveillance' })"
                >瑙嗛鐩戞帶</span
              > -->
              <!-- <span
                style="
                  font-size: 1.25rem;
                  font-weight: bold;
                  color: #fff;
                  margin-right: 0.69rem;
                  cursor: pointer;
                "
                @click="router.push({ path: '/AlarmReset' })"
                >鎶ヨ澶嶄綅</span
              > -->
                @click="toDetail"
                class="tetxsize"
                >鏉冮檺淇敼</span
              >

              <img
                v-if="!isFullscreen"
                style="
@@ -134,12 +87,16 @@
                @click="router.push({ path: '/index' })"
              />
              <div>
                <span style="color: rgb(255, 255, 255); font-size: 0.88rem"
                <span
                  style="color: rgb(255, 255, 255); font-size: 0.88rem"
                  class="tetxsize"
                  >瑙掕壊锛歿{ acountInfo.roleName }}</span
                >
              </div>
              <div style="margin-left: 2rem">
                <span style="color: rgb(255, 255, 255); font-size: 0.88rem"
                <span
                  style="color: rgb(255, 255, 255); font-size: 0.88rem"
                  class="tetxsize"
                  >濮撳悕锛歿{ acountInfo.userTrueName }}</span
                >
              </div>
@@ -180,6 +137,7 @@
                  font-size: 0.88rem;
                  text-align: left;
                "
                class="tetxsize"
              >
                {{ userName }}
              </div>
@@ -389,6 +347,10 @@
      }
      if (item.path == "#") return;
      open(item);
    };
    // 绠＄悊 璺敱璺宠浆
    const toDetail = (row) => {
      router.push("/sysMenu");
    };
    const open = (item, useRoute) => {
      /* 2020.07.31澧炲姞鎵嬪姩鎵撳紑tabs*/
@@ -741,6 +703,7 @@
      acountInfo,
      screenonToggle,
      isFullscreen,
      toDetail,
    };
  },
  /**
@@ -861,6 +824,12 @@
.header-navigation ::v-deep(.el-tabs__item.is-top) {
  padding: 0 15px;
}

@media screen and (max-width: 1080px) {
  .tetxsize {
    font-size: 1.5rem !important;
  }
}
</style>
<style>
.horizontal-collapse-transition {