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