From 8a91a4a64fcd38ebada47a11cee03ce29a005663 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期一, 16 十月 2023 19:02:21 +0800 Subject: [PATCH] bug修复(5155) --- 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..07c8b04 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