| | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="center-zone"> |
|---|
| | | <el-icon class="search-icon"><Search /></el-icon> |
|---|
| | | <el-icon class="search-icon" @click="openHeaderSearch"><Search /></el-icon> |
|---|
| | | <el-input |
|---|
| | | v-model="topSearchKeyword" |
|---|
| | | placeholder="搜索菜单 / 功能 / 数据" |
|---|
| | | clearable |
|---|
| | | @keyup.enter="openHeaderSearch" |
|---|
| | | /> |
|---|
| | | <header-search class="search-popup-trigger" /> |
|---|
| | | <header-search |
|---|
| | | ref="headerSearchRef" |
|---|
| | | :keyword="topSearchKeyword" |
|---|
| | | class="search-popup-trigger" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="right-menu"> |
|---|
| | |
|---|
| | | const settingsStore = useSettingsStore(); |
|---|
| | | |
|---|
| | | const topSearchKeyword = ref(""); |
|---|
| | | const headerSearchRef = ref(null); |
|---|
| | | const notificationVisible = ref(false); |
|---|
| | | const notificationCenterRef = ref(null); |
|---|
| | | const unreadCount = ref(0); |
|---|
| | | |
|---|
| | | function toggleSideBar() { |
|---|
| | | appStore.toggleSideBar(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function openHeaderSearch() { |
|---|
| | | headerSearchRef.value?.open(topSearchKeyword.value); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function handleCommand(command) { |
|---|
| | |
|---|
| | | |
|---|
| | | .search-icon { |
|---|
| | | color: #5b86c9; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .center-zone :deep(.el-input__wrapper) { |
|---|
