|  |  |  | 
|---|
|  |  |  | <el-menu-item index="/backgroundConfig/rolePermssion">角色权限</el-menu-item> | 
|---|
|  |  |  | </el-submenu> --> | 
|---|
|  |  |  | </el-menu> | 
|---|
|  |  |  | <el-empty v-if="this.menus===null||this.menus===undefined||this.menus.length===0" :image-size="130" description="没有侧栏菜单"></el-empty> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | import {getMenuTreeByRole} from "@/api/menus/index" | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: "AppSidebar", | 
|---|
|  |  |  | props: {}, | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | getMenuTreeByRole(){ | 
|---|
|  |  |  | getMenuTreeByRole().then((res)=>{ | 
|---|
|  |  |  | console.log(res.data.list,"crm菜单") | 
|---|
|  |  |  | res.data.list.map((item)=>{ | 
|---|
|  |  |  | if(item.systemType===2){ | 
|---|
|  |  |  | let newList= JSON.parse(JSON.stringify([...item.menus])) | 
|---|
|  |  |  | // 隐藏了 生成计划 和 服务收费管理模块 | 
|---|
|  |  |  | if(newList[1]){ | 
|---|
|  |  |  | const found = newList[1].children.find(obj => obj.title === "生成计划") | 
|---|
|  |  |  | if(found){ | 
|---|
|  |  |  | newList[1].children=[...newList[1].children.slice(0, -1)]; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if(newList[2]){ | 
|---|
|  |  |  | const found1 = newList[2].children.find(obj => obj.title === "服务收费管理") | 
|---|
|  |  |  | if(found1){ | 
|---|
|  |  |  | newList[2].children=[...newList[2].children.slice(0, -1)]; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.menus=newList | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | let newList=this.$store.state.menus | 
|---|
|  |  |  | console.log(newList,"newList") | 
|---|
|  |  |  | // 隐藏了 生成计划 和 服务收费管理模块 | 
|---|
|  |  |  | if(newList[1]){ | 
|---|
|  |  |  | const found = newList[1].children.find(obj => obj.title === "生成计划") | 
|---|
|  |  |  | if(found){ | 
|---|
|  |  |  | newList[1].children=[...newList[1].children.slice(0, -1)]; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if(newList[2]){ | 
|---|
|  |  |  | const found1 = newList[2].children.find(obj => obj.title === "服务收费管理") | 
|---|
|  |  |  | if(found1){ | 
|---|
|  |  |  | newList[2].children=[...newList[2].children.slice(0, -1)]; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.menus=newList | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 监听路由 | 
|---|
|  |  |  | initNavMenu() { | 
|---|
|  |  |  | 
|---|
|  |  |  | <!-- Add "scoped" attribute to limit CSS to this component only --> | 
|---|
|  |  |  | <style lang="scss" scoped> | 
|---|
|  |  |  | @import "./index.scss"; | 
|---|
|  |  |  | ::v-deep .el-empty{ | 
|---|
|  |  |  | .el-empty__description{ | 
|---|
|  |  |  | p{ | 
|---|
|  |  |  | color: #dddd; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </style> | 
|---|