| 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":1688548855299},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCkBpbXBvcnQgIn5AL2Fzc2V0cy9zdHlsZXMvbWl4aW4uc2NzcyI7DQpAaW1wb3J0ICJ+QC9hc3NldHMvc3R5bGVzL3ZhcmlhYmxlcy5zY3NzIjsNCg0KLyogLm1haW4tY29udGFpbmVyew0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQp9DQoubmF2YmFyew0KICBwb3NpdGlvbjpzdGlja3kgIWltcG9ydGFudDsNCn0gKi8NCi5jb21iYXIgew0KICBwb3NpdGlvbjogZml4ZWQ7DQogIGRpc3BsYXk6IGJsb2NrOw0KICB3aWR0aDogMTAwJTsNCiAgei1pbmRleDogMTsNCiAgYmFja2dyb3VuZDogI2ZmZjsNCiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICM2ZjdhZjM7DQogIGJveC1zaGFkb3c6IDBweCAwcHggMnB4IDBweCAjMjIyNjUzOw0KfQ0KLmppYW5iaWFzZSB7DQogIHdpZHRoOiA4Ny41NXB4Ow0KICBoZWlnaHQ6IDI5LjI1cHg7DQogIC8qIGhlaWdodDogMjVweDsgKi8NCiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDEyOC4xM2RlZywgcmdiYSg4MiwgNzksIDI1NSwgMSkgMCUsIHJnYmEoMjU1LCA3NCwgNzQsIDEpIDEwMCUpOw0KICBib3gtc2hhZG93OiAwcHggNHB4IDE2cHggIHJnYmEoMTc5LCAxOTIsIDIzMSwgMSk7DQogIGJvcmRlci1yYWRpdXM6IDI3cHg7DQogIG1hcmdpbi10b3A6IDE1cHg7DQogIGZvbnQtc2l6ZTogMTRweDsNCiAgZm9udC13ZWlnaHQ6IDUwMDsNCiAgbGV0dGVyLXNwYWNpbmc6IDBweDsNCiAgbGluZS1oZWlnaHQ6IDIwLjI3cHg7DQogIGNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDEpOw0KDQp9DQoudXNlci1hdmF0YXIgew0KICBjdXJzb3I6IHBvaW50ZXI7DQogIHdpZHRoOiA0MHB4Ow0KICBoZWlnaHQ6IDQwcHg7DQogIGJvcmRlci1yYWRpdXM6IDUwcHg7IC8v5piv6LCB55qE5qC35byP5p2l552ADQogIHotaW5kZXg6IDI7DQoNCiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsNCiAgbWFyZ2luLXJpZ2h0OiAtMThweDsNCiAgcG9zaXRpb246IHJlbGF0aXZlOw0KfQ0KDQoucmlnaHQtbWVudS1pdGVtIHsNCiAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICBwYWRkaW5nOiAwIDhweDsNCiAgaGVpZ2h0OiAxMDAlOw0KICBmb250LXNpemU6IDE4cHg7DQogIGNvbG9yOiAjN2MwMDhhOw0KICB2ZXJ0aWNhbC1hbGlnbjogdGV4dC1ib3R0b207DQogIGZsb2F0OiByaWdodDsNCiAgbWFyZ2luLXJpZ2h0OiA1MHB4Ow0KICBtYXJnaW4tdG9wOiAxOHB4Ow0KfQ0KDQovKiAuYmFyIHsNCiAgd2lkdGg6IDQzLjc1cmVtOw0KICBoZWlnaHQ6IDEwcHg7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgbGluZS1oZWlnaHQ6IDEwMHB4Ow0KICBwb3NpdGlvbjogZml4ZWQ7DQp9ICovDQoNCi5pbWdnIHsNCiAgd2lkdGg6IDU1M3B4Ow0KICBoZWlnaHQ6IDgwcHg7DQogIGZsb2F0OiBsZWZ0Ow0KICBtYXJnaW4tdG9wOiAxNXB4Ow0KICAvKiBtYXJnaW4tbGVmdDogNTBweDsgKi8NCn0NCi5zcGFubiB7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgbGluZS1oZWlnaHQ6IDEwMHB4Ow0KICBmb250LXNpemU6IDMwcHg7DQogIGNvbG9yOiAjMDAzZThhOw0KICBmb250LXdlaWdodDogYm9sZGVyOw0KICBtYXJnaW4tbGVmdDogLTMzNXB4Ow0KfQ0KDQouYXBwLXdyYXBwZXIgew0KICBAaW5jbHVkZSBjbGVhcmZpeDsNCiAgcG9zaXRpb246IHJlbGF0aXZlOw0KICBoZWlnaHQ6IDEwMCU7DQogIHdpZHRoOiAxMDAlOw0KDQogICYubW9iaWxlLm9wZW5TaWRlYmFyIHsNCiAgICBwb3NpdGlvbjogZml4ZWQ7DQogICAgdG9wOiAwOw0KICB9DQp9DQoNCi5kcmF3ZXItYmcgew0KICBiYWNrZ3JvdW5kOiAjMDAwOw0KICBvcGFjaXR5OiAwLjM7DQogIHdpZHRoOiAxMDAlOw0KICB0b3A6IDA7DQogIGhlaWdodDogMTAwJTsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICB6LWluZGV4OiA5OTk7DQp9DQoNCi5maXhlZC1oZWFkZXIgew0KICBwb3NpdGlvbjogZml4ZWQ7DQogIHRvcDogMDsNCiAgcmlnaHQ6IDA7DQogIHotaW5kZXg6IDk7DQogIHdpZHRoOiBjYWxjKDEwMCUgLSAjeyRiYXNlLXNpZGViYXItd2lkdGh9KTsNCiAgdHJhbnNpdGlvbjogd2lkdGggMC4yOHM7DQp9DQoNCi5oaWRlU2lkZWJhciAuZml4ZWQtaGVhZGVyIHsNCiAgd2lkdGg6IGNhbGMoMTAwJSAtIDU0cHgpOw0KfQ0KDQouc2lkZWJhckhpZGUgLmZpeGVkLWhlYWRlciB7DQogIHdpZHRoOiAxMDAlOw0KfQ0KDQoubW9iaWxlIC5maXhlZC1oZWFkZXIgew0KICB3aWR0aDogMTAwJTsNCn0NCg0KDQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmJA;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;;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;;AAEA;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 \r\n \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\">Admin</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};\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/* .main-container{\r\n position: relative;\r\n}\r\n.navbar{\r\n position:sticky !important;\r\n} */\r\n.combar {\r\n position: fixed;\r\n display: block;\r\n width: 100%;\r\n z-index: 1;\r\n background: #fff;\r\n border-bottom: 1px solid #6f7af3;\r\n box-shadow: 0px 0px 2px 0px #222653;\r\n}\r\n.jianbiase {\r\n width: 87.55px;\r\n height: 29.25px;\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: 40px;\r\n height: 40px;\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/* .bar {\r\n width: 43.75rem;\r\n height: 10px;\r\n text-align: center;\r\n line-height: 100px;\r\n position: fixed;\r\n} */\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"]}]}
|
