diff --git a/src/layout/LayoutColumns.vue b/src/layout/LayoutColumns.vue
index 8844a94..5435a09 100644
--- a/src/layout/LayoutColumns.vue
+++ b/src/layout/LayoutColumns.vue
@@ -5,21 +5,27 @@
       <OneLevelMenu :menus="oneLevelMenus" @menu-click="handleMenuItemClickByItem"></OneLevelMenu>
 
       <!-- 左侧二级菜单区域 -->
-      <div class="layout-columns__right-menu">
-        <div class="layout-columns__system-name gi_line_1">{{ appStore.getTitle() }}</div>
+      <div class="layout-columns__right-menu" :class="{ collapse: appStore.menuCollapse }">
+        <!-- 系统标题 -->
+        <div class="layout-columns__title">
+          <span v-show="!appStore.menuCollapse" class="system-name gi_line_1">{{ appStore.getTitle() }}</span>
+        </div>
         <Menu
           v-if="twoLevelMenus.length > 1 || oneLevelMenuActiveRoute?.meta?.alwaysShow === true"
-          class="layout-columns__menu" :menus="twoLevelMenus" :menu-style="{ width: '180px' }"
+          class="layout-columns__menu" :menus="twoLevelMenus" :menu-style="menuStyle"
         />
       </div>
     </div>
 
-    <!-- 右侧内容区域 -->
     <section class="layout-columns__content">
       <Header />
       <Tabs v-if="appStore.tab" />
       <Main />
+      <GiFooter v-if="appStore.copyrightDisplay" />
     </section>
+
+    <!-- 公告弹窗 -->
+    <NoticePopup ref="noticePopupRef" />
   </div>
 </template>
 
@@ -32,6 +38,8 @@ import Tabs from './components/Tabs/index.vue'
 import { useAppStore } from '@/stores'
 import { useLevelMenu } from '@/layout/hooks/useLevelMenu'
 import { useDevice } from '@/hooks'
+import NoticePopup from '@/views/user/message/components/NoticePopup.vue'
+import { getToken } from '@/utils/auth'
 
 defineOptions({ name: 'LayoutColumns' })
 
@@ -40,6 +48,29 @@ const { isDesktop } = useDevice()
 
 const { oneLevelMenus, twoLevelMenus, oneLevelMenuActiveRoute, getOneLevelMenus, handleMenuItemClickByItem } = useLevelMenu()
 getOneLevelMenus()
+// 菜单样式 - 根据折叠状态动态调整宽度
+const menuStyle = computed(() => {
+  return {
+    width: appStore.menuCollapse ? '48px' : '200px',
+  }
+})
+// 公告弹窗引用
+const noticePopupRef = ref<InstanceType<typeof NoticePopup>>()
+
+// 检查并显示未读公告
+const checkAndShowNotices = () => {
+  const token = getToken()
+
+  // 如果有token，检查未读公告
+  if (token) {
+    setTimeout(() => {
+      noticePopupRef.value?.open()
+    }, 1000) // 延迟1秒显示，让页面先加载完成
+  }
+}
+onMounted(() => {
+  checkAndShowNotices()
+})
 </script>
 
 <style lang="scss" scoped>
@@ -59,12 +90,16 @@ getOneLevelMenus()
   &__right-menu {
     display: flex;
     flex-direction: column;
-    width: 180px;
     overflow: hidden;
     background-color: var(--color-bg-1);
+    width: 200px;
+    transition: width 0.3s ease-in-out;
+    &.collapse {
+      width: 48px;
+    }
   }
 
