我的任务列表修改

src/layouts/modules/global-header/index.vue

@@ -8,6 +8,7 @@ import GlobalBreadcrumb from '../global-breadcrumb/index.vue';
 import GlobalSearch from '../global-search/index.vue';
 import ThemeButton from './components/theme-button.vue';
 import UserAvatar from './components/user-avatar.vue';
+import GlobalMessage from '../global-message/index.vue';
 
 defineOptions({
   name: 'GlobalHeader'
@@ -40,6 +41,7 @@ const { isFullscreen, toggle } = useFullscreen();
     <div class="h-full flex-y-center justify-end">
       <GlobalSearch v-if="themeStore.header.globalSearch.visible" />
       <FullScreen v-if="!appStore.isMobile" :full="isFullscreen" @click="toggle" />
+      <!-- <GlobalMessage /> -->
       <LangSwitch
         v-if="themeStore.header.multilingual.visible"
         :lang="appStore.locale"

src/layouts/modules/global-message/index.vue

@@ -0,0 +1,31 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+defineOptions({ name: 'GlobalMessage' });
+
+const value = ref('')
+</script>
+
+<template>
+  <NPopover trigger="hover">
+    <template #trigger>
+      <NButton quaternary><icon-bi:bell class="size-4.5" /></NButton>
+    </template>
+    <div class="w-300px">
+        <div class="flex items-center justify-between">
+            <span>消息</span>
+            <NButton text type="primary" size="small" class="text-xs">查看全部</NButton>
+        </div>
+        <div class="border-t border-b my-1.5 px-2 py-2 space-y-2">
+            <div class="max-h-200px overflow-y-auto">
+                <div>联锁绑定导入成功</div>
+                <div>联锁绑定导入成功</div>
+            </div>
+        </div>
+        <div class="flex justify-end">
+            <NButton text type="primary" size="small" class="text-xs">全部已读</NButton>
+        </div>
+    </div>
+  </NPopover>
+</template>
+
+<style lang="scss" scoped></style>