1 |
- {"remainingRequest":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\test\\ssi-satoken\\ui\\src\\layout\\components\\Navbar.vue?vue&type=style&index=0&id=551ee4cd&prod&lang=scss&scoped=true&","dependencies":[{"path":"D:\\test\\ssi-satoken\\ui\\src\\layout\\components\\Navbar.vue","mtime":1697612754981},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":1669864554855},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1697679531049},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1669864555556},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1697679535560},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1669864538178},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1697679531049}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi5yaWdodC1tZW51LWl0ZW0xIHsNCiAgcG9zaXRpb246IHJlbGF0aXZlOw0KICB0b3A6IC0xNXB4Ow0KICBmb250LXNpemU6IDE4cHg7DQp9DQoNCi5pdGVtIHsNCiAgbWFyZ2luLXRpcDogNXB4Ow0KICBtYXJnaW4tcmlnaHQ6IDE1cHg7DQp9DQoNCi5uYXZiYXIgew0KICBoZWlnaHQ6IDUwcHg7DQogIG92ZXJmbG93OiBoaWRkZW47DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgYmFja2dyb3VuZDogI2ZmZjsNCiAgYm94LXNoYWRvdzogMCAxcHggNHB4IHJnYmEoMCwgMjEsIDQxLCAuMDgpOw0KDQogIC5oYW1idXJnZXItY29udGFpbmVyIHsNCiAgICBsaW5lLWhlaWdodDogNDZweDsNCiAgICBoZWlnaHQ6IDEwMCU7DQogICAgZmxvYXQ6IGxlZnQ7DQogICAgY3Vyc29yOiBwb2ludGVyOw0KICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgLjNzOw0KICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7DQoNCiAgICAmOmhvdmVyIHsNCiAgICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgLjAyNSkNCiAgICB9DQogIH0NCg0KICAuYnJlYWRjcnVtYi1jb250YWluZXIgew0KICAgIGZsb2F0OiBsZWZ0Ow0KICB9DQoNCiAgLnRvcG1lbnUtY29udGFpbmVyIHsNCiAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgbGVmdDogNTBweDsNCiAgfQ0KDQogIC5lcnJMb2ctY29udGFpbmVyIHsNCiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7DQogICAgdmVydGljYWwtYWxpZ246IHRvcDsNCiAgfQ0KDQogIC5yaWdodC1tZW51IHsNCiAgICBmbG9hdDogcmlnaHQ7DQogICAgaGVpZ2h0OiAxMDAlOw0KICAgIGxpbmUtaGVpZ2h0OiA1MHB4Ow0KDQogICAgJjpmb2N1cyB7DQogICAgICBvdXRsaW5lOiBub25lOw0KICAgIH0NCg0KICAgIC5yaWdodC1tZW51LWl0ZW0gew0KICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICAgICAgcGFkZGluZzogMCA4cHg7DQogICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICBmb250LXNpemU6IDE4cHg7DQogICAgICBjb2xvcjogIzVhNWU2NjsNCiAgICAgIHZlcnRpY2FsLWFsaWduOiB0ZXh0LWJvdHRvbTsNCg0KICAgICAgJi5ob3Zlci1lZmZlY3Qgew0KICAgICAgICBjdXJzb3I6IHBvaW50ZXI7DQogICAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgLjNzOw0KDQogICAgICAgICY6aG92ZXIgew0KICAgICAgICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgLjAyNSkNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCg0KICAgIC5hdmF0YXItY29udGFpbmVyIHsNCiAgICAgIG1hcmdpbi1yaWdodDogMzBweDsNCg0KICAgICAgLmF2YXRhci13cmFwcGVyIHsNCiAgICAgICAgbWFyZ2luLXRvcDogNXB4Ow0KICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQoNCiAgICAgICAgLnVzZXItYXZhdGFyIHsNCiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7DQogICAgICAgICAgd2lkdGg6IDQwcHg7DQogICAgICAgICAgaGVpZ2h0OiA0MHB4Ow0KICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7DQogICAgICAgIH0NCg0KICAgICAgICAuZWwtaWNvbi1jYXJldC1ib3R0b20gew0KICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICAgICAgcmlnaHQ6IC0yMHB4Ow0KICAgICAgICAgIHRvcDogMjVweDsNCiAgICAgICAgICBmb250LXNpemU6IDEycHg7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9DQoNCiAgICAucmlnaHQtbWVudS1pdGVtMSB7DQoNCiAgICAgIGhlaWdodDogMTAwJTsNCiAgICAgIHdpZHRoOiAyN3B4Ow0KICAgICAgZm9udC1zaXplOiAxOHB4Ow0KICAgICAgY29sb3I6ICM1YTVlNjY7DQogICAgICB2ZXJ0aWNhbC1hbGlnbjogdGV4dC1ib3R0b207DQogICAgICB0b3A6IDBweDsNCg0KICAgICAgJi5ob3Zlci1lZmZlY3QxIHsNCiAgICAgICAgY3Vyc29yOiBwb2ludGVyOw0KICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kIC4zczsNCg0KICAgICAgICAmOmhvdmVyIHsNCiAgICAgICAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIC4wMjUpDQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["Navbar.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;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\"\r\n @toggleClick=\"toggleSideBar\"/>\r\n\r\n <breadcrumb id=\"breadcrumb-container\" class=\"breadcrumb-container\" v-if=\"!topNav\"/>\r\n <top-nav id=\"topmenu-container\" class=\"topmenu-container\" v-if=\"topNav\"/>\r\n\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 <!-- 消息中心 -->\r\n<!-- <span v-show=\"alarmIconShow\">-->\r\n<!-- <span v-if=\"isMessage\" key=\"1\">-->\r\n<!-- <el-tooltip content=\"告警消息\" placement=\"bottom\">-->\r\n<!-- <a href='javascript:;' @click=\"showAlarm\">-->\r\n<!-- <svg-icon icon-class=\"notice\" class=\"right-menu-item1 hover-effect1\"/>-->\r\n<!-- </a>-->\r\n<!-- </el-tooltip>-->\r\n<!-- </span>-->\r\n<!-- <span v-else key=\"2\">-->\r\n<!-- <el-tooltip content=\"告警消息\" placement=\"bottom\">-->\r\n<!-- <svg-icon icon-class=\"notice_none\" class=\"right-menu-item1 hover-effect1\"/>-->\r\n<!-- </el-tooltip>-->\r\n<!-- </span>-->\r\n<!-- </span>-->\r\n\r\n\r\n <el-tooltip content=\"全屏\" placement=\"bottom\">\r\n <screenfull id=\"screenfull\" class=\"right-menu-item hover-effect\"/>\r\n </el-tooltip>\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=\"@/assets/img1.jpg\" class=\"user-avatar\">\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 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} from 'vuex'\r\nimport Breadcrumb from '@/components/Breadcrumb'\r\nimport TopNav from '@/components/TopNav'\r\nimport Hamburger from '@/components/Hamburger'\r\nimport {removeToken} from \"@/utils/auth\";\r\nimport Screenfull from '@/components/Screenfull'\r\nimport XEUtils from 'xe-utils'\r\nimport moment from \"moment\";\r\nimport {userinfoDecrypt, userinfoEncrypt} from \"@/utils/smutil\";\r\nimport {debounce} from \"lodash\";\r\n// import SizeSelect from '@/components/SizeSelect'\r\n// import Search from '@/components/HeaderSearch'\r\n// import RuoYiGit from '@/components/RuoYi/Git'\r\n// import RuoYiDoc from '@/components/RuoYi/Doc'\r\n\r\nexport default {\r\n data() {\r\n return {\r\n intervalId: null,\r\n isMessage: false,\r\n alarmIconShow: false,\r\n title: '告警消息',\r\n loading: false,\r\n alarmList: null,\r\n // 是否显示弹出层\r\n open: false,\r\n message: 2\r\n }\r\n },\r\n components: {\r\n Breadcrumb,\r\n TopNav,\r\n Hamburger,\r\n Screenfull,\r\n // SizeSelect,\r\n // Search,\r\n // RuoYiGit,\r\n // RuoYiDoc\r\n },\r\n created() {\r\n this.getCurrentUser()\r\n },\r\n destroyed() {\r\n },\r\n computed: {\r\n ...mapGetters([\r\n 'sidebar',\r\n 'avatar',\r\n 'device'\r\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 topNav: {\r\n get() {\r\n return this.$store.state.settings.topNav\r\n }\r\n }\r\n },\r\n methods: {\r\n async getCurrentUser() {\r\n var user;\r\n await this.$axios.get('/sysUserController/getCurrentUser').then((res) => {\r\n user = res.data.sysUser\r\n // 用户信息+菜单权限加密存储\r\n let encryptUserInfo = userinfoEncrypt(JSON.stringify(res.data))\r\n localStorage.setItem('active', encryptUserInfo)\r\n }).catch((error) => {\r\n this.$message.error('获取当前用户数据出错' + error)\r\n })\r\n },\r\n toggleSideBar() {\r\n this.$store.dispatch('app/toggleSideBar')\r\n },\r\n async logout() {\r\n this.$axios.post(\r\n '/logout', {}\r\n ).then((res) => {\r\n this.$message.success(res.msg)\r\n removeToken()\r\n //注销返回自己的登录页\r\n this.$router.push(`/login?redirect=${this.$route.fullPath}`)\r\n })\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.right-menu-item1 {\r\n position: relative;\r\n top: -15px;\r\n font-size: 18px;\r\n}\r\n\r\n.item {\r\n margin-tip: 5px;\r\n margin-right: 15px;\r\n}\r\n\r\n.navbar {\r\n height: 50px;\r\n overflow: hidden;\r\n position: relative;\r\n background: #fff;\r\n box-shadow: 0 1px 4px rgba(0, 21, 41, .08);\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 -webkit-tap-highlight-color: transparent;\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 .topmenu-container {\r\n position: absolute;\r\n left: 50px;\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: 10px;\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 font-size: 12px;\r\n }\r\n }\r\n }\r\n\r\n .right-menu-item1 {\r\n\r\n height: 100%;\r\n width: 27px;\r\n font-size: 18px;\r\n color: #5a5e66;\r\n vertical-align: text-bottom;\r\n top: 0px;\r\n\r\n &.hover-effect1 {\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}\r\n</style>\r\n"]}]}
|