-  &__system-name {
+  &__title {
     height: 56px;
     padding: 0 12px;
     color: var(--color-text-1);
@@ -78,17 +113,35 @@ getOneLevelMenus()
     border-bottom: 1px solid var(--color-border);
     cursor: pointer;
     user-select: none;
-    transition: padding .2s;
+    transition: all 0.3s ease-in-out;
 
-    &:hover {
-      color: $color-theme !important;
-      cursor: pointer;
+    .system-name {
+      padding-left: 6px;
+      white-space: nowrap;
+      transition: all 0.3s ease-in-out;
+      line-height: 1.5;
+      display: inline-flex;
+      align-items: center;
+      opacity: 1;
+      transform: translateX(0);
+
+      &:hover {
+        color: $color-theme !important;
+        cursor: pointer;
+      }
+
+      .layout-columns__right-menu.collapse & {
+        opacity: 0;
+        transform: translateX(-20px);
+      }
     }
   }
   &__menu {
     flex: 1;
     overflow: auto;
     border-right: 1px solid var(--color-border-2);
+    transition: all 0.3s ease-in-out;
+    width: 100%;
   }
 
   &__content {
diff --git a/src/layout/LayoutMix.vue b/src/layout/LayoutMix.vue
index 1cb273d..357f439 100644
--- a/src/layout/LayoutMix.vue
+++ b/src/layout/LayoutMix.vue
@@ -11,6 +11,7 @@
     >
       <Logo :collapsed="appStore.menuCollapse" />
       <Menu :menus="twoLevelMenus" :menu-style="{ width: '200px', flex: 1 }" />
+      <WwAds class="ads" />
     </section>
 
     <!-- 右侧内容区域 -->
@@ -32,7 +33,11 @@
       </header>
       <Tabs v-if="appStore.tab" />
       <Main />
+      <GiFooter v-if="appStore.copyrightDisplay" />
     </section>
+
+    <!-- 公告弹窗 -->
+    <NoticePopup ref="noticePopupRef" />
   </div>
 </template>
 
@@ -47,6 +52,10 @@ import Tabs from './components/Tabs/index.vue'
 import { useAppStore } from '@/stores'
 import { useLevelMenu } from '@/layout/hooks/useLevelMenu'
 import { useDevice } from '@/hooks'
+import { getToken } from '@/utils/auth'
+
+import WwAds from '@/layout/components/WwAds.vue'
+import NoticePopup from '@/views/user/message/components/NoticePopup.vue'
 
 /** 组件名称 */
 defineOptions({ name: 'LayoutMix' })
@@ -64,9 +73,27 @@ getOneLevelMenus()
 
 const activeMenu = computed(() => [oneLevelMenuActiveRoute.value?.path ?? ''])
 
+// 公告弹窗引用
+const noticePopupRef = ref<InstanceType<typeof NoticePopup>>()
+
+// 检查并显示未读公告
+const checkAndShowNotices = () => {
+  const token = getToken()
+
+  // 如果有token，检查未读公告
+  if (token) {
+    setTimeout(() => {
+      console.log(noticePopupRef.value)
+      noticePopupRef.value?.open()
+    }, 1000) // 延迟1秒显示，让页面先加载完成
+  }
+}
 const getMenuIcon = (item: RouteRecordRaw) => {
   return item.meta?.icon || item.children?.[0]?.meta?.icon
 }
+onMounted(() => {
+  checkAndShowNotices()
+})
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/layout/hooks/useLevelMenu.ts b/src/layout/hooks/useLevelMenu.ts
index 994fa6d..84a4d03 100644
--- a/src/layout/hooks/useLevelMenu.ts
+++ b/src/layout/hooks/useLevelMenu.ts
@@ -1,5 +1,5 @@
 import type { RouteRecordRaw } from 'vue-router'
-import { eachTree } from 'xe-utils'
+import { eachTree, searchTree } from 'xe-utils'
 import { useRouteListener } from '@/hooks'
 import { useRouteStore } from '@/stores'
 import { filterTree } from '@/utils'
@@ -29,11 +29,12 @@ export function useLevelMenu() {
   const oneLevelMenuActiveRoute = ref<RouteRecordRaw | null>(null)
 
   const getOneLevelMenuActiveRoute = (path: string) => {
-    return oneLevelMenus.value.find((i) => i.path === path) as RouteRecordRaw
+    const arr = searchTree(showMenuList, (i) => i.path === path)
+    return arr?.[0]
   }
 
   listenerRouteChange(({ to }) => {
-    oneLevelMenuActiveRoute.value = getOneLevelMenuActiveRoute(to.matched?.[0]?.path)
+    oneLevelMenuActiveRoute.value = getOneLevelMenuActiveRoute(to.path)
   })
 
   // 获取一级菜单
diff --git a/src/views/user/message/components/NoticePopup.vue b/src/views/user/message/components/NoticePopup.vue
index 7307ba1..e7b6907 100644
--- a/src/views/user/message/components/NoticePopup.vue
+++ b/src/views/user/message/components/NoticePopup.vue
@@ -126,7 +126,7 @@ const fetchNoticeDetail = async (index: number) => {
     console.error(`获取公告详情失败:`, error)
     // 创建一个错误状态的公告对象
     noticeCache.value.set(noticeId, {
-      id: noticeId,
+      id: noticeId || '',
       title: '获取公告失败',
       content: '获取公告内容失败，请稍后重试',
       createUserString: '',