<template>
  <div class="leftSideTitle sidebar-wrapper">
      <el-scrollbar style="height:100%">
    <el-menu
      router
      :collapse="collapse"
      :default-active="onRoutes"
      class="el-menu-vertical-demo"
      unique-opened
    >
      <el-menu-item index="/home" v-if="menuList.home135||menuList.home136">
        <i class="el-icon-s-home"></i>
        <span>首页</span>
      </el-menu-item>

      <!-- <el-menu-item index="/data">
        <i class="el-icon-s-data"></i>
        <span>企业大数据</span>
      </el-menu-item> -->

      <el-menu-item index="project" v-if="menuList.Project55">
        <i class="el-icon-s-grid"></i>
        <span>项目管理</span>
      </el-menu-item>
      <el-submenu index="1" v-if="menuList.Maintenance63">
        <template slot="title">
          <i class="el-icon-menu"></i>
          <span>维保管理</span>
          
        </template>
        <el-menu-item index="LiftMaintenancePlan" v-if="Maintenance.Maintenance64">维保计划</el-menu-item>
        <el-menu-item index="Maintenance" v-if="Maintenance.Maintenance71">日常保养</el-menu-item>
        <!-- <el-menu-item index="StopMaintenancePlan">停保管理</el-menu-item> -->
      </el-submenu>
      
      <el-submenu index="2" v-if="menuList.EmergencyRepair104">
        <template slot="title">
          <i class="el-icon-brush"></i>
          <span>急修管理</span>
          
        </template>
        <el-menu-item v-if="EmergencyRepair.EmergencyRepair105" index="Emergency" :route="{path:'/Emergency'}">急修派工</el-menu-item>
        <el-menu-item v-if="EmergencyRepair.EmergencyRepair106" index="UrgentRepair">急修中</el-menu-item>
        <el-menu-item  index="Repair" v-if="EmergencyRepair.EmergencyRepair109">急修记录</el-menu-item>
        
      </el-submenu>
    
      <el-menu-item index="CapitalRepair"  v-if="menuList.CapitalRepair134">
        <i class="el-icon-s-grid"></i>
        <span>大修管理</span>
      </el-menu-item>

      <el-submenu index="6" v-if="menuList.Lift77">
        <template slot="title">
          <i class="el-icon-menu"></i>
          <span>电梯管理</span>
          
        </template>
        <!-- <el-menu-item index="Lift">物联设备</el-menu-item> -->
        <el-menu-item index="Lift">电梯档案</el-menu-item>
      </el-submenu>
      <el-menu-item index="Inspection" v-if="menuList.Inspection118">
        <i class="el-icon-finished"></i>
        <span>年检管理</span>
      </el-menu-item>
      
       <el-submenu index="contractManagement" v-if="menuList.Contract87">
        <template slot="title">
          <i class="el-icon-s-cooperation"></i>
          <span>合同管理</span>
        </template>
        <el-menu-item index="contractManagement" v-if="Contract.Contract88">合同管理</el-menu-item>
        <el-menu-item index="collect" v-if="Contract.Contract94">收款管理</el-menu-item>
      </el-submenu>



      <el-submenu index="3" v-if="menuList.office123">
        <template slot="title">
          <i class="el-icon-s-goods"></i>
          <span>办公OA</span>
          
        </template> 
        <el-menu-item index="Liftcertificate" v-if="office.office124">操作证管理</el-menu-item>
        <el-menu-item index="Attendance" v-if="office.office129">签到管理</el-menu-item>
        <el-menu-item index="Announcement"  v-if="office.office131">公司公告</el-menu-item>
       
      </el-submenu>
      <el-submenu index="4" v-if="menuList.Enterprise6">
        <template slot="title">
          <i class="el-icon-s-tools"></i>
          <span>企业设置</span> 
        </template>
        <el-menu-item index="Userapplication" v-if="Enterprise.Enterprise7||Enterprise.Enterprise11">申请管理</el-menu-item>
        <el-menu-item index="MTCompanyUserPower" v-if="Enterprise.Enterprise14">成员管理</el-menu-item>
        <el-menu-item index="Region" v-if="Enterprise.Enterprise22">区域设置</el-menu-item>
        <el-menu-item index="MTCompanyUser" v-if="Enterprise.Enterprise26">组织管理</el-menu-item>
        <el-menu-item index="Global" v-if="Enterprise.Enterprise28">全局设置</el-menu-item>
        <el-menu-item index="Members" v-if="Enterprise.Enterprise19">角色管理</el-menu-item>
        <el-menu-item index="MOptionCustom" v-if="Enterprise.Enterprise30">保养单增项</el-menu-item>
      </el-submenu>
      <el-menu-item index="property" v-if="menuList.property34">
        <i class="el-icon-user-solid"></i>
        <span>客户管理</span>
      </el-menu-item>
      <el-menu-item index="user" v-if="menuList.user1">
        <i class="el-icon-s-custom"></i>
        <span>用户管理</span>
      </el-menu-item>

      <el-menu-item index="CommonProblem" v-if="menuList.CommonProblem41">
        <i class="el-icon-question"></i>
        <span>常见问题</span>
      </el-menu-item>

      <el-menu-item index="/NewList" v-if="menuList.NewList49">
        <i class="el-icon-s-comment"></i>
        <span>新闻公告</span>
      </el-menu-item>
      <!---------------------------- we ----------------------------------->
      <el-menu-item index="/monitoring-center/index" v-if="menuList.monitoringCenter">
          <template slot="title">
              <i class="iconfont iconjiankongzhongxin"></i>
              <span class="sClass">监控中心</span>
          </template>
      </el-menu-item>
      <el-submenu index="/data-bank/index" v-if="menuList.dataBank">
          <template slot="title">
              <i class="iconfont iconziliaoku"></i>
              <span class="sClass">资料库</span>
          </template>
          <el-menu-item index="/data-bank/index" v-if="dataBank.dataBank1">官方文件管理</el-menu-item>
          <el-menu-item index="/brand/index" v-if="dataBank.dataBank2">品牌管理</el-menu-item>
          <!-- <el-menu-item index="/data-bank/classify" v-if="dataBank.dataBank3">资料分类拓展</el-menu-item>
          <el-menu-item index="/data-bank/accessory" v-if="dataBank.dataBank4">资料附件管理</el-menu-item> -->
          <el-menu-item index="/data-bank/code" v-if="dataBank.dataBank5">故障代码管理</el-menu-item>
          <el-menu-item index="/data-bank/operation" v-if="dataBank.dataBank6">操作系统管理</el-menu-item>
          <el-menu-item index="/data-bank/operation-accessory" v-if="dataBank.dataBank7">操作系统附件管理</el-menu-item>
      </el-submenu>

      <el-submenu index="/school/index" v-if="menuList.school">
          <template slot="title">
              <i class="iconfont iconpost_video"></i>
              <span class="sClass">学堂管理</span>
          </template>
          <el-menu-item index="/school/index" v-if="school.school1">视频管理</el-menu-item>
          <el-menu-item index="/school/video-approve" v-if="school.school2">视频审批</el-menu-item>
      </el-submenu>

      <el-submenu index="/recruitment/index" v-if="menuList.recruitment">
          <template slot="title">
              <i class="iconfont iconqidongzhaopinshenpi"></i>
              <span class="sClass">招聘管理</span>
          </template>
          <el-menu-item index="/recruitment/index" v-if="recruitment.recruitment1">招聘管理</el-menu-item>
          <el-menu-item index="/recruitment/recruitment-approval" v-if="recruitment.recruitment2">招聘审核</el-menu-item>
          <el-menu-item index="/recruitment/recruitment-application" v-if="recruitment.recruitment3">求职信息管理</el-menu-item>
      </el-submenu>
      <el-submenu index="/template-library" v-if="menuList.templateLibrary">
          <template slot="title">
              <i class="iconfont iconmobanguanli"></i>
              <span class="sClass">模板库</span>
          </template>
          <el-menu-item index="/template-library/maintenance" v-if="templateLibrary.templateLibrary1">维保项管理</el-menu-item>
          <el-menu-item index="/template-library/template" v-if="templateLibrary.templateLibrary2">系统模板管理</el-menu-item>
          <el-menu-item index="/template-library/enterprise" v-if="templateLibrary.templateLibrary3">企业模板管理</el-menu-item>
      </el-submenu>
      <el-menu-item index="/state-bank/index" v-if="menuList.state">
          <template slot="title">
              <i class="iconfont iconyijianfankui"></i>
              <span class="sClass">申诉管理</span>
          </template>
      </el-menu-item>
      <el-submenu index="/question-bank" v-if="menuList.question">
          <template slot="title">
              <i class="iconfont icontikuguanli"></i>
              <span class="sClass">案例管理</span>
          </template>
          <el-menu-item index="/question-bank/index" v-if="question.question1">案例管理</el-menu-item>
          <el-menu-item index="/question-bank/approval" v-if="question.question2">案例审批</el-menu-item>
      </el-submenu>
      <el-menu-item index="/comment/index" v-if="menuList.comment">
          <template slot="title">
              <i class="iconfont iconpinglun"></i>
              <span class="sClass">评论管理</span>
          </template>
      </el-menu-item>
      <el-menu-item index="/dialogue-bank/index" v-if="menuList.dialogue">
          <template slot="title">
              <i class="iconfont iconxiaoxi"></i>
              <span class="sClass">会话管理</span>
          </template>
      </el-menu-item>
      <el-submenu index="/card-bank" v-if="menuList.card">
          <template slot="title">
              <i class="iconfont iconyouhuiquan"></i>
              <span class="sClass">卡券管理</span>
          </template>
          <el-menu-item index="/card-bank/index" v-if="card.card1">卡券管理</el-menu-item>
          <el-menu-item index="/card-bank/card-approve" v-if="card.card2">卡券审批</el-menu-item>
          <el-menu-item index="/card-bank/card-history" v-if="card.card3">发卡记录</el-menu-item>
      </el-submenu>
      <el-submenu index="/expert-database" v-if="menuList.expert">
          <template slot="title">
              <i class="iconfont iconwo"></i>
              <span class="sClass">专家库</span>
          </template>
          <el-menu-item index="/expert-database/index" v-if="expert.expert1">专家管理</el-menu-item>
          <el-menu-item index="/expert-database/approval" v-if="expert.expert2">专家审批</el-menu-item>
          <el-menu-item index="/expert-database/agreement" v-if="expert.expert3">协议管理</el-menu-item>
          <el-menu-item index="/expert-database/punishment" v-if="expert.expert4">处罚记录</el-menu-item>
      </el-submenu>

      <el-submenu index="/operation" v-if="menuList.operation">
          <template slot="title">
              <i class="iconfont iconzongheyunyingfenxi"></i>
              <span class="sClass">运营设置</span>
          </template>
          <el-menu-item index="/operation/index" v-if="operation.operation1">用户管理</el-menu-item>
          <el-menu-item index="/operation/rule" v-if="operation.operation2">用户规则设置</el-menu-item>
          <el-menu-item index="/operation/member-fee" v-if="operation.operation3">会费管理</el-menu-item>
          <el-menu-item index="/operation/fee-approve" v-if="operation.operation4">会费审核</el-menu-item>
          <el-menu-item index="/operation/reward" v-if="operation.operation5">赏金管理</el-menu-item>
          <el-menu-item index="/operation/rebate-rule" v-if="operation.operation6">返利规则管理</el-menu-item>
          <el-menu-item index="/operation/rebate-rule-approve" v-if="operation.operation7">返利规则审核</el-menu-item>
          <el-menu-item index="/operation/commission" v-if="operation.operation8">抽成设置</el-menu-item>
          <el-menu-item index="/operation/commission-approval" v-if="operation.operation9">抽成审核</el-menu-item>
          <el-menu-item index="/operation/expert-upgrade-rule" v-if="operation.operation10">专家升级规则</el-menu-item>
          <el-menu-item index="/operation/expert-upgrade-rule-approval" v-if="operation.operation11">专家升级规则审核</el-menu-item>
          <el-menu-item index="/operation/tax-rate" v-if="operation.operation12">税率设置</el-menu-item>
          <el-menu-item index="/operation/tax-rate-approval" v-if="operation.operation13">税率审核</el-menu-item>
          <el-menu-item index="/operation/other-settings" v-if="operation.operation14">其他设置</el-menu-item>
          <el-menu-item index="/operation/other-settings-approval" v-if="operation.operation15">其他设置审核</el-menu-item>
      </el-submenu>

      <el-menu-item index="/banner/index" v-if="menuList.banner">
          <template slot="title">
              <i class="iconfont iconhtmal5icon12"></i>
              <span class="sClass">banner管理</span>
          </template>
      </el-menu-item>

      <el-submenu index="/payment" v-if="menuList.payment">
          <template slot="title">
              <i class="iconfont icondaizhifu"></i>
              <span class="sClass">支付体系</span>
          </template>
          <el-menu-item index="/payment/index" v-if="payment.payment1">用户账户管理</el-menu-item>
          <el-menu-item index="/payment/withdraw-approve" v-if="payment.payment2">用户提现审批</el-menu-item>
          <el-menu-item index="/payment/platform-account" v-if="payment.payment3">平台账户管理</el-menu-item>
          <el-menu-item index="/payment/audit-invoice" v-if="payment.payment4">发票审核</el-menu-item>
      </el-submenu>

      <el-menu-item index="/Sensitive-word-library/index" v-if="menuList.sensitiveWord">
          <template slot="title">
              <i class="iconfont iconguolvqi"></i>
              <span class="sClass">敏感词汇管理</span>
          </template>
      </el-menu-item>

      <el-menu-item index="/shop/index" v-if="menuList.shop">
          <template slot="title">
              <i class="iconfont iconshangpin"></i>
              <span class="sClass">商品管理</span>
          </template>
      </el-menu-item>

      <el-submenu index="/authority" v-if="menuList.authority">
          <template slot="title">
              <i class="el-icon-s-check"></i>
              <span style="font-size: 16px;">权限管理</span>
          </template>
          <el-menu-item index="/authority/app-menu">app菜单管理</el-menu-item>
          <!-- <el-menu-item index="/authority/web-menu">web菜单管理</el-menu-item> -->
      </el-submenu>


      <el-submenu index="/personnel" v-if="menuList.personnel">
          <template slot="title">
              <i class="iconfont iconwo"></i>
              <span style="font-size: 16px;">轨迹定位</span>
          </template>
          <el-menu-item index="/personnel/index" v-if="personnel.personnel1">人员轨迹</el-menu-item>
          <el-menu-item index="/personnel/team" v-if="personnel.personnel2">团队最新定位</el-menu-item>
      </el-submenu>
      <!-- <el-menu-item index="/personnel/index" v-if="menuList.personnel">
          <template slot="title">
              <i class="iconfont iconwo"></i>
              <span class="sClass">人员轨迹</span>
          </template>
      </el-menu-item>

      <el-menu-item index="/personnel/team" v-if="menuList.personnel">
          <template slot="title">
              <i class="iconfont iconwo"></i>
              <span class="sClass">团队最新定位</span>
          </template>
      </el-menu-item> -->
    </el-menu>
