油烟监测 vue代码

zmc

2023-08-08 bab83405c39ae9ab8b6569ca29b1e9a6a3b04327

 src/components/layout/AppAside.vue

@@ -8,20 +8,7 @@
      menuHeight: '600px',
      isCollapseAside: isCollapse,
      selected: selectedName,
      // optionClick: [
      //   '历史数据',
      //   '异常分析',
      //   '实时监控',
      //   '油烟数据',
      //   '统计分析',
      //   '统计数据',
      //   '油烟浓度日数据',
      //   '监测设备在线率',
      //   '净化器开启率',
      //   '油烟时段超标率',
      //   '油烟浓度均值',
      //   '获取数据'
      // ],
    
      optionClick: [
        '实时监控',
        '异常分析',
@@ -54,7 +41,8 @@
  <el-aside>
    <!--         text-color="#fff" -->
      <el-menu
        background-color="#545c64"
        background-color="#0DA5AA"
        active-text-color="#F77234"
        class="el-menu-vertical-demo"
        default-active="2"
        @open="handleOpen"
@@ -205,7 +193,7 @@
          </el-menu-item>
            </el-sub-menu>

            <el-sub-menu index="5">
            <!-- <el-sub-menu index="5">
              <template #title>
                <el-icon><i-ep-Histogram /></el-icon>
                <span>测试</span>
@@ -218,7 +206,7 @@
                <el-icon><i-ep-Bell/></el-icon> <span>测试2</span>
            </el-menu-item>
    
            </el-sub-menu>
            </el-sub-menu> -->


    </el-scrollbar>
@@ -229,15 +217,16 @@

<style lang="scss" scoped>
.el-aside {
  background-color: #545c64;
  // background-color: #545c64;
  background-color: #0DA5AA;
  height: 100vh;
  // background-color: rgb(41,45,62);

  width: auto;
}

.el-menu {
  // background-color: rgb(41,45,62);
  background-color: #545c64;
  background-color: #0DA5AA;
  width: 220px;
  border-right: none;

@@ -272,7 +261,7 @@
//     background-color: rgb(41,45,62);
// }
* {
  color: white;
  color: black;
}
.slot-lable {
  color: bisque;