| 1 |
- {"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\layout\\components\\Navbar.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\layout\\components\\Navbar.vue","mtime":1623215520168},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgeyBtYXBHZXR0ZXJzLCBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnDQppbXBvcnQgQnJlYWRjcnVtYiBmcm9tICdAL2NvbXBvbmVudHMvQnJlYWRjcnVtYicNCmltcG9ydCBTaWduTnVtQXJyIGZyb20gJ0AvY29tcG9uZW50cy9TaWduTnVtQXJyJw0KaW1wb3J0IEhhbWJ1cmdlciBmcm9tICdAL2NvbXBvbmVudHMvSGFtYnVyZ2VyJw0KaW1wb3J0IFNjcmVlbmZ1bGwgZnJvbSAnQC9jb21wb25lbnRzL1NjcmVlbmZ1bGwnDQppbXBvcnQgU2l6ZVNlbGVjdCBmcm9tICdAL2NvbXBvbmVudHMvU2l6ZVNlbGVjdCcNCmltcG9ydCBTZWFyY2ggZnJvbSAnQC9jb21wb25lbnRzL0hlYWRlclNlYXJjaCcNCmltcG9ydCBSdW9ZaUdpdCBmcm9tICdAL2NvbXBvbmVudHMvUnVvWWkvR2l0Jw0KaW1wb3J0IFJ1b1lpRG9jIGZyb20gJ0AvY29tcG9uZW50cy9SdW9ZaS9Eb2MnDQppbXBvcnQgSXRlbSBmcm9tICdAL2xheW91dC9jb21wb25lbnRzL1NpZGViYXIvSXRlbScNCmV4cG9ydCBkZWZhdWx0IHsNCglkYXRhKCkgew0KCSAgcmV0dXJuIHsNCgkgICAgaW5kZXhzOiAxLA0KCSAgICBuZXdBcnI6IFtdLAogICAgICBzaG93ZGU6dHJ1ZQ0KCSAgfQ0KCX0sDQogIGNvbXBvbmVudHM6IHsNCiAgICBTaWduTnVtQXJyLA0KICAgIEhhbWJ1cmdlciwNCiAgICBTY3JlZW5mdWxsLA0KICAgIFNpemVTZWxlY3QsDQogICAgU2VhcmNoLA0KICAgIFJ1b1lpR2l0LA0KICAgIFJ1b1lpRG9jLA0KCSAgSXRlbQ0KICB9LA0KICBtb3VudGVkKCkgew0KCSAgIHRoaXMuaW5pdCgpDQogIH0sDQogIGNvbXB1dGVkOiB7DQogICAgLi4ubWFwR2V0dGVycyhbDQogICAgICAnc2lkZWJhcicsDQogICAgICAnYXZhdGFyJywNCiAgICAgICdkZXZpY2UnLA0KCSAgICAic2lkZWJhclJvdXRlcnMiLCAic2lkZWJhciIsICJ0YWJJbmRleCINCiAgICBdKSwKICAgIGFjdGl2ZU1lbnUoKSB7CiAgICAgIHJldHVybiB0aGlzLnRhYkluZGV4OwogICAgfSwNCiAgICBzZXR0aW5nOiB7DQogICAgICBnZXQoKSB7DQogICAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS5zZXR0aW5ncy5zaG93U2V0dGluZ3MNCiAgICAgIH0sDQogICAgICBzZXQodmFsKSB7DQogICAgICAgIHRoaXMuJHN0b3JlLmRpc3BhdGNoKCdzZXR0aW5ncy9jaGFuZ2VTZXR0aW5nJywgew0KICAgICAgICAgIGtleTogJ3Nob3dTZXR0aW5ncycsDQogICAgICAgICAgdmFsdWU6IHZhbA0KICAgICAgICB9KQ0KICAgICAgfSwNCg0KICAgIH0NCiAgfSwNCiAgbWV0aG9kczogew0KICAgIHRvZ2dsZVNpZGVCYXIoaW5kZXgpIHsKICAgICAgdGhpcy4kc3RvcmUuZGlzcGF0Y2goJ2FwcC90b2dnbGVTaWRlQmFyJykKICAgICAgIC8vIGNvbnNvbGUubG9nKCB0aGlzLiRzdG9yZS5kaXNwYXRjaCgnYXBwL3RvZ2dsZVNpZGVCYXInKSkNCiAgICB9LA0KICAgIGFzeW5jIGxvZ291dCgpIHsNCiAgICAgIHRoaXMuJGNvbmZpcm0oJ+ehruWumuazqOmUgOW5tumAgOWHuuezu+e7n+WQl++8nycsICfmj5DnpLonLCB7DQogICAgICAgIGNvbmZpcm1CdXR0b25UZXh0OiAn56Gu5a6aJywNCiAgICAgICAgY2FuY2VsQnV0dG9uVGV4dDogJ+WPlua2iCcsDQogICAgICAgIHR5cGU6ICd3YXJuaW5nJw0KICAgICAgfSkudGhlbigoKSA9PiB7DQogICAgICAgIHRoaXMuJHN0b3JlLmRpc3BhdGNoKCdMb2dPdXQnKS50aGVuKCgpID0+IHsNCiAgICAgICAgICBsb2NhdGlvbi5ocmVmID0gJy9pbmRleCc7DQogICAgICAgIH0pDQogICAgICB9KQ0KICAgIH0sDQoJdGFiQnRuKGl0ZW0pIHsKICAgIGNvbnNvbGUubG9nKGl0ZW0pDQoJICBpZih0aGlzLmFjdGl2ZU1lbnUuaW5jbHVkZXMoKGl0ZW0ucGF0aHx8aXRlbS5yZWRpcmVjdCkpKXsNCgkgICAgcmV0dXJuDQoJICB9CiAgICB0aGlzLiRzdG9yZS5kaXNwYXRjaCgnYXBwL3RvZ2dsZVNpZGVCYXJ0d28nKQ0KCSAgaWYgKGl0ZW0ucmVkaXJlY3QgPT0gJ2luZGV4Jykgew0KCSAgICBpZih0aGlzLiRyb3V0ZS5wYXRoIT09Jy9pbmRleCcpew0KCSAgICAgIHRoaXMuJHJvdXRlci5wdXNoKHsNCgkgICAgICAgIHBhdGg6ICcvaW5kZXgnDQoJICAgICAgfSkNCgkgICAgfQ0KCSAgICB0aGlzLiRzdG9yZS5kaXNwYXRjaCgnVGFiRm4nLCBpdGVtLnJlZGlyZWN0KQ0KCSAgICByZXR1cm4NCgkgIH0NCgkgIHRoaXMuJHN0b3JlLmRpc3BhdGNoKCdUYWJGbicsIGl0ZW0ucGF0aCkKICAgIHRoaXMuc2hvd2RlID0gdHJ1ZQoNCgl9LA0KCWluaXQoKSB7DQoJICBjb25zdCByb3V0ZSA9IHRoaXMuJHJvdXRlOw0KCSAgY29uc3Qgew0KCSAgICBtZXRhLA0KCSAgICBwYXRoDQoJICB9ID0gcm91dGU7DQoJICAvLyBpZiBzZXQgcGF0aCwgdGhlIHNpZGViYXIgd2lsbCBoaWdobGlnaHQgdGhlIHBhdGggeW91IHNldA0KCSAgY29uc29sZS5sb2cocm91dGUpDQoJICBpZiAobWV0YS5hY3RpdmVNZW51KSB7DQoJICAgIHRoaXMuJHN0b3JlLmRpc3BhdGNoKCdUYWJGbicsIG1ldGEuYWN0aXZlTWVudSkNCgkgIH0NCgkgIHRoaXMuJHN0b3JlLmRpc3BhdGNoKCdUYWJGbicsIHBhdGgpDQoJfQ0KICB9DQp9DQo="},{"version":3,"sources":["Navbar.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Navbar.vue","sourceRoot":"src/layout/components","sourcesContent":["<template>\r\n <div class=\"navbar\">\r\n <hamburger id=\"hamburger-container\" :is-active=\"sidebar.opened\" class=\"hamburger-container\" @toggleClick=\"toggleSideBar(0)\" />\r\n\r\n <!-- <breadcrumb id=\"breadcrumb-container\" class=\"breadcrumb-container\" /> -->\r\n <!-- <SignNumArr class=\"SignNumArr\"/> -->\r\n\t <div class=\"sign_box\">\r\n\t <div class=\"sign_item\" :class=\"{active: activeMenu.includes((item.path||item.redirect))}\" v-for=\"(item,index) in this.sidebarRouters.filter(res => {\r\n\t return res.hidden == false || res.redirect == 'index'\r\n\t })\" :key=\"index\"\r\n\t @click=\"tabBtn(item)\">\r\n\t <item v-if=\"item.meta\" :icon=\"item.meta && item.meta.icon\" :title=\"item.meta.title\" />\r\n\t <item v-if=\"!item.meta\" :icon=\"item.meta && item.meta.icon\" :title=\"'首页'\" />\r\n\t </div>\r\n\t </div>\r\n <div class=\"right-menu\">\r\n <!-- <template v-if=\"device!=='mobile'\">\r\n <search id=\"header-search\" class=\"right-menu-item\" />\r\n\r\n <el-tooltip content=\"源码地址\" effect=\"dark\" placement=\"bottom\">\r\n <ruo-yi-git id=\"ruoyi-git\" class=\"right-menu-item hover-effect\" />\r\n </el-tooltip>\r\n\r\n <el-tooltip content=\"文档地址\" effect=\"dark\" placement=\"bottom\">\r\n <ruo-yi-doc id=\"ruoyi-doc\" class=\"right-menu-item hover-effect\" />\r\n </el-tooltip>\r\n\r\n <screenfull id=\"screenfull\" class=\"right-menu-item hover-effect\" />\r\n\r\n <el-tooltip content=\"布局大小\" effect=\"dark\" placement=\"bottom\">\r\n <size-select id=\"size-select\" class=\"right-menu-item hover-effect\" />\r\n </el-tooltip>\r\n\r\n </template> -->\r\n\r\n <el-dropdown class=\"avatar-container right-menu-item hover-effect\" trigger=\"click\">\r\n <div class=\"avatar-wrapper\">\r\n <img :src=\"avatar\" class=\"user-avatar\">\r\n\t\t <span></span>\r\n <i class=\"el-icon-caret-bottom\" />\r\n </div>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <router-link to=\"/user/profile\">\r\n <el-dropdown-item>个人中心</el-dropdown-item>\r\n </router-link>\r\n <el-dropdown-item @click.native=\"setting = true\">\r\n <span>布局设置</span>\r\n </el-dropdown-item>\r\n <el-dropdown-item divided @click.native=\"logout\">\r\n <span>退出登录</span>\r\n </el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapState } from 'vuex'\r\nimport Breadcrumb from '@/components/Breadcrumb'\r\nimport SignNumArr from '@/components/SignNumArr'\r\nimport Hamburger from '@/components/Hamburger'\r\nimport Screenfull from '@/components/Screenfull'\r\nimport SizeSelect from '@/components/SizeSelect'\r\nimport Search from '@/components/HeaderSearch'\r\nimport RuoYiGit from '@/components/RuoYi/Git'\r\nimport RuoYiDoc from '@/components/RuoYi/Doc'\r\nimport Item from '@/layout/components/Sidebar/Item'\r\nexport default {\r\n\tdata() {\r\n\t return {\r\n\t indexs: 1,\r\n\t newArr: [],\n showde:true\r\n\t }\r\n\t},\r\n components: {\r\n SignNumArr,\r\n Hamburger,\r\n Screenfull,\r\n SizeSelect,\r\n Search,\r\n RuoYiGit,\r\n RuoYiDoc,\r\n\t Item\r\n },\r\n mounted() {\r\n\t this.init()\r\n },\r\n computed: {\r\n ...mapGetters([\r\n 'sidebar',\r\n 'avatar',\r\n 'device',\r\n\t \"sidebarRouters\", \"sidebar\", \"tabIndex\"\r\n ]),\n activeMenu() {\n return this.tabIndex;\n },\r\n setting: {\r\n get() {\r\n return this.$store.state.settings.showSettings\r\n },\r\n set(val) {\r\n this.$store.dispatch('settings/changeSetting', {\r\n key: 'showSettings',\r\n value: val\r\n })\r\n },\r\n\r\n }\r\n },\r\n methods: {\r\n toggleSideBar(index) {\n this.$store.dispatch('app/toggleSideBar')\n // console.log( this.$store.dispatch('app/toggleSideBar'))\r\n },\r\n async logout() {\r\n this.$confirm('确定注销并退出系统吗？', '提示', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n }).then(() => {\r\n this.$store.dispatch('LogOut').then(() => {\r\n location.href = '/index';\r\n })\r\n })\r\n },\r\n\ttabBtn(item) {\n console.log(item)\r\n\t if(this.activeMenu.includes((item.path||item.redirect))){\r\n\t return\r\n\t }\n this.$store.dispatch('app/toggleSideBartwo')\r\n\t if (item.redirect == 'index') {\r\n\t if(this.$route.path!=='/index'){\r\n\t this.$router.push({\r\n\t path: '/index'\r\n\t })\r\n\t }\r\n\t this.$store.dispatch('TabFn', item.redirect)\r\n\t return\r\n\t }\r\n\t this.$store.dispatch('TabFn', item.path)\n this.showde = true\n\r\n\t},\r\n\tinit() {\r\n\t const route = this.$route;\r\n\t const {\r\n\t meta,\r\n\t path\r\n\t } = route;\r\n\t // if set path, the sidebar will highlight the path you set\r\n\t console.log(route)\r\n\t if (meta.activeMenu) {\r\n\t this.$store.dispatch('TabFn', meta.activeMenu)\r\n\t }\r\n\t this.$store.dispatch('TabFn', path)\r\n\t}\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.navbar {\r\n height: 50px;\r\n overflow: hidden;\r\n position: relative;\r\n background-color: #3C8DBC;\r\n box-shadow: 0 1px 4px rgba(0,21,41,.08);\r\n\r\n .SignNumArr{\r\n float: left;\r\n }\r\n\r\n .hamburger-container {\r\n line-height: 46px;\r\n height: 100%;\r\n float: left;\r\n cursor: pointer;\r\n transition: background .3s;\r\n color: #fff;\r\n -webkit-tap-highlight-color:transparent;\r\n svg{\r\n color: #fff!important;\r\n }\r\n\r\n &:hover {\r\n background: rgba(0, 0, 0, .025)\r\n }\r\n }\r\n\r\n .breadcrumb-container {\r\n float: left;\r\n }\r\n\r\n .errLog-container {\r\n display: inline-block;\r\n vertical-align: top;\r\n }\r\n\r\n .right-menu {\r\n float: right;\r\n height: 100%;\r\n line-height: 50px;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n .right-menu-item {\r\n display: inline-block;\r\n padding: 0 8px;\r\n height: 100%;\r\n font-size: 18px;\r\n color: #5a5e66;\r\n vertical-align: text-bottom;\r\n\r\n &.hover-effect {\r\n cursor: pointer;\r\n transition: background .3s;\r\n\r\n &:hover {\r\n background: rgba(0, 0, 0, .025)\r\n }\r\n }\r\n }\r\n\r\n .avatar-container {\r\n margin-right: 30px;\r\n\r\n .avatar-wrapper {\r\n margin-top: 5px;\r\n position: relative;\r\n\r\n .user-avatar {\r\n cursor: pointer;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n }\r\n\r\n .el-icon-caret-bottom {\r\n cursor: pointer;\r\n position: absolute;\r\n right: -20px;\r\n top: 25px;\r\n color: #fff;\r\n font-size: 12px;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.sign_box {\r\n // padding-left: 12px;\r\n width: calc(100% - 160px);\r\n overflow-x: scroll;\n float: left;\r\n white-space: nowrap;\r\n\r\n .sign_item {\r\n cursor: pointer;\r\n float: left;\r\n display: inline-table;\r\n height: 50px;\r\n text-align: center;\r\n line-height: 50px;\r\n position: relative;\r\n width: 143px;\r\n box-sizing: border-box;\r\n color: #fff;\r\n\r\n .img {\r\n width: 153px;\r\n height: 48px;\r\n position: absolute;\r\n left: 0;\r\n bottom: 0;\r\n }\r\n\r\n .icon {\r\n position: relative;\r\n z-index: 1;\r\n width: 16px;\r\n height: 16px;\r\n margin-right: 8px;\r\n }\r\n\r\n span {\r\n position: relative;\r\n z-index: 1;\r\n color: #fff !important;\r\n font-size: 16px !important;\r\n }\r\n\r\n svg {\r\n color: #fff !important;\r\n z-index: 2;\r\n line-height: 1;\r\n margin-right: 5px;\r\n }\r\n }\r\n }\r\n .active{\r\n background-color: #367FA8!important;\r\n }\r\n</style>\r\n"]}]}
|
