| 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=script&lang=js&","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\\cache-loader\\dist\\cjs.js","mtime":1688725391035},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1688725407620},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgeyBtYXBHZXR0ZXJzIH0gZnJvbSAidnVleCI7DQppbXBvcnQgUmlnaHRQYW5lbCBmcm9tICJAL2NvbXBvbmVudHMvUmlnaHRQYW5lbCI7DQppbXBvcnQgeyBBcHBNYWluLCBOYXZiYXIsIFNldHRpbmdzLCBTaWRlYmFyLCBUYWdzVmlldyB9IGZyb20gIi4vY29tcG9uZW50cyI7DQppbXBvcnQgUmVzaXplTWl4aW4gZnJvbSAiLi9taXhpbi9SZXNpemVIYW5kbGVyIjsNCmltcG9ydCB7IG1hcFN0YXRlIH0gZnJvbSAidnVleCI7DQppbXBvcnQgdmFyaWFibGVzIGZyb20gIkAvYXNzZXRzL3N0eWxlcy92YXJpYWJsZXMuc2NzcyI7DQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogIkxheW91dCIsDQogIGNvbXBvbmVudHM6IHsNCiAgICBBcHBNYWluLA0KICAgIE5hdmJhciwNCiAgICBSaWdodFBhbmVsLA0KICAgIFNldHRpbmdzLA0KICAgIFNpZGViYXIsDQogICAgVGFnc1ZpZXcsDQogIH0sDQogIG1peGluczogW1Jlc2l6ZU1peGluXSwNCiAgY29tcHV0ZWQ6IHsNCiAgICAuLi5tYXBTdGF0ZSh7DQogICAgICB0aGVtZTogKHN0YXRlKSA9PiBzdGF0ZS5zZXR0aW5ncy50aGVtZSwNCiAgICAgIHNpZGVUaGVtZTogKHN0YXRlKSA9PiBzdGF0ZS5zZXR0aW5ncy5zaWRlVGhlbWUsIA0KICAgICAgc2lkZWJhcjogKHN0YXRlKSA9PiBzdGF0ZS5hcHAuc2lkZWJhciwNCiAgICAgIGRldmljZTogKHN0YXRlKSA9PiBzdGF0ZS5hcHAuZGV2aWNlLA0KICAgICAgbmVlZFRhZ3NWaWV3OiAoc3RhdGUpID0+IHN0YXRlLnNldHRpbmdzLnRhZ3NWaWV3LA0KICAgICAgZml4ZWRIZWFkZXI6IChzdGF0ZSkgPT4gc3RhdGUuc2V0dGluZ3MuZml4ZWRIZWFkZXIsDQogICAgICAuLi5tYXBHZXR0ZXJzKFsiYXZhdGFyIl0pLA0KICAgIH0pLA0KICAgIGNsYXNzT2JqKCkgew0KICAgICAgcmV0dXJuIHsNCiAgICAgICAgLy8gaGlkZVNpZGViYXI6ICF0aGlzLnNpZGViYXIub3BlbmVkLA0KICAgICAgICBvcGVuU2lkZWJhcjogdGhpcy5zaWRlYmFyLm9wZW5lZCwNCiAgICAgICAgd2l0aG91dEFuaW1hdGlvbjogdGhpcy5zaWRlYmFyLndpdGhvdXRBbmltYXRpb24sDQogICAgICAgIG1vYmlsZTogdGhpcy5kZXZpY2UgPT09ICJtb2JpbGUiLA0KICAgICAgfTsNCiAgICB9LA0KICAgIHZhcmlhYmxlcygpIHsNCiAgICAgIHJldHVybiB2YXJpYWJsZXM7DQogICAgfSwNCiAgICBzZXR0aW5nOiB7DQogICAgICBnZXQoKSB7DQogICAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS5zZXR0aW5ncy5zaG93U2V0dGluZ3M7DQogICAgICB9LA0KICAgICAgc2V0KHZhbCkgew0KICAgICAgICB0aGlzLiRzdG9yZS5kaXNwYXRjaCgic2V0dGluZ3MvY2hhbmdlU2V0dGluZyIsIHsNCiAgICAgICAgICBrZXk6ICJzaG93U2V0dGluZ3MiLA0KICAgICAgICAgIHZhbHVlOiB2YWwsDQogICAgICAgIH0pOw0KICAgICAgfSwNCiAgICB9LA0KICB9LA0KICBtZXRob2RzOiB7DQogICAgYXN5bmMgbG9nb3V0KCkgew0KICAgICAgdGhpcy4kY29uZmlybSgi56Gu5a6a5rOo6ZSA5bm26YCA5Ye657O757uf5ZCX77yfIiwgIuaPkOekuiIsIHsNCiAgICAgICAgY29uZmlybUJ1dHRvblRleHQ6ICLnoa7lrpoiLA0KICAgICAgICBjYW5jZWxCdXR0b25UZXh0OiAi5Y+W5raIIiwNCiAgICAgICAgdHlwZTogIndhcm5pbmciLA0KICAgICAgfSkNCiAgICAgICAgLnRoZW4oKCkgPT4gew0KICAgICAgICAgIHRoaXMuJHN0b3JlLmRpc3BhdGNoKCJMb2dPdXQiKS50aGVuKCgpID0+IHsNCiAgICAgICAgICAgIGxvY2F0aW9uLmhyZWYgPSAiL2luZGV4IjsNCiAgICAgICAgICB9KTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKCgpID0+IHt9KTsNCiAgICB9LA0KICAgIGhhbmRsZUNsaWNrT3V0c2lkZSgpIHsNCiAgICAgIHRoaXMuJHN0b3JlLmRpc3BhdGNoKCJhcHAvY2xvc2VTaWRlQmFyIiwgeyB3aXRob3V0QW5pbWF0aW9uOiBmYWxzZSB9KTsNCiAgICB9LA0KICB9LA0KICBtb3VudGVkKCkgew0KICAgIHZhciB1c2VyID0gc2Vzc2lvblN0b3JhZ2UuZ2V0SXRlbSgnc2Vzc2lvbk9iaicpDQogICAgdmFyIHVzZXIgPSBKU09OLnBhcnNlKHVzZXIpOw0KICAgIHRoaXMudXNlck5hbWUgPSBKU09OLnBhcnNlKHVzZXIuZGF0YSkudXNlcm5hbWUNCiAgfSwNCg0KDQp9Ow0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA;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;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;;;AAGA","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"]}]}
|