</el-scrollbar>
  </div>
</template>

<script>
import bus from "./bus";
export default {
  data() {
    return {
      collapse: false,
      menuList:{
        user1:false,
        Project55:false,
        Maintenance63:false,
        EmergencyRepair104:false,
        Lift77:false,
        Inspection118:false,
        Contract87:false,
        office123:false,
        Enterprise6:false,
        property34:false,
        CommonProblem41:false,
        NewList49:false,
        CapitalRepair134:false,
        home135:false,
        home136:false,
		//udream menus
        monitoringCenter: false,
        dataBank: false,
        school: false,
        recruitment: false,
        templateLibrary: false,
        state: false,
        question: false,
        comment: false,
        dialogue: false,
        card: false,
        expert: false,
        operation: false,
        banner: false,
        payment: false,
        sensitiveWord: false,
        shop: false,
        authority: false,
        personnel: false
      },
      Enterprise:{
        Enterprise7:false,
        Enterprise11:false,
        Enterprise14:false,
        Enterprise22:false,
        Enterprise26:false,
        Enterprise28:false,
        Enterprise19:false,
        Enterprise30:false,
      },
      Maintenance:{
        Maintenance64:false,
        Maintenance71:false,
      },
      EmergencyRepair:{
        EmergencyRepair105:false,
        EmergencyRepair106:false,
        EmergencyRepair109:false,
      },
      Contract:{
        Contract88:false,
        Contract94:false,
      },
      office:{
        office124:false,
        office129:false,
        office131:false,
      },
      dataBank:{
        dataBank1:false,
        dataBank2:false,
        dataBank3:false,
        dataBank4:false,
        dataBank5:false,
        dataBank6:false,
        dataBank7:false,
      },
      school:{
        school1:false,
        school2:false,
      },
      recruitment:{
        recruitment1:false,
        recruitment2:false,
        recruitment3:false,
      },
      templateLibrary:{
        templateLibrary1:false,
        templateLibrary2:false,
        templateLibrary3:false,
      },
      question:{
        question1:false,
        question2:false,
      },
      card:{
        card1:false,
        card2:false,
        card3:false,
      },
      expert:{
        expert1:false,
        expert2:false,
        expert3:false,
        expert4:false,
      },
      operation:{
        operation1:false,
        operation2:false,
        operation3:false,
        operation4:false,
        operation5:false,
        operation6:false,
        operation7:false,
        operation8:false,
        operation9:false,
        operation10:false,
        operation11:false,
        operation12:false,
        operation13:false,
        operation14:false,
        operation15:false,
      },
      payment:{
        payment1:false,
        payment2:false,
        payment3:false,
        payment4:false,
      },
      personnel:{
        personnel1:false,
        personnel2:false,
      },
      authority:{
        authority1:false,
      }
    };
  },
  created() {
    this.showMenuList()
    this.aBtn();
  },
  computed: {
    onRoutes() {
      return this.$route.path.replace("/", "");
    },
    
  },
  methods : {
    aBtn() {
      var that = this;
      bus.$on("funCol", message => {
        that.collapse = message;
      });
      console.log(that.collapse)
    },
    showMenuList(){
      var menu = JSON.parse(sessionStorage.getItem('menus'))!=null?JSON.parse(JSON.parse(sessionStorage.getItem('menus'))):''
      menu?menu.map((item)=>{
        if(item.id==55){
          this.menuList.Project55=true
        }else if(item.id==63){
          this.menuList.Maintenance63=true
          item.children?item.children.map((a)=>{
            if(a.id==64){
              this.Maintenance.Maintenance64=true
            }else if(a.id==71){
              this.Maintenance.Maintenance71=true
            }
          }):''
        }else if(item.id==104){
          this.menuList.EmergencyRepair104=true
          item.children?item.children.map((a)=>{
            if(a.id==105){
              this.EmergencyRepair.EmergencyRepair105=true
            }else if(a.id==106){
              this.EmergencyRepair.EmergencyRepair106=true
            }else if(a.id==109){
              this.EmergencyRepair.EmergencyRepair109=true
            }
          }):''
        }else if(item.id==77){
          this.menuList.Lift77=true
        }else if(item.id==118){
          this.menuList.Inspection118=true
        }else if(item.id==87){
          this.menuList.Contract87=true
          item.children?item.children.map((a)=>{
            if(a.id==88){
              this.Contract.Contract88=true
            }else if(a.id==94){
              this.Contract.Contract94=true
            }
          }):''
        }else if(item.id==123){
          this.menuList.office123=true
          item.children?item.children.map((a)=>{
            if(a.id==124){
              this.office.office124=true
            }else if(a.id==129){
              this.office.office129=true
            }else if(a.id==131){
              this.office.office131=true
            }
          }):''
        }else if(item.id==6){
          this.menuList.Enterprise6=true
          item.children?item.children.map((a)=>{
            if(a.id==7){
              this.Enterprise.Enterprise7=true
            }else if(a.id==11){
              this.Enterprise.Enterprise11=true
            }else if(a.id==14){
              this.Enterprise.Enterprise14=true
            }else if(a.id==22){
              this.Enterprise.Enterprise22=true
            }else if(a.id==26){
              this.Enterprise.Enterprise26=true
            }else if(a.id==19){
              this.Enterprise.Enterprise19=true
            }else if(a.id==28){
              this.Enterprise.Enterprise28=true
            }else if(a.id==30){
              this.Enterprise.Enterprise30=true
            }
          }):''
        }else if(item.id==34){
          this.menuList.property34=true
        }else if(item.id==41){
          this.menuList.CommonProblem41=true
        }else if(item.id==49){
          this.menuList.NewList49=true
        }else if(item.id==1){
          this.menuList.user1=true
        }else if(item.id==134){
          this.menuList.CapitalRepair134=true
        }else if(item.id==135){
          this.menuList.home135=true
        }else if(item.id==136){
          this.menuList.home136=true
        } else if (item.id == 138) {
          this.menuList.dataBank = true;
          item.children?item.children.map((a)=>{
            if(a.id==293){
              this.dataBank.dataBank1=true
            }else if(a.id==294){
              this.dataBank.dataBank2=true
            }else if(a.id==295){
              this.dataBank.dataBank3=true
            }else if(a.id==296){
              this.dataBank.dataBank4=true
            }else if(a.id==297){
              this.dataBank.dataBank5=true
            }else if(a.id==298){
              this.dataBank.dataBank6=true
            }else if(a.id==299){
              this.dataBank.dataBank7=true
            }
          }):''
        } else if (item.id == 139) {
          this.menuList.monitoringCenter = true;
        } else if (item.id == 277) {
          this.menuList.recruitment = true;
          item.children?item.children.map((a)=>{
            if(a.id==302){
              this.recruitment.recruitment1=true
            }else if(a.id==303){
              this.recruitment.recruitment2=true
            }else if(a.id==304){
              this.recruitment.recruitment3=true
            }
          }):''
        } else if (item.id == 278) {
          this.menuList.templateLibrary = true;
          item.children?item.children.map((a)=>{
            if(a.id==305){
              this.templateLibrary.templateLibrary1=true
            }else if(a.id==306){
              this.templateLibrary.templateLibrary2=true
            }else if(a.id==307){
              this.templateLibrary.templateLibrary3=true
            }
          }):''
        } else if (item.id == 279) {
          this.menuList.state = true;
        } else if (item.id == 280) {
          this.menuList.question = true;
          item.children?item.children.map((a)=>{
            if(a.id==308){
              this.question.question1=true
            }else if(a.id==309){
              this.question.question2=true
            }
          }):''
        } else if (item.id == 281) {
          this.menuList.comment = true;
        } else if (item.id == 282) {
          this.menuList.dialogue = true;
        }  else if (item.id == 283) {
          this.menuList.card = true;
          item.children?item.children.map((a)=>{
            if(a.id==310){
              this.card.card1=true
            }else if(a.id==311){
              this.card.card2=true
            }else if(a.id==341){
              this.card.card3=true
            }
          }):''
        }  else if (item.id == 284) {
          this.menuList.expert = true;
          item.children?item.children.map((a)=>{
            if(a.id==312){
              this.expert.expert1=true
            }else if(a.id==313){
              this.expert.expert2=true
            }else if(a.id==314){
              this.expert.expert3=true
            }else if(a.id==316){
              this.expert.expert4=true
            }
          }):''
        }  else if (item.id == 285) {
          this.menuList.operation = true;
          item.children?item.children.map((a)=>{
            if(a.id==317){
              this.operation.operation1=true
            }else if(a.id==318){
              this.operation.operation2=true
            }else if(a.id==319){
              this.operation.operation3=true
            }else if(a.id==320){
              this.operation.operation4=true
            }else if(a.id==321){
              this.operation.operation5=true
            }else if(a.id==322){
              this.operation.operation6=true
            }else if(a.id==323){
              this.operation.operation7=true
            }else if(a.id==324){
              this.operation.operation8=true
            }else if(a.id==325){
              this.operation.operation9=true
            }else if(a.id==326){
              this.operation.operation10=true
            }else if(a.id==327){
              this.operation.operation11=true
            }else if(a.id==328){
              this.operation.operation12=true
            }else if(a.id==329){
              this.operation.operation13=true
            }else if(a.id==330){
              this.operation.operation14=true
            }else if(a.id==332){
              this.operation.operation15=true
            }
          }):''
        }  else if (item.id == 286) {
          this.menuList.banner = true;
        }  else if (item.id == 287) {
          this.menuList.payment = true;
          item.children?item.children.map((a)=>{
            if(a.id==333){
              this.payment.payment1=true
            }else if(a.id==334){
              this.payment.payment2=true
            }else if(a.id==335){
              this.payment.payment3=true
            }else if(a.id==337){
              this.payment.payment4=true
            }
          }):''
        }  else if (item.id == 288) {
          this.menuList.sensitiveWord = true;
        }  else if (item.id == 289) {
          this.menuList.shop = true;
        }  else if (item.id == 290) {
          this.menuList.authority = true;
          item.children?item.children.map((a)=>{
            if(a.id==340){
              this.authority.authority1=true
            }
          }):''
        }  else if (item.id == 291) {
          this.menuList.personnel = true;
          item.children?item.children.map((a)=>{
            if(a.id==338){
              this.personnel.personnel1=true
            }else if(a.id==339){
              this.personnel.personnel2=true
            }
          }):''
        }  else if (item.id == 292) {
          this.menuList.school = true;
          item.children?item.children.map((a)=>{
            if(a.id==300){
              this.school.school1=true
            }else if(a.id==301){
              this.school.school2=true
            }
          }):''
        }  else {
          console.log('---------- Todo -------------');
        }
      }):''
      console.log(this.menuList)

    }
  }
};
</script>
<style lang="stylus">
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 400px;
}

