| 1 |
- {"remainingRequest":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\layout\\index.vue?vue&type=style&index=0&id=13877386&lang=scss&scoped=true&","dependencies":[{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\layout\\index.vue","mtime":1689156822249},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":1688725399018},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1688725423149},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1688725407590},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1688725390930},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1688725391035},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1688725415411}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KQGltcG9ydCAifkAvYXNzZXRzL3N0eWxlcy9taXhpbi5zY3NzIjsNCkBpbXBvcnQgIn5AL2Fzc2V0cy9zdHlsZXMvdmFyaWFibGVzLnNjc3MiOw0KDQoNCi5lbC1kcm9wZG93bi1tZW51IHsNCiAgICB6LWluZGV4OiAxMDAwMCAhaW1wb3J0YW50Ow0KfQ0KDQovKiAubWFpbi1jb250YWluZXJ7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCn0NCi5uYXZiYXJ7DQogIHBvc2l0aW9uOnN0aWNreSAhaW1wb3J0YW50Ow0KfSAqLw0KDQouY29tYmFyIHsNCiAgcG9zaXRpb246IGZpeGVkOw0KICBkaXNwbGF5OiBibG9jazsNCiAgd2lkdGg6IDEwMCU7DQogIHotaW5kZXg6IDEwMDA7DQogIGJhY2tncm91bmQ6ICNmZmY7DQogIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjNmY3YWYzOw0KICBib3gtc2hhZG93OiAwcHggMHB4IDJweCAwcHggIzIyMjY1MzsNCn0NCg0KLmppYW5iaWFzZSB7DQogIHdpZHRoOiAxMjBweDsNCiAgaGVpZ2h0OiAzN3B4Ow0KICAvKiBoZWlnaHQ6IDI1cHg7ICovDQogIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgxMjguMTNkZWcsIHJnYmEoODIsIDc5LCAyNTUsIDEpIDAlLCByZ2JhKDI1NSwgNzQsIDc0LCAxKSAxMDAlKTsNCiAgYm94LXNoYWRvdzogMHB4IDRweCAxNnB4ICByZ2JhKDE3OSwgMTkyLCAyMzEsIDEpOw0KICBib3JkZXItcmFkaXVzOiAyN3B4Ow0KICBtYXJnaW4tdG9wOiAxNXB4Ow0KICBmb250LXNpemU6IDE0cHg7DQogIGZvbnQtd2VpZ2h0OiA1MDA7DQogIGxldHRlci1zcGFjaW5nOiAwcHg7DQogIGxpbmUtaGVpZ2h0OiAyMC4yN3B4Ow0KICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAxKTsNCg0KfQ0KLnVzZXItYXZhdGFyIHsNCiAgY3Vyc29yOiBwb2ludGVyOw0KICB3aWR0aDogNTBweDsNCiAgaGVpZ2h0OiA1MHB4Ow0KICBib3JkZXItcmFkaXVzOiA1MHB4OyAvL+aYr+iwgeeahOagt+W8j+adpeedgA0KICB6LWluZGV4OiAyOw0KDQogIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7DQogIG1hcmdpbi1yaWdodDogLTE4cHg7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCn0NCg0KLnJpZ2h0LW1lbnUtaXRlbSB7DQogIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCiAgcGFkZGluZzogMCA4cHg7DQogIGhlaWdodDogMTAwJTsNCiAgZm9udC1zaXplOiAxOHB4Ow0KICBjb2xvcjogIzdjMDA4YTsNCiAgdmVydGljYWwtYWxpZ246IHRleHQtYm90dG9tOw0KICBmbG9hdDogcmlnaHQ7DQogIG1hcmdpbi1yaWdodDogNTBweDsNCiAgbWFyZ2luLXRvcDogMThweDsNCn0NCg0KI2Ryb3Bkb3duLW1lbnUtMTc4MHsNCiAgei1pbmRleDogMTAwMDAwMDsNCn0NCi5pbWdnIHsNCiAgd2lkdGg6IDU1M3B4Ow0KICBoZWlnaHQ6IDgwcHg7DQogIGZsb2F0OiBsZWZ0Ow0KICBtYXJnaW4tdG9wOiAxNXB4Ow0KICAvKiBtYXJnaW4tbGVmdDogNTBweDsgKi8NCn0NCi5zcGFubiB7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgbGluZS1oZWlnaHQ6IDEwMHB4Ow0KICBmb250LXNpemU6IDMwcHg7DQogIGNvbG9yOiAjMDAzZThhOw0KICBmb250LXdlaWdodDogYm9sZGVyOw0KICBtYXJnaW4tbGVmdDogLTMzNXB4Ow0KfQ0KDQouYXBwLXdyYXBwZXIgew0KICBAaW5jbHVkZSBjbGVhcmZpeDsNCiAgcG9zaXRpb246IHJlbGF0aXZlOw0KICBoZWlnaHQ6IDEwMCU7DQogIHdpZHRoOiAxMDAlOw0KDQogICYubW9iaWxlLm9wZW5TaWRlYmFyIHsNCiAgICBwb3NpdGlvbjogZml4ZWQ7DQogICAgdG9wOiAwOw0KICB9DQp9DQoNCi5kcmF3ZXItYmcgew0KICBiYWNrZ3JvdW5kOiAjMDAwOw0KICBvcGFjaXR5OiAwLjM7DQogIHdpZHRoOiAxMDAlOw0KICB0b3A6IDA7DQogIGhlaWdodDogMTAwJTsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICB6LWluZGV4OiA5OTk7DQp9DQoNCi5maXhlZC1oZWFkZXIgew0KICBwb3NpdGlvbjogZml4ZWQ7DQogIHRvcDogMDsNCiAgcmlnaHQ6IDA7DQogIHotaW5kZXg6IDk7DQogIHdpZHRoOiBjYWxjKDEwMCUgLSAjeyRiYXNlLXNpZGViYXItd2lkdGh9KTsNCiAgdHJhbnNpdGlvbjogd2lkdGggMC4yOHM7DQp9DQoNCi5oaWRlU2lkZWJhciAuZml4ZWQtaGVhZGVyIHsNCiAgd2lkdGg6IGNhbGMoMTAwJSAtIDU0cHgpOw0KfQ0KDQouc2lkZWJhckhpZGUgLmZpeGVkLWhlYWRlciB7DQogIHdpZHRoOiAxMDAlOw0KfQ0KDQoubW9iaWxlIC5maXhlZC1oZWFkZXIgew0KICB3aWR0aDogMTAwJTsNCn0NCg0KDQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwJA;AACA;;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA","file":"index.vue","sourceRoot":"src/layout","sourcesContent":["<template>\r\n <div class=\"combarr\">\r\n <div class=\"combar\">\r\n <div class=\"bar\">\r\n </div>\r\n <el-row>\r\n <el-col :span=\"12\">\r\n <span>\r\n <img src=\"../assets/images/comlo.png\" alt=\"\" class=\"imgg\" />\r\n </span>\r\n </el-col>\r\n <el-col :span=\"4\" :offset=\"8\">\r\n <el-dropdown\r\n class=\"avatar-container right-menu-item hover-effect\"\r\n trigger=\"click\"\r\n >\r\n <div class=\"avatar-wrapper\">\r\n <img :src=\"avatar\" class=\"user-avatar\" />\r\n <span style=\"\">\r\n <button class=\"jianbiase\">{{userName}}</button>\r\n </span>\r\n <i class=\"el-icon-caret-bottom\" />\r\n </div>\r\n <el-dropdown-menu slot=\"dropdown\" style=\"margin-top: -20px;\">\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 </el-col>\r\n </el-row>\r\n </div>\r\n <div style=\"height: 100px\"></div>\r\n <div\r\n :class=\"classObj\"\r\n class=\"app-wrapper\"\r\n :style=\"{ '--current-color': theme }\"\r\n >\r\n <div\r\n v-if=\"device === 'mobile' && sidebar.opened\"\r\n class=\"drawer-bg\"\r\n @click=\"handleClickOutside\"\r\n />\r\n <sidebar\r\n v-if=\"!sidebar.hide\"\r\n class=\"sidebar-container\"\r\n style=\"background-color: #222653;\"\r\n />\r\n <div\r\n :class=\"{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }\"\r\n class=\"main-container\"\r\n >\r\n <div :class=\"{ 'fixed-header': fixedHeader }\">\r\n <!-- <navbar /> -->\r\n <tags-view v-if=\"needTagsView\" />\r\n </div>\r\n <app-main />\r\n <right-panel>\r\n <settings />\r\n </right-panel>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from \"vuex\";\r\nimport RightPanel from \"@/components/RightPanel\";\r\nimport { AppMain, Navbar, Settings, Sidebar, TagsView } from \"./components\";\r\nimport ResizeMixin from \"./mixin/ResizeHandler\";\r\nimport { mapState } from \"vuex\";\r\nimport variables from \"@/assets/styles/variables.scss\";\r\n\r\nexport default {\r\n name: \"Layout\",\r\n components: {\r\n AppMain,\r\n Navbar,\r\n RightPanel,\r\n Settings,\r\n Sidebar,\r\n TagsView,\r\n },\r\n mixins: [ResizeMixin],\r\n computed: {\r\n ...mapState({\r\n theme: (state) => state.settings.theme,\r\n sideTheme: (state) => state.settings.sideTheme, \r\n sidebar: (state) => state.app.sidebar,\r\n device: (state) => state.app.device,\r\n needTagsView: (state) => state.settings.tagsView,\r\n fixedHeader: (state) => state.settings.fixedHeader,\r\n ...mapGetters([\"avatar\"]),\r\n }),\r\n classObj() {\r\n return {\r\n // hideSidebar: !this.sidebar.opened,\r\n openSidebar: this.sidebar.opened,\r\n withoutAnimation: this.sidebar.withoutAnimation,\r\n mobile: this.device === \"mobile\",\r\n };\r\n },\r\n variables() {\r\n return variables;\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 },\r\n methods: {\r\n async logout() {\r\n this.$confirm(\"确定注销并退出系统吗？\", \"提示\", {\r\n confirmButtonText: \"确定\",\r\n cancelButtonText: \"取消\",\r\n type: \"warning\",\r\n })\r\n .then(() => {\r\n this.$store.dispatch(\"LogOut\").then(() => {\r\n location.href = \"/index\";\r\n });\r\n })\r\n .catch(() => {});\r\n },\r\n handleClickOutside() {\r\n this.$store.dispatch(\"app/closeSideBar\", { withoutAnimation: false });\r\n },\r\n },\r\n mounted() {\r\n var user = sessionStorage.getItem('sessionObj')\r\n var user = JSON.parse(user);\r\n this.userName = JSON.parse(user.data).username\r\n },\r\n\r\n\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"~@/assets/styles/mixin.scss\";\r\n@import \"~@/assets/styles/variables.scss\";\r\n\r\n\r\n.el-dropdown-menu {\r\n z-index: 10000 !important;\r\n}\r\n\r\n/* .main-container{\r\n position: relative;\r\n}\r\n.navbar{\r\n position:sticky !important;\r\n} */\r\n\r\n.combar {\r\n position: fixed;\r\n display: block;\r\n width: 100%;\r\n z-index: 1000;\r\n background: #fff;\r\n border-bottom: 1px solid #6f7af3;\r\n box-shadow: 0px 0px 2px 0px #222653;\r\n}\r\n\r\n.jianbiase {\r\n width: 120px;\r\n height: 37px;\r\n /* height: 25px; */\r\n background: linear-gradient(128.13deg, rgba(82, 79, 255, 1) 0%, rgba(255, 74, 74, 1) 100%);\r\n box-shadow: 0px 4px 16px rgba(179, 192, 231, 1);\r\n border-radius: 27px;\r\n margin-top: 15px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n letter-spacing: 0px;\r\n line-height: 20.27px;\r\n color: rgba(255, 255, 255, 1);\r\n\r\n}\r\n.user-avatar {\r\n cursor: pointer;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50px; //是谁的样式来着\r\n z-index: 2;\r\n\r\n vertical-align: middle;\r\n margin-right: -18px;\r\n position: relative;\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: #7c008a;\r\n vertical-align: text-bottom;\r\n float: right;\r\n margin-right: 50px;\r\n margin-top: 18px;\r\n}\r\n\r\n#dropdown-menu-1780{\r\n z-index: 1000000;\r\n}\r\n.imgg {\r\n width: 553px;\r\n height: 80px;\r\n float: left;\r\n margin-top: 15px;\r\n /* margin-left: 50px; */\r\n}\r\n.spann {\r\n text-align: center;\r\n line-height: 100px;\r\n font-size: 30px;\r\n color: #003e8a;\r\n font-weight: bolder;\r\n margin-left: -335px;\r\n}\r\n\r\n.app-wrapper {\r\n @include clearfix;\r\n position: relative;\r\n height: 100%;\r\n width: 100%;\r\n\r\n &.mobile.openSidebar {\r\n position: fixed;\r\n top: 0;\r\n }\r\n}\r\n\r\n.drawer-bg {\r\n background: #000;\r\n opacity: 0.3;\r\n width: 100%;\r\n top: 0;\r\n height: 100%;\r\n position: absolute;\r\n z-index: 999;\r\n}\r\n\r\n.fixed-header {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n z-index: 9;\r\n width: calc(100% - #{$base-sidebar-width});\r\n transition: width 0.28s;\r\n}\r\n\r\n.hideSidebar .fixed-header {\r\n width: calc(100% - 54px);\r\n}\r\n\r\n.sidebarHide .fixed-header {\r\n width: 100%;\r\n}\r\n\r\n.mobile .fixed-header {\r\n width: 100%;\r\n}\r\n\r\n\r\n</style>\r\n"]}]}
|
