{"remainingRequest":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\src\\components\\index\\IndexHeader.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\src\\components\\index\\IndexHeader.vue","mtime":1649818275993},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1720078528573},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":1720078529261},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1720078528573},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1720078529317}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCglleHBvcnQgZGVmYXVsdCB7CgkJZGF0YSgpIHsKCQkJcmV0dXJuIHsKCQkJCWRpYWxvZ1Zpc2libGU6IGZhbHNlLAoJCQkJcnVsZUZvcm06IHt9LAoJCQkJdXNlcjoge30sCgkJCQloZWFkczogeyJoZWFkTG9nb3V0Rm9udEhvdmVyQ29sb3IiOiIjZmZmIiwiaGVhZEZvbnRTaXplIjoiMjBweCIsImhlYWRVc2VySW5mb0ZvbnRDb2xvciI6InJnYmEoMjU1LCAyNTUsIDI1NSwgMSkiLCJoZWFkQm94U2hhZG93IjoiMCAxcHggNnB4ICM0NDQiLCJoZWFkVGl0bGVJbWdIZWlnaHQiOiI0NHB4IiwiaGVhZExvZ291dEZvbnRIb3ZlckJnQ29sb3IiOiJyZ2JhKDM2LCAzOCwgNDIsIDEpIiwiaGVhZEZvbnRDb2xvciI6InJnYmEoMjU1LCAyNTUsIDI1NSwgMSkiLCJoZWFkVGl0bGVJbWciOmZhbHNlLCJoZWFkSGVpZ2h0IjoiNDBweCIsImhlYWRUaXRsZUltZ0JvcmRlclJhZGl1cyI6IjIycHgiLCJoZWFkVGl0bGVJbWdVcmwiOiJodHRwOi8vY29kZWdlbi5jYWlob25neS5jbi8yMDIwMTAyMS9jYzdkNDVkOWM4MTY0YjU4YjE4MzUxNzY0ZWJhOWJlMS5qcGciLCJoZWFkQmdDb2xvciI6IiM3NTcxRjkiLCJoZWFkVGl0bGVJbWdCb3hTaGFkb3ciOiIwIDFweCA2cHggIzQ0NCIsImhlYWRMb2dvdXRGb250Q29sb3IiOiJyZ2JhKDI1NSwgMjU1LCAyNTUsIDEpIiwiaGVhZFVzZXJJbmZvRm9udFNpemUiOiIxNnB4IiwiaGVhZFRpdGxlSW1nV2lkdGgiOiI0NHB4IiwiaGVhZFRpdGxlU3R5bGUiOiIxIiwiaGVhZExvZ291dEZvbnRTaXplIjoiMTZweCJ9LAoJCQl9OwoJCX0sCgkJY3JlYXRlZCgpIHsKCQkJdGhpcy5zZXRIZWFkZXJTdHlsZSgpCgkJfSwKCQltb3VudGVkKCkgewoJCQlsZXQgc2Vzc2lvblRhYmxlID0gdGhpcy4kc3RvcmFnZS5nZXQoInNlc3Npb25UYWJsZSIpCgkJCXRoaXMuJGh0dHAoewoJCQkJdXJsOiBzZXNzaW9uVGFibGUgKyAnL3Nlc3Npb24nLAoJCQkJbWV0aG9kOiAiZ2V0IgoJCQl9KS50aGVuKCh7CgkJCQlkYXRhCgkJCX0pID0+IHsKCQkJCWlmIChkYXRhICYmIGRhdGEuY29kZSA9PT0gMCkgewoJCQkJCXRoaXMudXNlciA9IGRhdGEuZGF0YTsKCQkJCX0gZWxzZSB7CgkJCQkJbGV0IG1lc3NhZ2UgPSB0aGlzLiRtZXNzYWdlCgkJCQkJbWVzc2FnZS5lcnJvcihkYXRhLm1zZyk7CgkJCQl9CgkJCX0pOwoJCX0sCgkJbWV0aG9kczogewoJCQlvbkxvZ291dCgpIHsKCQkJCWxldCBzdG9yYWdlID0gdGhpcy4kc3RvcmFnZQoJCQkJbGV0IHJvdXRlciA9IHRoaXMuJHJvdXRlcgoJCQkJc3RvcmFnZS5jbGVhcigpCgkJCQlyb3V0ZXIucmVwbGFjZSh7CgkJCQkJbmFtZTogImxvZ2luIgoJCQkJfSk7CgkJCX0sCiAgICAgIAkJCW9uSW5kZXhUYXAoKXsKICAgICAgCQkJCXdpbmRvdy5sb2NhdGlvbi5ocmVmID0gYCR7dGhpcy4kYmFzZS5pbmRleFVybH1gCiAgICAJCQl9LAoJCQlzZXRIZWFkZXJTdHlsZSgpIHsKCQkJICB0aGlzLiRuZXh0VGljaygoKT0+ewoJCQkgICAgZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgnLm5hdmJhciAucmlnaHQtbWVudSAubG9nb3V0JykuZm9yRWFjaChlbD0+ewoJCQkgICAgICBlbC5hZGRFdmVudExpc3RlbmVyKCJtb3VzZWVudGVyIiwgZSA9PiB7CgkJCSAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKQoJCQkgICAgICAgIGVsLnN0eWxlLmJhY2tncm91bmRDb2xvciA9IHRoaXMuaGVhZHMuaGVhZExvZ291dEZvbnRIb3ZlckJnQ29sb3IKCQkJCQllbC5zdHlsZS5jb2xvciA9IHRoaXMuaGVhZHMuaGVhZExvZ291dEZvbnRIb3ZlckNvbG9yCgkJCSAgICAgIH0pCgkJCSAgICAgIGVsLmFkZEV2ZW50TGlzdGVuZXIoIm1vdXNlbGVhdmUiLCBlID0+IHsKCQkJICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpCgkJCSAgICAgICAgZWwuc3R5bGUuYmFja2dyb3VuZENvbG9yID0gInRyYW5zcGFyZW50IgoJCQkJCWVsLnN0eWxlLmNvbG9yID0gdGhpcy5oZWFkcy5oZWFkTG9nb3V0Rm9udENvbG9yCgkJCSAgICAgIH0pCgkJCSAgICB9KQoJCQkgIH0pCgkJCX0sCgkJfQoJfTsK"},{"version":3,"sources":["IndexHeader.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;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","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"]}]}