$fontColor = #909399;

.leftSideTitle {
  display: inline-block;
  padding-left: 2%;
  height: calc(100vh - 80px);
.el-scrollbar__wrap {
    overflow-x: hidden;
 }
.el-menu-item{
  // i{
  //   margin:0px;
  //   width:18px;
  //   height:20px;
  // }
  >.iconfangzi01-copy{
    padding-left:3px;
    margin-right:3px;
  }
  >.icongongzuoon{
    padding-left:3px;
    margin-right:3px;
  }
  >.iconnavicon-jgda{
    padding-left:3px;
    margin-right:4px;
  }
}
  >.el-menu {
    height: 100%;
  }

  .el-icon-user-solid {
    color: $fontColor;
  }

  .el-submenu__title {
    .iconoabangong-copy {
      font-size: 16px;
       padding-left:2px;
       margin-right:2px;
    }
  }

  .el-menu-item {
    font-size 16px
    .iconnavicon-jgda {
      font-size: 16px;
    }
  }

  .iconfont {
    color: $fontColor;
    font-size: 18px;
  }
}
.el-submenu__title{
  font-size: 16px;
}
.el-menu-item [class^=el-icon-] ,.el-submenu [class^=el-icon-]{
    font-size: 20px;
}
.sClass {
  font-size:16px;
    margin-left: 10px;
}
</style>

<style scope>
.sidebar-wrapper {
    /* position: fixed; */
    top: 72px;
    left: 0;
    bottom: 0;
    width: 220px;
    background-color: #fff;
}
.el-scrollbar {
    height: 100%;
}
.el-scrollbar__wrap {
    overflow-x: hidden !important;
    background-color: #fff;
}
</style>
