1 line
4.5 KiB
JSON
1 line
4.5 KiB
JSON
{"ast":null,"code":"//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport request from \"@/utils/request\";\nexport default {\n name: \"Header\",\n props: {\n collapseIcon: String,\n collapseTitle: String,\n user: Object\n },\n methods: {\n logout: function logout() {\n localStorage.removeItem(\"user\");\n this.$router.push('/login');\n this.$message.success(\"退出成功\");\n },\n back: function back() {\n this.$router.go(-1);\n }\n },\n data: function data() {\n return {\n routePath: '',\n baseApi: this.$store.state.baseApi // user: localStorage.getItem(\"user\") ? JSON.parse(localStorage.getItem(\"user\")) : {nickname:'登录已失效'}\n\n };\n },\n watch: {\n //面包屑\n '$route': function $route() {\n this.routePath = this.$route.meta.path;\n }\n },\n created: function created() {\n // this.user = localStorage.getItem(\"user\") ? JSON.parse(localStorage.getItem(\"user\")) : {nickname:'登录已失效'};\n this.routePath = this.$route.meta.path;\n }\n};","map":{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA;AAEA;AACAA,gBADA;AAEAC;AACAC,wBADA;AAEAC,yBAFA;AAGAC;AAHA,GAFA;AAOAC;AACAC,UADA,oBACA;AACAC;AACA;AACA;AACA,KALA;AAMAC,QANA,kBAMA;AACA;AACA;AARA,GAPA;AAkBAC,MAlBA,kBAkBA;AACA;AACAC,mBADA;AAEAC,wCAFA,CAKA;;AALA;AAOA,GA1BA;AA2BAC;AACA;AACA;AACA;AACA;AAJA,GA3BA;AAkCAC,SAlCA,qBAkCA;AACA;AACA;AACA;AArCA","names":["name","props","collapseIcon","collapseTitle","user","methods","logout","localStorage","back","data","routePath","baseApi","watch","created"],"sourceRoot":"src/components","sources":["Header.vue"],"sourcesContent":["<template>\r\n <div style=\"display: flex\">\r\n <div style=\"flex: 1;\">\r\n <!-- 收缩按钮-->\r\n <span style=\"font-size: 20px;cursor: pointer\" :class=\"collapseIcon\" v-on:click=\"$emit('collapse')\" :title=\"collapseTitle\"></span>\r\n <!-- 收缩按钮-->\r\n <span style=\"font-size: 20px;cursor: pointer;margin-left: 10px\" class='el-icon-back' v-on:click=\"back\" title=\"返回\"></span>\r\n<!-- 页签-->\r\n <el-breadcrumb style=\"display: inline-block; margin-left: 30px;font-size: 17px\">\r\n <el-breadcrumb-item :to=\"{ path: '/manage/home' }\">首页</el-breadcrumb-item>\r\n <el-breadcrumb-item>{{routePath}}</el-breadcrumb-item>\r\n </el-breadcrumb>\r\n </div>\r\n <!-- 设置按钮-->\r\n <el-dropdown style=\"margin-right: 40px;cursor: pointer\">\r\n <span class=\"el-dropdown-link\">\r\n <div style=\"display: inline-block\">\r\n <img :src=\"baseApi + user.avatarUrl\" class=\"avatar\">\r\n {{user.nickname }}\r\n <i class=\"el-icon-arrow-down el-icon--right\" style=\"margin-right: 15px\"></i>\r\n </div>\r\n </span>\r\n <el-dropdown-menu slot=\"dropdown\" style=\"text-align: center\">\r\n <el-dropdown-item>\r\n <div @click=\"$router.push('/manage/person')\">个人信息</div>\r\n </el-dropdown-item>\r\n <el-dropdown-item>\r\n <div @click=\"logout\">退出</div>\r\n </el-dropdown-item>\r\n\r\n\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n </div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport request from \"@/utils/request\";\r\n\r\nexport default {\r\n name: \"Header\",\r\n props: {\r\n collapseIcon: String,\r\n collapseTitle: String,\r\n user: Object\r\n },\r\n methods:{\r\n logout() {\r\n localStorage.removeItem(\"user\");\r\n this.$router.push('/login');\r\n this.$message.success(\"退出成功\");\r\n },\r\n back(){\r\n this.$router.go(-1)\r\n }\r\n\r\n },\r\n data(){\r\n return{\r\n routePath: '',\r\n baseApi: this.$store.state.baseApi,\r\n\r\n\r\n // user: localStorage.getItem(\"user\") ? JSON.parse(localStorage.getItem(\"user\")) : {nickname:'登录已失效'}\r\n }\r\n },\r\n watch: {\r\n //面包屑\r\n '$route': function (){\r\n this.routePath=this.$route.meta.path\r\n },\r\n\r\n },\r\n created() {\r\n // this.user = localStorage.getItem(\"user\") ? JSON.parse(localStorage.getItem(\"user\")) : {nickname:'登录已失效'};\r\n this.routePath=this.$route.meta.path;\r\n }\r\n}\r\n\r\n</script>\r\n\r\n<style scoped>\r\n.avatar{\r\n width: 50px;\r\n border-radius: 10px;\r\n position: relative;\r\n top: 10px;\r\n right: 5px;\r\n}\r\n</style>"]},"metadata":{},"sourceType":"module"} |