{"remainingRequest":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\aa\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\mywork\\buycode\\code1\\springboot301400\\306\\aa\\admin\\src\\components\\index\\IndexHeader.vue?vue&type=style&index=0&id=71e3f342&lang=scss&scoped=true&","dependencies":[{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\aa\\admin\\src\\components\\index\\IndexHeader.vue","mtime":1649818275993},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\aa\\admin\\node_modules\\css-loader\\dist\\cjs.js","mtime":1720078528809},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\aa\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1720078529623},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\aa\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":1720078529188},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\aa\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1720078528567},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\aa\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1720078528573},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\aa\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1720078529317}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5uYXZiYXIgewoJaGVpZ2h0OiA2MHB4OwoJbGluZS1oZWlnaHQ6IDYwcHg7Cgl3aWR0aDogMTAwJTsKCXBhZGRpbmc6IDAgMzRweDsKCWJveC1zaXppbmc6IGJvcmRlci1ib3g7CgliYWNrZ3JvdW5kLWNvbG9yOiAjZmYwMGZmOwoJcG9zaXRpb246IHJlbGF0aXZlOwoJei1pbmRleDogMTExOwoJCgkucmlnaHQtbWVudSB7CgkJcG9zaXRpb246IGFic29sdXRlOwoJCXJpZ2h0OiAzNHB4OwoJCXRvcDogMDsKCQloZWlnaHQ6IDEwMCU7CgkJZGlzcGxheTogZmxleDsKCQlqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOwoJCWFsaWduLWl0ZW1zOiBjZW50ZXI7CgkJei1pbmRleDogMTExOwoJCQoJCS51c2VyLWluZm8gewoJCQlmb250LXNpemU6IDE2cHg7CgkJCWNvbG9yOiByZWQ7CgkJCXBhZGRpbmc6IDAgMTJweDsKCQl9CgkJCgkJLmxvZ291dCB7CgkJCWZvbnQtc2l6ZTogMTZweDsKCQkJY29sb3I6IHJlZDsKCQkJcGFkZGluZzogMCAxMnB4OwoJCQljdXJzb3I6IHBvaW50ZXI7CgkJfQoJCQoJfQoJCgkudGl0bGUtbWVudSB7CgkJZGlzcGxheTogZmxleDsKCQlqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7CgkJYWxpZ24taXRlbXM6IGNlbnRlcjsKCQl3aWR0aDogMTAwJTsKCQloZWlnaHQ6IDEwMCU7CgkJCgkJLnRpdGxlLWltZyB7CgkJCXdpZHRoOiA0NHB4OwoJCQloZWlnaHQ6IDQ0cHg7CgkJCWJvcmRlci1yYWRpdXM6IDIycHg7CgkJCWJveC1zaGFkb3c6IDAgMXB4IDZweCAjNDQ0OwoJCQltYXJnaW4tcmlnaHQ6IDE2cHg7CgkJfQoJCQoJCS50aXRsZS1uYW1lIHsKCQkJZm9udC1zaXplOiAyNHB4OwoJCQljb2xvcjogI2ZmZjsKCQkJZm9udC13ZWlnaHQ6IDcwMDsKCQl9Cgl9Cn0KLy8gLmVsLWhlYWRlciAuZnIgewovLyAJZmxvYXQ6IHJpZ2h0OwovLyB9CgovLyAuZWwtaGVhZGVyIC5mbCB7Ci8vIAlmbG9hdDogbGVmdDsKLy8gfQoKLy8gLmVsLWhlYWRlciB7Ci8vIAl3aWR0aDogMTAwJTsKLy8gCWNvbG9yOiAjMzMzOwovLyAJdGV4dC1hbGlnbjogY2VudGVyOwovLyAJbGluZS1oZWlnaHQ6IDYwcHg7Ci8vIAlwYWRkaW5nOiAwOwovLyAJei1pbmRleDogOTk7Ci8vIH0KCi8vIC5sb2dvIHsKLy8gCXdpZHRoOiA2MHB4OwovLyAJaGVpZ2h0OiA2MHB4OwovLyAJbWFyZ2luLWxlZnQ6IDcwcHg7Ci8vIH0KCi8vIC5hdmF0b3IgewovLyAJd2lkdGg6IDQwcHg7Ci8vIAloZWlnaHQ6IDQwcHg7Ci8vIAliYWNrZ3JvdW5kOiAjZmZmZmZmOwovLyAJYm9yZGVyLXJhZGl1czogNTAlOwovLyB9CgovLyAudGl0bGUgewovLyAJY29sb3I6ICNmZmZmZmY7Ci8vIAlmb250LXNpemU6IDIwcHg7Ci8vIAlmb250LXdlaWdodDogYm9sZDsKLy8gCW1hcmdpbi1sZWZ0OiAyMHB4OwovLyB9Cg=="},{"version":3,"sources":["IndexHeader.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"IndexHeader.vue","sourceRoot":"src/components/index","sourcesContent":["<template>\r\n\t<!-- <el-header>\r\n\t\t<el-menu background-color=\"#00c292\" text-color=\"#FFFFFF\" active-text-color=\"#FFFFFF\" mode=\"horizontal\">\r\n\t\t\t<div class=\"fl title\">{{this.$project.projectName}}</div>\r\n\t\t\t<div class=\"fr logout\" style=\"display:flex;\">\r\n\t\t\t\t<el-menu-item index=\"3\">\r\n\t\t\t\t\t<div>{{this.$storage.get('role')}} {{this.$storage.get('adminName')}}</div>\r\n\t\t\t\t</el-menu-item>\r\n\t\t\t\t<el-menu-item @click=\"onLogout\" index=\"2\">\r\n\t\t\t\t\t<div>退出登录</div>\r\n\t\t\t\t</el-menu-item>\r\n\t\t\t</div>\r\n\t\t</el-menu>\r\n\t</el-header> -->\r\n\t<div class=\"navbar\" :style=\"{backgroundColor:heads.headBgColor,height:heads.headHeight,boxShadow:heads.headBoxShadow,lineHeight:heads.headHeight}\">\r\n\t\t<div class=\"title-menu\" :style=\"{justifyContent:heads.headTitleStyle=='1'?'flex-start':'center'}\">\r\n\t\t\t<el-image v-if=\"heads.headTitleImg\" class=\"title-img\" :style=\"{width:heads.headTitleImgWidth,height:heads.headTitleImgHeight,boxShadow:heads.headTitleImgBoxShadow,borderRadius:heads.headTitleImgBorderRadius}\" :src=\"heads.headTitleImgUrl\" fit=\"cover\"></el-image>\r\n\t\t\t<div class=\"title-name\" :style=\"{color:heads.headFontColor,fontSize:heads.headFontSize}\">{{this.$project.projectName}}</div>\r\n            <!--             <img src=\"../../../../img/logo.jpg\" style=\"width: 60px;height: 60px;border-radius:60px\"> -->\r\n\t\t</div>\r\n\t\t<div class=\"right-menu\">\r\n\t\t\t<div class=\"user-info\" :style=\"{color:heads.headUserInfoFontColor,fontSize:heads.headUserInfoFontSize}\">{{this.$storage.get('role')}} {{this.$storage.get('adminName')}}</div>\r\n\t\t\t<div class=\"logout\" :style=\"{color:heads.headLogoutFontColor,fontSize:heads.headLogoutFontSize}\" @click=\"onIndexTap\">退出到前台</div>\r\n\t\t\t<div class=\"logout\" :style=\"{color:heads.headLogoutFontColor,fontSize:heads.headLogoutFontSize}\" @click=\"onLogout\">退出登录</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tdialogVisible: false,\r\n\t\t\t\truleForm: {},\r\n\t\t\t\tuser: {},\r\n\t\t\t\theads: {\"headLogoutFontHoverColor\":\"#fff\",\"headFontSize\":\"20px\",\"headUserInfoFontColor\":\"rgba(255, 255, 255, 1)\",\"headBoxShadow\":\"0 1px 6px #444\",\"headTitleImgHeight\":\"44px\",\"headLogoutFontHoverBgColor\":\"rgba(36, 38, 42, 1)\",\"headFontColor\":\"rgba(255, 255, 255, 1)\",\"headTitleImg\":false,\"headHeight\":\"40px\",\"headTitleImgBorderRadius\":\"22px\",\"headTitleImgUrl\":\"http://codegen.caihongy.cn/20201021/cc7d45d9c8164b58b18351764eba9be1.jpg\",\"headBgColor\":\"#7571F9\",\"headTitleImgBoxShadow\":\"0 1px 6px #444\",\"headLogoutFontColor\":\"rgba(255, 255, 255, 1)\",\"headUserInfoFontSize\":\"16px\",\"headTitleImgWidth\":\"44px\",\"headTitleStyle\":\"1\",\"headLogoutFontSize\":\"16px\"},\r\n\t\t\t};\r\n\t\t},\r\n\t\tcreated() {\r\n\t\t\tthis.setHeaderStyle()\r\n\t\t},\r\n\t\tmounted() {\r\n\t\t\tlet sessionTable = this.$storage.get(\"sessionTable\")\r\n\t\t\tthis.$http({\r\n\t\t\t\turl: sessionTable + '/session',\r\n\t\t\t\tmethod: \"get\"\r\n\t\t\t}).then(({\r\n\t\t\t\tdata\r\n\t\t\t}) => {\r\n\t\t\t\tif (data && data.code === 0) {\r\n\t\t\t\t\tthis.user = data.data;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tlet message = this.$message\r\n\t\t\t\t\tmessage.error(data.msg);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\tonLogout() {\r\n\t\t\t\tlet storage = this.$storage\r\n\t\t\t\tlet router = this.$router\r\n\t\t\t\tstorage.clear()\r\n\t\t\t\trouter.replace({\r\n\t\t\t\t\tname: \"login\"\r\n\t\t\t\t});\r\n\t\t\t},\r\n      \t\t\tonIndexTap(){\r\n      \t\t\t\twindow.location.href = `${this.$base.indexUrl}`\r\n    \t\t\t},\r\n\t\t\tsetHeaderStyle() {\r\n\t\t\t  this.$nextTick(()=>{\r\n\t\t\t    document.querySelectorAll('.navbar .right-menu .logout').forEach(el=>{\r\n\t\t\t      el.addEventListener(\"mouseenter\", e => {\r\n\t\t\t        e.stopPropagation()\r\n\t\t\t        el.style.backgroundColor = this.heads.headLogoutFontHoverBgColor\r\n\t\t\t\t\tel.style.color = this.heads.headLogoutFontHoverColor\r\n\t\t\t      })\r\n\t\t\t      el.addEventListener(\"mouseleave\", e => {\r\n\t\t\t        e.stopPropagation()\r\n\t\t\t        el.style.backgroundColor = \"transparent\"\r\n\t\t\t\t\tel.style.color = this.heads.headLogoutFontColor\r\n\t\t\t      })\r\n\t\t\t    })\r\n\t\t\t  })\r\n\t\t\t},\r\n\t\t}\r\n\t};\r\n</script>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\n\t.navbar {\r\n\t\theight: 60px;\r\n\t\tline-height: 60px;\r\n\t\twidth: 100%;\r\n\t\tpadding: 0 34px;\r\n\t\tbox-sizing: border-box;\r\n\t\tbackground-color: #ff00ff;\r\n\t\tposition: relative;\r\n\t\tz-index: 111;\r\n\t\t\r\n\t\t.right-menu {\r\n\t\t\tposition: absolute;\r\n\t\t\tright: 34px;\r\n\t\t\ttop: 0;\r\n\t\t\theight: 100%;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: flex-end;\r\n\t\t\talign-items: center;\r\n\t\t\tz-index: 111;\r\n\t\t\t\r\n\t\t\t.user-info {\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tcolor: red;\r\n\t\t\t\tpadding: 0 12px;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.logout {\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tcolor: red;\r\n\t\t\t\tpadding: 0 12px;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\t\t\r\n\t\t.title-menu {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: flex-start;\r\n\t\t\talign-items: center;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\t\r\n\t\t\t.title-img {\r\n\t\t\t\twidth: 44px;\r\n\t\t\t\theight: 44px;\r\n\t\t\t\tborder-radius: 22px;\r\n\t\t\t\tbox-shadow: 0 1px 6px #444;\r\n\t\t\t\tmargin-right: 16px;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.title-name {\r\n\t\t\t\tfont-size: 24px;\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tfont-weight: 700;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t// .el-header .fr {\r\n\t// \tfloat: right;\r\n\t// }\r\n\r\n\t// .el-header .fl {\r\n\t// \tfloat: left;\r\n\t// }\r\n\r\n\t// .el-header {\r\n\t// \twidth: 100%;\r\n\t// \tcolor: #333;\r\n\t// \ttext-align: center;\r\n\t// \tline-height: 60px;\r\n\t// \tpadding: 0;\r\n\t// \tz-index: 99;\r\n\t// }\r\n\r\n\t// .logo {\r\n\t// \twidth: 60px;\r\n\t// \theight: 60px;\r\n\t// \tmargin-left: 70px;\r\n\t// }\r\n\r\n\t// .avator {\r\n\t// \twidth: 40px;\r\n\t// \theight: 40px;\r\n\t// \tbackground: #ffffff;\r\n\t// \tborder-radius: 50%;\r\n\t// }\r\n\r\n\t// .title {\r\n\t// \tcolor: #ffffff;\r\n\t// \tfont-size: 20px;\r\n\t// \tfont-weight: bold;\r\n\t// \tmargin-left: 20px;\r\n\t// }\r\n</style>\r\n"]}]}