{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1674961941262},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1674961932750},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1674961932551},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1674961932750},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1674961940096}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n\r\n\r\nimport MenuTree from './sideBarCommon';\r\nexport default {\r\n    name: 'NavMenu', //使用递归组件必须要有\r\n    components: {\r\n       MenuTree\r\n    },\r\n    props: ['navMenus'], // 传入子组件的数据\r\n    data() {\r\n        return {\r\n          defaultActive:this.$route.path\r\n        };\r\n    },\r\n    computed: {\r\n        toIndex() {\r\n            // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\r\n            return this.$route.path.split('/')[2];\r\n        }\r\n    },\r\n    mounted(){\r\n      console.log(this.$route.path,',,,path');\r\n      if(this.$route.path=='/test1/index'){\r\n        this.defaultActive='/test1/AnalysisMain'\r\n      }\r\n    },\r\n    methods: {\r\n        handleSelect(key, keyPath) {\r\n            console.log('1212');\r\n            console.log(key, keyPath);\r\n        }\r\n    }\r\n};\r\n",{"version":3,"sources":["SideMenu.vue"],"names":[],"mappings":";;;;;;;;;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"SideMenu.vue","sourceRoot":"src/components/sidemenu","sourcesContent":["<template>\r\n    <div class=\"navMenu\">\r\n        <el-menu router  :default-active=\"defaultActive\" class=\"el-menu-vertical-demo\" text-color=\"#fff\" active-text-color=\"#ffd04b\">\r\n            <menu-tree :menuNavList=\"navMenus\"></menu-tree>\r\n        </el-menu>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport MenuTree from './sideBarCommon';\r\nexport default {\r\n    name: 'NavMenu', //使用递归组件必须要有\r\n    components: {\r\n       MenuTree\r\n    },\r\n    props: ['navMenus'], // 传入子组件的数据\r\n    data() {\r\n        return {\r\n          defaultActive:this.$route.path\r\n        };\r\n    },\r\n    computed: {\r\n        toIndex() {\r\n            // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\r\n            return this.$route.path.split('/')[2];\r\n        }\r\n    },\r\n    mounted(){\r\n      console.log(this.$route.path,',,,path');\r\n      if(this.$route.path=='/test1/index'){\r\n        this.defaultActive='/test1/AnalysisMain'\r\n      }\r\n    },\r\n    methods: {\r\n        handleSelect(key, keyPath) {\r\n            console.log('1212');\r\n            console.log(key, keyPath);\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-menu{\r\n  background: transparent;\r\n  border: none;\r\n}\r\n/* 左侧菜单栏定位和位置大小设定 */\r\n.logo {\r\n    float: left;\r\n    margin-left: 60px;\r\n    margin-top: 17.5px;\r\n    height: 29px;\r\n    width: 160px;\r\n    vertical-align: middle;\r\n}\r\n.sidebar {\r\n    display: block;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 70px;\r\n    bottom: 0;\r\n    overflow-y: scroll;\r\n}\r\n.sidebar::-webkit-scrollbar {\r\n    width: 0;\r\n}\r\n.sidebar-el-menu {\r\n    width: 250px;\r\n}\r\n.sidebar > ul {\r\n    height: 100%;\r\n}\r\n\r\n/* 左侧二级菜单项的样式 */\r\n.el-menu-item {\r\n    font-size: 14px !important;\r\n    // padding-left: 35px !important;\r\n}\r\n\r\n/* 左侧二级菜单选中时的样式 */\r\n.el-menu-item.is-active {\r\n    color: white !important;\r\n    background: #3989fa !important;\r\n}\r\n.el-menu-item,\r\n.el-submenu__title {\r\n    height: 50px !important;\r\n    line-height: 50px !important;\r\n}\r\n.navMenu {\r\n    // background: url('../../assets/img/leftBg.png');\r\n    // height: 800px;\r\n    max-height: 850px;\r\n}\r\n.el-menu {\r\n    // background: url('../../assets/img/leftBg.png');\r\n    background-size: 100%;\r\n    /* height: 800px; */\r\n}\r\n\r\n// .el-submenu__title:hover {\r\n//       background-color: #3989fa!important;\r\n//    color:#eee!important;\r\n// }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa !important;\r\n}\r\n</style>"]}]}