| <template> | ||
| <div class="flex justify-between bg-white h-12 items-center px-4"> | ||
| <div class=""><span :class="`el-icon-menu mr-2 text-gray-500`"></span>{{ currentNav.title || currentNav.name }}</div> | ||
| <el-popover placement="top-start" width="100" trigger="hover" popper-class="header-poper"> | ||
| <div class=""> | ||
| <span :class="`el-icon-menu mr-2 text-gray-500`"></span | ||
| >{{ currentNav.title || currentNav.name }} | ||
| </div> | ||
| <el-popover | ||
| placement="top-start" | ||
| width="100" | ||
| trigger="hover" | ||
| popper-class="header-poper" | ||
| > | ||
| <div> | ||
| <div class="cursor-pointer hover:text-blue-500" @click="changePwd">修改密码</div> | ||
| <div class="cursor-pointer hover:text-blue-500" @click="logout">退出</div> | ||
| </div> | ||
| <div slot="reference" class="text-sm text-gray-600 cursor-pointer flex items-center"> | ||
| <el-avatar class="mr-2" size="small" src="/static/images/logo.png" style="background: transparent;"> </el-avatar> | ||
| <div | ||
| slot="reference" | ||
| class="text-sm text-gray-600 cursor-pointer flex items-center" | ||
| > | ||
| <el-avatar | ||
| class="mr-2" | ||
| size="small" | ||
| src="/static/images/logo.png" | ||
| style="background: transparent" | ||
| > | ||
| </el-avatar> | ||
| {{ userInfo.nickname }} <span class="el-icon-caret-bottom text-gray-400"></span> | ||
@@ -17,29 +35,34 @@ </div> | ||
| export default { | ||
| name: 'iHeader', | ||
| name: "iHeader", | ||
| data() { | ||
| return { | ||
| userInfo: {}, | ||
| currentNav: {} | ||
| } | ||
| currentNav: {}, | ||
| form: {}, | ||
| }; | ||
| }, | ||
| mounted() { | ||
| this.userInfo = JSON.parse(this.getStorage('U')) | ||
| this.mitt.on('setHeaderNav', this.setHeaderNav) | ||
| this.userInfo = JSON.parse(this.getStorage("U")); | ||
| this.mitt.on("setHeaderNav", this.setHeaderNav); | ||
| }, | ||
| destoryed() { | ||
| this.mitt.off('setHeaderNav', this.setHeaderNav) | ||
| this.mitt.off("setHeaderNav", this.setHeaderNav); | ||
| }, | ||
| methods: { | ||
| setHeaderNav(nav) { | ||
| this.currentNav = nav | ||
| this.currentNav = nav; | ||
| }, | ||
| logout() { | ||
| localStorage.clear() | ||
| this.$router.push('/login') | ||
| } | ||
| localStorage.clear(); | ||
| this.$router.push("/login"); | ||
| }, | ||
| changePwd() { | ||
| getAllCategoryTree().then((res) => { | ||
| this.form = res.data; | ||
| }); | ||
| }, | ||
| }, | ||
| components: { | ||
| }, | ||
| } | ||
| components: {}, | ||
| }; | ||
| </script> | ||
| <style lang="less" scoped></style> | ||
| <style lang="less" scoped></style> |
@@ -1,9 +0,1 @@ | ||
| <!-- | ||
| * @Description: | ||
| * @Author: XD | ||
| * @Date: 2022-05-09 11:44:07 | ||
| * @LastEditTime: 2022-05-09 13:39:01 | ||
| * @LastEditors: XD | ||
| --> | ||
| <!-- --> | ||
| <template> | ||
@@ -10,0 +2,0 @@ <el-select |
+1
-1
| { | ||
| "name": "forbase", | ||
| "version": "1.0.37", | ||
| "version": "1.0.38", | ||
| "description": "", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
28781
0.8%