mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-11-13 06:03:50 +08:00
109 lines
2.5 KiB
Vue
109 lines
2.5 KiB
Vue
<!--
|
||
* 头部一整行
|
||
*
|
||
* @Author: 1024创新实验室-主任：卓大
|
||
* @Date: 2022-09-06 20:18:20
|
||
* @Wechat: zhuda1024
|
||
* @Email: lab1024@163.com
|
||
* @Copyright 1024创新实验室 （ https://1024lab.net ），Since 2012
|
||
-->
|
||
<template>
|
||
<a-space :size="10">
|
||
<div class="setting">
|
||
<a-input-search
|
||
@click="search"
|
||
style="margin-right: 30px; width: 250px"
|
||
placeholder="1024创新实验室、小镇程序员"
|
||
enter-button="搜索"
|
||
size="small"
|
||
/>
|
||
<!---消息通知--->
|
||
<HeaderMessage ref="headerMessage" />
|
||
<!---国际化--->
|
||
<!-- <a-button type="text" @click="showSetting" class="operate-icon">
|
||
<template #icon><switcher-outlined /></template>
|
||
i18n
|
||
</a-button> -->
|
||
<!---设置--->
|
||
<a-button type="text" @click="showSetting" class="operate-icon">
|
||
<template #icon><setting-outlined /></template>
|
||
</a-button>
|
||
</div>
|
||
<!---头像信息--->
|
||
<div class="user-space-item">
|
||
<HeaderAvatar />
|
||
</div>
|
||
<!---帮助文档--->
|
||
<div class="user-space-item" @click="showHelpDoc">
|
||
<question-circle-two-tone style="font-size: 18px; margin-right: 5px; margin-top: 5px" />
|
||
<span>帮助文档</span>
|
||
</div>
|
||
|
||
<HeaderSetting ref="headerSetting" />
|
||
</a-space>
|
||
</template>
|
||
|
||
<script setup>
|
||
import HeaderAvatar from './header-avatar.vue';
|
||
import HeaderSetting from './header-setting.vue';
|
||
import HeaderMessage from './header-message.vue';
|
||
import { useAppConfigStore } from '/@/store/modules/system/app-config';
|
||
import { ref } from 'vue';
|
||
|
||
// 设置
|
||
const headerSetting = ref();
|
||
function showSetting() {
|
||
headerSetting.value.show();
|
||
}
|
||
|
||
//消息通知
|
||
const headerMessage = ref();
|
||
function showMessage() {
|
||
headerMessage.value.showMessage();
|
||
}
|
||
|
||
//帮助文档
|
||
function showHelpDoc() {
|
||
useAppConfigStore().showHelpDoc();
|
||
}
|
||
|
||
//搜索
|
||
function search(){
|
||
window.open("https://1024lab.net");
|
||
}
|
||
</script>
|
||
|
||
<style lang="less" scoped>
|
||
.user-space-item {
|
||
height: 100%;
|
||
color: inherit;
|
||
padding: 0 12px;
|
||
cursor: pointer;
|
||
align-self: center;
|
||
|
||
a {
|
||
color: inherit;
|
||
|
||
i {
|
||
font-size: 16px;
|
||
}
|
||
}
|
||
}
|
||
|
||
.user-space-item:hover {
|
||
color: @primary-color;
|
||
background: @hover-bg-color;
|
||
}
|
||
|
||
.setting {
|
||
height: @header-user-height;
|
||
line-height: @header-user-height;
|
||
vertical-align: middle;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.operate-icon {
|
||
margin-left: 20px;
|
||
}
|
||
</style>
|