| | |
|---|
| | | text-color="#bfcbd9" |
|---|
| | | active-text-color="#fff" |
|---|
| | | > |
|---|
| | | <el-submenu v-for="item in menus" :key="item.id" :index="item.id" > |
|---|
| | | <el-submenu v-for="item in menus" :key="item.id" :index="item.id.toString()" > |
|---|
| | | <template slot="title"> |
|---|
| | | <i class="el-icon-money icon"></i> |
|---|
| | | <span>{{ item.title }}</span> |
|---|
| | |
|---|
| | | <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){ |
|---|
| | | this.menus=item.menus |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | 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> |
|---|
