export default {
  name: "LayoutMain",
  components: {},
  props: {
    sidebarIsCollapse: {
      type: Boolean,
      default: false,
    },
    menuName: {
      type: String,
      default: "",
    },
  },
  data() {
    return {};
  },
  methods: {
    toggleCollapse() {
      this.$emit("toggleCollapse");
    },
  },
};

.LayoutMain {
  background: transparent;
  height: 100%;
  width: 100%;
  display: flex;
  ::v-deep .el-main {
    padding: 16px !important;
  }
  .aside-wrap {
    height: 100%;
    background: rgba(67, 133, 219, 0.301);
    transition: width 0.4s;
    .aside-wrap-header {
      display: flex;
    //   height: 48px;
      align-items: center;
      padding: 0 16px;
      font-size: 14px;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #333333;
      cursor: pointer;
      &::v-deep .el-menu::-webkit-scrollbar {
        width: 0 !important;
        -ms-overflow-style: scroll;
        overflow: scroll;
      }
    }
  }
  .layout-main-btn {
    position: absolute;
    top: 40px;
    z-index: 999;
    height: 56px;
    line-height: 54px;
    text-align: center;
    width: 14px;
    border-radius: 10px;
    border: 0.5px solid #ccc;
    background: rgb(27, 118, 238);
    cursor: pointer;
    i {
      color: #e4dada;
      font-size: 14px;
    }
  }
  .left {
    left: 180px;
    transition: left 0.4s;
  }
  .hide {
    left: -5px;
    transition: left 0.4s;
  }
}

          

            

                

                  {{ item.name }}
                
                选择

            

          
          items: [
        { name: "1号设备", value: "12" },
        { name: "2号设备", value: "13" },
        { name: "3号设备", value: "4" },
        { name: "3号设备", value: "2" },
        { name: "3号设备", value: "3" },
        { name: "3号设备", value: "1" },
        { name: "3号设备", value: "11" },
        { name: "3号设备", value: "14" },
        { name: "3号设备", value: "15" },
        { name: "3号设备", value: "16" },
        { name: "3号设备", value: "17" },
        { name: "3号设备", value: "33" },
        { name: "3号设备", value: "22" },
        { name: "3号设备", value: "55" },
        { name: "3号设备", value: "66" },
        { name: "3号设备", value: "31" },
        { name: "3号设备", value: "56" },
        { name: "3号设备", value: "45" },
      ],
          
    selectCheckBox(value){
      console.log(value)
    },
    toggleCollapse() {
      this.sidebarIsCollapse = !this.sidebarIsCollapse;
    },