From 8e7cd003414ea4ca8f42fb3171de18f8839ece17 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期一, 10 七月 2023 18:04:27 +0800
Subject: [PATCH] 登录页面和查询分类设置
---
src/components/layout/components/appHeader/index.vue | 30 ++++++++++++++++++++++++++++++
1 files changed, 30 insertions(+), 0 deletions(-)
diff --git a/src/components/layout/components/appHeader/index.vue b/src/components/layout/components/appHeader/index.vue
index bafd8cc..88f2037 100644
--- a/src/components/layout/components/appHeader/index.vue
+++ b/src/components/layout/components/appHeader/index.vue
@@ -1,6 +1,15 @@
<template>
<div class="sales-lead">
<div class="header-title">{{ headerTitle }}</div>
+ <div class="header-user-info">
+ <div class="avatar"><el-avatar icon="el-icon-user-solid"></el-avatar></div>
+ <el-dropdown @command="handleCommand">
+ <div class="el-dropdown-link">鐢ㄦ埛鍚�<i class="el-icon-arrow-down el-icon--right"></i></div>
+ <el-dropdown-menu slot="dropdown">
+ <el-dropdown-item command="logout">閫�鍑�</el-dropdown-item>
+ </el-dropdown-menu>
+ </el-dropdown>
+ </div>
</div>
</template>
@@ -9,6 +18,17 @@
name: "SalesLead",
props: {
headerTitle: String
+ },
+ data() {
+ return {}
+ },
+ methods: {
+ handleCommand(command) {
+ console.log(command)
+ if (command === "logout") {
+ this.$router.push({ path: "/login" })
+ }
+ }
}
}
</script>
@@ -16,6 +36,7 @@
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.sales-lead {
+ display: flex;
height: 55px;
line-height: 55px;
background-color: #fff;
@@ -25,5 +46,14 @@
font-size: 16px;
color: #475059;
}
+ .header-user-info {
+ margin-left: auto;
+ margin-right: 20px;
+ display: flex;
+ .avatar {
+ margin-top: 8px;
+ margin-right: 10px;
+ }
+ }
}
</style>
--
Gitblit v1.8.0