fix:修改大屏按钮

ZhangXianQiang

2024-03-20 cd1f212d25cfc56ea1c3381f7ae0a4f2744ec3f4

fix:修改大屏按钮

 src/layout/components/Navbar.vue

@@ -1,16 +1,16 @@
<template>
  <div class="navbar">
    <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
    <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container"
      @toggleClick="toggleSideBar" />

    <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav"/>
    <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav"/>

    <div class="right-menu">
      <el-button-group style="vertical-align: text-bottom;">
        <el-button @click="exchange(100)">省厅角色</el-button>
        <el-button @click="exchange(103)">区县角色</el-button>
        <el-button @click="exchange(2)">运维角色</el-button>
      </el-button-group>




      <template v-if="device!=='mobile'">
        <screenfull id="screenfull" class="right-menu-item hover-effect" />
        <el-tooltip content="布局大小" effect="dark" placement="bottom">
@@ -37,6 +37,16 @@
        </el-dropdown-menu>
      </el-dropdown>

    </div>
    <div class="test-container">
      <el-button-group style="vertical-align: text-bottom;">
        <el-button @click="exchange(100)">省厅角色</el-button>
        <el-button @click="exchange(103)">区县角色</el-button>
        <el-button @click="exchange(2)">运维角色</el-button>
      </el-button-group>
    </div>
    <div class="button-container">
      <el-button type="primary" @click="toScreen">可视化大屏</el-button>
    </div>
  </div>
</template>
@@ -105,6 +115,12 @@
          location.href = '/index';
        })
      }).catch(() => {});
    },

    toScreen() {
      this.$router.push({
        path: '/screen'
      })
    }
  }
}
@@ -197,4 +213,18 @@
    }
  }
}
.test-container {
  margin: 0 20px;
  height: 100%;
  float: right;
  display: flex;
  align-items: center;
}
.button-container {
  margin: 0 20px;
  height: 100%;
  float: right;
  display: flex;
  align-items: center;
}
</style>