{"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//\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: '' // 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA;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,CAIA;;AAJA;AAMA,GAzBA;AA0BAC;AACA;AACA;AACA;AACA;AAJA,GA1BA;AAiCAC,SAjCA,qBAiCA;AACA;AACA;AACA;AApCA","names":["name","props","collapseIcon","collapseTitle","user","methods","logout","localStorage","back","data","routePath","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=\"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<!--         <router-link to=\"/person\">个人信息</router-link>-->\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\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: 30px;\r\n  border-radius: 50%;\r\n  position: relative;\r\n  top: 10px;\r\n  right: 5px;\r\n}\r\n</style>"]},"metadata":{},"sourceType":"module"}