{"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"]}]}