<template>
  <el-menu
    router
    default-active="ModifyOrgan"
    class="el-menu-vertical-demo"
    background-color="#000"
    collapse-transition="false"
    popper-append-to-body="false"
    text-color="#B9C0DE"
    active-text-color="#fff"
  >
    <el-menu-item index="ModifyOrgan">
      <span>修改机构信息</span>
    </el-menu-item>
    <el-menu-item index="OperatorList">
      <span>操作员管理</span>
    </el-menu-item>
    <el-menu-item index="AddOperator">
      <span>新增操作员</span>
    </el-menu-item>
    <el-menu-item index="Edit">
      <span>编辑</span>
    </el-menu-item>
    <el-menu-item index="OrganAuthManage">
      <span>机构权限管理</span>
    </el-menu-item>
  </el-menu>
</template>

<script>
export default {
  name: "Sidebar",
  data () {
   return {
   }
  },
};
</script>
<style scoped>
.el-menu-vertical-demo {
  width: 100%;
  height: 100%;
  padding-top: 46px;
  box-sizing: border-box;
}
.el-menu {
  border-right: solid 0px #e6e6e6;
}
.el-menu-vertical-demo .is-active {
  background-color: #375ac7 !important;
}
.el-menu-item {
  padding: 0 !important;
  width: 100%;
  height: 50px !important;
  line-height: 50px !important;
  text-align: left !important;
  padding-left: 15px !important;
}
.el-menu-item span {
  display: inline-block;
  width: 84px;
  height: 20px;
  font-size: 14px;
  font-family: "思源黑体 Medium";
  font-weight: 500;
  line-height: 20px;
}
</style>