From 7d7fbe920279c9d7a42268a284427d2c42d8f0f2 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期二, 10 十月 2023 14:45:01 +0800
Subject: [PATCH] 弹出搜索框 公共组件修改
---
src/components/layout/components/appHeader/index.vue | 46 +++++++++++++++++++++++++++++++++++++++-------
1 files changed, 39 insertions(+), 7 deletions(-)
diff --git a/src/components/layout/components/appHeader/index.vue b/src/components/layout/components/appHeader/index.vue
index bafd8cc..5427586 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,14 +36,26 @@
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.sales-lead {
- height: 55px;
- line-height: 55px;
- background-color: #fff;
- margin-bottom: 10px;
+ display: flex;
+ height: 50px;
+ box-sizing: border-box;
+ line-height: 50px;
+ background-color: $color-bg;
+ border: 1px solid #ccc;
.header-title {
- margin-left: 16px;
- font-size: 16px;
- color: #475059;
+ padding-left: 16px;
+ font-size: 18px;
+ font-weight: bold;
+ color: #171718;
+ }
+ .header-user-info {
+ margin-left: auto;
+ margin-right: 20px;
+ display: flex;
+ .avatar {
+ margin-top: 4px;
+ margin-right: 10px;
+ }
}
}
</style>
--
Gitblit v1.8.0