diff --git a/src/pages.json b/src/pages.json
index 4c195ca..e14ba3b 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -528,6 +528,13 @@
 					"style": {
 						"navigationBarTitleText": "预约详情"
 					}
+				},
+				{
+					"path": "todo/index",
+					"style": {
+						"enablePullDownRefresh": true,
+						"navigationBarTitleText": "工作待办"
+					}
 				}
 			]
 		}
diff --git a/src/pages/integrated/index.vue b/src/pages/integrated/index.vue
index 5f5ecab..d70b890 100644
--- a/src/pages/integrated/index.vue
+++ b/src/pages/integrated/index.vue
@@ -1,14 +1,19 @@
 <template>
-  <div class="service-container">
-    <div class="service-grid">
-      <div
-        v-for="item in services"
-        :key="item.name"
-        class="service-item"
-        @click="goPage(item)"
-      >
-        <image :src="item.icon" class="service-icon" />
-        <div class="service-label">{{ item.label }}</div>
+  <div class="integrated-title-card">
+    <div class="integrated-title">综合服务</div>
+  </div>
+  <div class="service-container-card">
+    <div class="service-container">
+      <div class="service-grid">
+        <div
+          v-for="item in services"
+          :key="item.name"
+          class="service-item"
+          @click="goPage(item)"
+        >
+          <image :src="item.icon" class="service-icon" />
+          <div class="service-label">{{ item.label }}</div>
+        </div>
       </div>
     </div>
   </div>
@@ -16,40 +21,46 @@
 
 <script setup lang="ts">
 const services = [
+  {
+    name: 'todo',
+    label: '工作待办',
+    icon: '/src/static/icon/todo.png',
+    url: '/pages/integrated/todo/index'
+  },
   {
     name: 'meeting-booking',
     label: '会议预定',
-    icon: '/static/service/meeting-booking.png',
+    icon: '/src/static/icon/meeting-booking.png',
     url: '/pages/integrated/meeting/index'
   },
   {
     name: 'lost-and-found',
     label: '失物招领',
-    icon: '/static/service/lost-and-found.png',
+    icon: '/src/static/icon/lost-and-found.png',
     url: '/pages/integrated/lostAndFound/index'
   },
   {
     name: 'feedback',
     label: '意见反馈',
-    icon: '/static/service/feedback.png',
+    icon: '/src/static/icon/feedback.png',
     url: '/pages/integrated/feedback/index'
   },
   {
     name: 'repair-report',
     label: '维修上报',
-    icon: '/static/service/repair-report.png',
+    icon: '/src/static/icon/repair-report.png',
     url: '/pages/integrated/repair/index'
   },
   {
     name: 'notice',
     label: '通知公告',
-    icon: '/static/service/notice.png',
+    icon: '/src/static/icon/notice.png',
     url: '/pages/integrated/notice/index'
   },
   {
     name: 'visitor',
     label: '访客管理',
-    icon: '/static/service/visitor.png',
+    icon: '/src/static/icon/visitor.png',
     url: '/pages/integrated/visitor/index'
   }
 ]
@@ -62,9 +73,31 @@ function goPage(item) {
 </script>
 
 <style scoped lang="less">
-.service-container {
-  padding: 24rpx 0;
+.integrated-title-card {
   background: #fff;
+  border-radius: 20rpx;
+  box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.06);
+  margin: 32rpx 24rpx 0 24rpx;
+  padding: 0 0 8rpx 0;
+}
+.integrated-title {
+  font-size: 38rpx;
+  font-weight: bold;
+  color: #222;
+  text-align: center;
+  padding: 36rpx 0 24rpx 0;
+  letter-spacing: 2rpx;
+}
+.service-container-card {
+  background: #fff;
+  border-radius: 24rpx;
+  box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.06);
+  margin: 24rpx;
+  padding-bottom: 32rpx;
+}
+.service-container {
+  padding: 32rpx 0 0 0;
+  background: transparent;
   border-radius: 16rpx;
 }
 .service-grid {
@@ -75,19 +108,32 @@ function goPage(item) {
 }
 .service-item {
   width: 25%;
-  margin-bottom: 32rpx;
+  margin-bottom: 40rpx;
   display: flex;
   flex-direction: column;
   align-items: center;
+  transition: transform 0.2s;
+}
+.service-item:hover {
+  transform: translateY(-6rpx) scale(1.06);
+  box-shadow: 0 2rpx 12rpx rgba(25,118,210,0.08);
 }
 .service-icon {
-  width: 88rpx;
-  height: 88rpx;
-  margin-bottom: 12rpx;
+  width: 92rpx;
+  height: 92rpx;
+  margin-bottom: 14rpx;
+  border-radius: 16rpx;
+  background: #f5f7fa;
+  box-shadow: 0 2rpx 8rpx rgba(25,118,210,0.04);
+  transition: box-shadow 0.2s;
 }
 .service-label {
-  font-size: 26rpx;
+  font-size: 28rpx;
   color: #333;
   text-align: center;
+  letter-spacing: 1rpx;
+}
+body {
+  background: #f5f6fa;
 }
 </style> 
\ No newline at end of file
diff --git a/src/pages/integrated/meeting/index.vue b/src/pages/integrated/meeting/index.vue
index cbba6da..a64fbbd 100644
--- a/src/pages/integrated/meeting/index.vue
+++ b/src/pages/integrated/meeting/index.vue
@@ -3,7 +3,7 @@
     <!-- 顶部自定义导航栏 -->
     <view class="custom-nav">
       <view class="nav-back" @tap="goBack">
-        <text class="back-arrow">←</text>
+        <text class="iconfont icon-fanhui"></text> 返回
       </view>
       <view class="nav-title">预定会议室</view>
     </view>
@@ -90,6 +90,7 @@ function goDetail(room) {
 </script>
 
 <style lang="less" scoped>
+@import url('//at.alicdn.com/t/font_1234567_lingdang.css'); /* 替换为你的iconfont地址 */
 .container {
   min-height: 100vh;
   background: #f5f6fa;
@@ -108,16 +109,20 @@ function goDetail(room) {
   z-index: 100;
 }
 .nav-back {
-  width: 60rpx;
+  padding-left: 24rpx;
+  padding-top: 12rpx;
+  width: auto;
   height: 60rpx;
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-start;
+  font-size: 30rpx;
+  color: #1976d2;
+  cursor: pointer;
 }
-.back-arrow {
-  color: #333;
-  font-size: 40rpx;
-  font-weight: bold;
+.nav-back .iconfont {
+  font-size: 36rpx;
+  margin-right: 8rpx;
 }
 .nav-title {
   flex: 1;
diff --git a/src/pages/integrated/notice/detail.vue b/src/pages/integrated/notice/detail.vue
index 08c7e05..69b2c10 100644
--- a/src/pages/integrated/notice/detail.vue
+++ b/src/pages/integrated/notice/detail.vue
@@ -1,15 +1,19 @@
 <template>
   <view class="notice-detail">
     <view class="detail-header">
-      <view class="title">{{ detail.title }}</view>
+      <view class="title">
+        <text v-if="detail.isTop === '1'" class="top-tag">置顶</text>
+        {{ detail.title }}
+      </view>
       <view class="meta">
         <text class="type-tag" :class="getTypeClass(detail.type)">{{ getTypeLabel(detail.type) }}</text>
         <text class="time">{{ formatTime(detail.createTime) }}</text>
+        <text class="view-count">浏览 {{ detail.viewCount }}</text>
       </view>
     </view>
     
     <view class="detail-content">
-      <view class="content-text">{{ detail.content }}</view>
+      <rich-text :nodes="detail.description || ''"></rich-text>
     </view>
     
     <view v-if="detail.attachments && detail.attachments.length > 0" class="attachments">
@@ -30,7 +34,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
-import meetingRoomApi from '@/sheep/api/meetingRoom'
+import { noticeApi } from '@/sheep/api'
 
 const detail = ref<any>({})
 
@@ -94,7 +98,10 @@ onLoad(async (options: any) => {
   if (!id) return
   
   try {
-    const response: any = await meetingRoomApi.getNoticeDetail(id)
+    // 增加浏览量
+    await noticeApi.addNoticeView(id)
+    // 获取详情
+    const response: any = await noticeApi.getNoticeDetail(id)
     if (response.code === 0 && response.data) {
       detail.value = response.data
     }
@@ -123,39 +130,30 @@ onLoad(async (options: any) => {
     font-weight: bold;
     color: #333;
     line-height: 1.4;
-    margin-bottom: 16rpx;
+    margin-bottom: 8rpx;
+    display: flex;
+    align-items: center;
+  }
+  
+  .top-tag {
+    background: #ffebee;
+    color: #d32f2f;
+    font-size: 22rpx;
+    border-radius: 8rpx;
+    padding: 2rpx 12rpx;
+    margin-right: 12rpx;
   }
   
   .meta {
     display: flex;
     justify-content: space-between;
-    align-items: center;
-    
-    .type-tag {
-      padding: 8rpx 16rpx;
-      border-radius: 20rpx;
-      font-size: 24rpx;
-      
-      &.type-important {
-        background: #ffebee;
-        color: #d32f2f;
-      }
-      
-      &.type-general {
-        background: #f5f5f5;
-        color: #666;
-      }
-      
-      &.type-activity {
-        background: #e8f5e8;
-        color: #388e3c;
-      }
-    }
-    
-    .time {
-      font-size: 24rpx;
-      color: #999;
-    }
+    color: #999;
+    font-size: 24rpx;
+    margin-bottom: 16rpx;
+  }
+  
+  .view-count {
+    margin-left: 24rpx;
   }
 }
 
@@ -164,12 +162,9 @@ onLoad(async (options: any) => {
   border-radius: 16rpx;
   padding: 32rpx;
   margin-bottom: 24rpx;
-  
-  .content-text {
-    font-size: 30rpx;
-    color: #333;
-    line-height: 1.8;
-  }
+  font-size: 30rpx;
+  color: #333;
+  line-height: 1.8;
 }
 
 .attachments {
diff --git a/src/pages/integrated/notice/index.vue b/src/pages/integrated/notice/index.vue
index 1feee61..aa49ab0 100644
--- a/src/pages/integrated/notice/index.vue
+++ b/src/pages/integrated/notice/index.vue
@@ -1,18 +1,10 @@
 <template>
-  <view class="notice-container">
-    <!-- 公告分类标签 -->
-    <view class="notice-tabs">
-      <view 
-        v-for="(tab, index) in tabs" 
-        :key="index"
-        :class="['tab-item', { active: activeTab === index }]"
-        @click="switchTab(index)"
-      >
-        {{ tab.label }}
-      </view>
+  <view class="notice-header">
+    <view class="back-btn" @click="goBack">
+      <text class="iconfont icon-fanhui"></text> 返回
     </view>
-
-    <!-- 公告列表 -->
+  </view>
+  <view class="notice-container">
     <view class="notice-list">
       <view v-if="noticeList.length === 0" class="empty-tip">
         暂无公告
@@ -22,23 +14,26 @@
           v-for="item in noticeList" 
           :key="item.id" 
           class="notice-item"
-          @click="viewDetail(item)"
         >
-          <view class="item-header">
-            <view class="title">{{ item.title }}</view>
-            <view class="type-tag" :class="getTypeClass(item.type)">{{ getTypeLabel(item.type) }}</view>
+          <view class="item-main">
+            <view class="icon-area">
+              <view class="icon-bell">
+                <view class="red-dot"></view>
+                <text class="iconfont icon-lingdang"></text>
+              </view>
+            </view>
+            <view class="content-area">
+              <view class="title">{{ item.title }}</view>
+              <view class="summary">{{ item.summary || item.content }}</view>
+            </view>
           </view>
-          <view class="item-content">{{ item.content }}</view>
           <view class="item-footer">
-            <text class="time">{{ formatTime(item.createTime) }}</text>
-            <text v-if="item.isTop" class="top-tag">置顶</text>
-            <text v-if="item.isRead" class="read-tag">已读</text>
+            <view class="detail-btn" @click="viewDetail(item)">查看详情 &gt;</view>
+            <view class="date">{{ formatDate(item.createTime) }}</view>
           </view>
         </view>
       </view>
     </view>
-
-    <!-- 加载更多 -->
     <view v-if="hasMore" class="load-more" @click="loadMore">
       <text>加载更多</text>
     </view>
@@ -47,105 +42,41 @@
 
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
-import meetingRoomApi from '@/sheep/api/meetingRoom'
+import { noticeApi } from '@/sheep/api'
 
-const tabs = [
-  { value: 'all', label: '全部' },
-  { value: 'important', label: '重要' },
-  { value: 'general', label: '一般' },
-  { value: 'activity', label: '活动' }
-]
-
-const activeTab = ref(0)
 const noticeList = ref<any[]>([])
 const currentPage = ref(1)
 const hasMore = ref(true)
 
-function switchTab(index: number) {
-  activeTab.value = index
-  currentPage.value = 1
-  hasMore.value = true
-  loadNoticeList(true)
-}
-
-function getTypeLabel(type: string) {
-  const typeMap: Record<string, string> = {
-    '1': '重要',
-    '2': '一般',
-    '3': '活动'
-  }
-  return typeMap[type] || '一般'
-}
-
-function getTypeClass(type: string) {
-  const classMap: Record<string, string> = {
-    '1': 'type-important',
-    '2': 'type-general',
-    '3': 'type-activity'
-  }
-  return classMap[type] || 'type-general'
-}
-
-function formatTime(time: string) {
+function formatDate(time: string) {
   if (!time) return ''
-  const date = new Date(time)
-  const now = new Date()
-  const diff = now.getTime() - date.getTime()
-  const days = Math.floor(diff / (1000 * 60 * 60 * 24))
-  
-  if (days === 0) {
-    return '今天'
-  } else if (days === 1) {
-    return '昨天'
-  } else if (days < 7) {
-    return `${days}天前`
-  } else {
-    return date.toLocaleDateString()
-  }
+  const d = new Date(time)
+  const y = d.getFullYear()
+  const m = (d.getMonth() + 1).toString().padStart(2, '0')
+  const day = d.getDate().toString().padStart(2, '0')
+  return `${y}.${m}.${day}`
 }
 
 function viewDetail(item: any) {
-  // 标记为已读
-  if (!item.isRead) {
-    markAsRead(item.id)
-  }
-  
   uni.navigateTo({
     url: `/pages/integrated/notice/detail?id=${item.id}`
   })
 }
 
-async function markAsRead(id: string) {
-  try {
-    const response: any = await meetingRoomApi.markNoticeRead(id)
-    if (response.code === 0) {
-      console.log('标记已读成功:', id)
-    }
-  } catch (error) {
-    console.error('标记已读失败:', error)
-  }
-}
-
 async function loadNoticeList(reset = false) {
   try {
     const params = {
       current: currentPage.value,
-      size: 10,
-      type: tabs[activeTab.value].value
+      size: 10
     }
-    
-    const response: any = await meetingRoomApi.getNoticeList(params)
-    
+    const response: any = await noticeApi.getNoticePage(params)
     if (response.code === 0 && response.data) {
       const records = response.data.records || []
-      
       if (reset) {
         noticeList.value = records
       } else {
         noticeList.value = [...noticeList.value, ...records]
       }
-      
-      // 检查是否还有更多数据
       hasMore.value = records.length === 10
     }
   } catch (error) {
@@ -159,151 +90,131 @@ function loadMore() {
   loadNoticeList()
 }
 
+function goBack() {
+  uni.navigateBack()
+}
+
 onMounted(() => {
   loadNoticeList(true)
 })
 </script>
 
 <style lang="scss" scoped>
+@import url('//at.alicdn.com/t/font_1234567_lingdang.css'); /* 替换为你的iconfont地址 */
+.notice-header {
+  display: flex;
+  align-items: center;
+  height: 88rpx;
+  background: #fff;
+  padding-left: 24rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.04);
+  margin-bottom: 16rpx;
+}
+.back-btn {
+  display: flex;
+  align-items: center;
+  font-size: 30rpx;
+  color: #1976d2;
+  cursor: pointer;
+}
+.back-btn .iconfont {
+  font-size: 36rpx;
+  margin-right: 8rpx;
+}
 .notice-container {
   background: #f5f5f5;
   min-height: 100vh;
 }
-
-.notice-tabs {
-  display: flex;
-  background: #fff;
-  padding: 0 24rpx;
-  border-bottom: 1rpx solid #f0f0f0;
-  
-  .tab-item {
-    flex: 1;
-    height: 88rpx;
-    line-height: 88rpx;
-    text-align: center;
-    font-size: 28rpx;
-    color: #666;
-    position: relative;
-    
-    &.active {
-      color: #007aff;
-      font-weight: bold;
-      
-      &::after {
-        content: '';
-        position: absolute;
-        bottom: 0;
-        left: 50%;
-        transform: translateX(-50%);
-        width: 40rpx;
-        height: 4rpx;
-        background: #007aff;
-        border-radius: 2rpx;
-      }
-    }
-  }
-}
-
 .notice-list {
   padding: 24rpx;
-  
-  .empty-tip {
-    text-align: center;
-    color: #999;
-    font-size: 28rpx;
-    padding: 120rpx 0;
-  }
-  
-  .notice-item {
-    background: #fff;
-    border-radius: 16rpx;
-    padding: 32rpx;
-    margin-bottom: 24rpx;
-    
-    .item-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: flex-start;
-      margin-bottom: 16rpx;
-      
-      .title {
-        flex: 1;
-        font-size: 32rpx;
-        font-weight: bold;
-        color: #333;
-        line-height: 1.4;
-        margin-right: 16rpx;
-      }
-      
-      .type-tag {
-        padding: 8rpx 16rpx;
-        border-radius: 20rpx;
-        font-size: 24rpx;
-        white-space: nowrap;
-        
-        &.type-important {
-          background: #ffebee;
-          color: #d32f2f;
-        }
-        
-        &.type-general {
-          background: #f5f5f5;
-          color: #666;
-        }
-        
-        &.type-activity {
-          background: #e8f5e8;
-          color: #388e3c;
-        }
-      }
-    }
-    
-    .item-content {
-      font-size: 28rpx;
-      color: #666;
-      line-height: 1.5;
-      margin-bottom: 16rpx;
-      display: -webkit-box;
-      -webkit-box-orient: vertical;
-      -webkit-line-clamp: 3;
-      overflow: hidden;
-    }
-    
-    .item-footer {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      
-      .time {
-        font-size: 24rpx;
-        color: #999;
-      }
-      
-      .top-tag {
-        font-size: 24rpx;
-        color: #d32f2f;
-        background: #ffebee;
-        padding: 4rpx 12rpx;
-        border-radius: 12rpx;
-        margin-left: 12rpx;
-      }
-      
-      .read-tag {
-        font-size: 24rpx;
-        color: #999;
-        background: #f5f5f5;
-        padding: 4rpx 12rpx;
-        border-radius: 12rpx;
-        margin-left: 12rpx;
-      }
-    }
-  }
 }
-
+.notice-item {
+  background: #fff;
+  border-radius: 16rpx;
+  margin-bottom: 32rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.04);
+  padding: 32rpx 32rpx 24rpx 32rpx;
+}
+.item-main {
+  display: flex;
+  align-items: flex-start;
+}
+.icon-area {
+  margin-right: 24rpx;
+  position: relative;
+}
+.icon-bell {
+  width: 48rpx;
+  height: 48rpx;
+  background: #e3f2fd;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+.icon-bell .iconfont {
+  font-size: 32rpx;
+  color: #1976d2;
+}
+.red-dot {
+  width: 14rpx;
+  height: 14rpx;
+  background: #f44336;
+  border-radius: 50%;
+  position: absolute;
+  top: 4rpx;
+  right: 4rpx;
+  border: 2rpx solid #fff;
+}
+.content-area {
+  flex: 1;
+  min-width: 0;
+}
+.title {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #222;
+  margin-bottom: 8rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.summary {
+  font-size: 26rpx;
+  color: #888;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.item-footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-top: 1rpx solid #f0f0f0;
+  margin-top: 18rpx;
+  padding-top: 12rpx;
+}
+.detail-btn {
+  color: #1976d2;
+  font-size: 26rpx;
+  cursor: pointer;
+}
+.date {
+  color: #999;
+  font-size: 24rpx;
+}
+.empty-tip {
+  text-align: center;
+  color: #999;
+  font-size: 28rpx;
+  padding: 60rpx 0;
+}
 .load-more {
   text-align: center;
-  padding: 32rpx;
   color: #007aff;
   font-size: 28rpx;
+  padding: 32rpx 0;
+  cursor: pointer;
 }
 </style> 
\ No newline at end of file
diff --git a/src/pages/integrated/todo/index.vue b/src/pages/integrated/todo/index.vue
new file mode 100644
index 0000000..174e854
--- /dev/null
+++ b/src/pages/integrated/todo/index.vue
@@ -0,0 +1,283 @@
+<template>
+  <view class="todo-page">
+    <view class="todo-header">
+      <view class="back-btn" @click="goBack">
+        <text class="iconfont icon-fanhui"></text>
+      </view>
+      <view class="todo-title">工作待办</view>
+    </view>
+    <view class="todo-tabs">
+      <view :class="['tab-item', activeTab === 0 ? 'active' : '']" @click="switchTab(0)">工作待办</view>
+      <view :class="['tab-item', activeTab === 1 ? 'active' : '']" @click="switchTab(1)">我的已办</view>
+    </view>
+    <view class="todo-list">
+      <view v-if="todoList.length === 0 && !loading" class="todo-empty">
+        <image src="../../../static/icon/empty-todo.png" class="empty-img" />
+        <view class="empty-text">暂无数据</view>
+      </view>
+      <view v-else>
+        <view v-for="item in todoList" :key="item.taskId || item.id" class="todo-card">
+          <view class="card-bar"></view>
+          <view class="todo-card-content">
+            <view class="todo-card-title">
+              <text class="group">{{ item.groupName }}</text>
+              <text class="process">{{ item.processName }}</text>
+            </view>
+            <view class="todo-card-info">
+              <view class="info-row">
+                <text class="label">发起人：</text>
+                <text class="value">{{ item.rootUserName }}</text>
+              </view>
+              <view class="info-row">
+                <text class="label">发起时间：</text>
+                <text class="value">{{ item.startTime }}</text>
+              </view>
+            </view>
+            <view class="todo-card-actions">
+              <button v-if="activeTab === 0" class="todo-btn refuse">拒绝</button>
+              <button v-if="activeTab === 0" class="todo-btn agree">同意</button>
+            </view>
+          </view>
+        </view>
+        <view v-if="loading" class="loading-tip">加载中...</view>
+        <view v-else-if="finished" class="no-more-tip">没有更多了</view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app'
+import integratedApi from '@/sheep/api/integrated'
+
+const todoList = ref<any[]>([])
+const current = ref(1)
+const size = 10
+const total = ref(0)
+const loading = ref(false)
+const finished = ref(false)
+const activeTab = ref(0)
+
+function fetchTodoList(isRefresh = false) {
+  if (loading.value) return
+  loading.value = true
+  const apiFn = activeTab.value === 0 ? integratedApi.getTodoList : integratedApi.getDoneList
+  apiFn({ current: current.value, size }).then((res: any) => {
+    if (res.code === 0 && res.data) {
+      total.value = res.data.total || 0
+      const records = res.data.records || []
+      if (isRefresh) {
+        todoList.value = records
+      } else {
+        todoList.value = [...todoList.value, ...records]
+      }
+      finished.value = todoList.value.length >= total.value
+    }
+    loading.value = false
+    if (isRefresh) uni.stopPullDownRefresh()
+  }).catch(() => {
+    loading.value = false
+    if (isRefresh) uni.stopPullDownRefresh()
+  })
+}
+
+function switchTab(tabIdx: number) {
+  if (activeTab.value === tabIdx) return
+  activeTab.value = tabIdx
+  current.value = 1
+  finished.value = false
+  fetchTodoList(true)
+}
+
+function goBack() {
+  uni.navigateBack()
+}
+
+onMounted(() => {
+  fetchTodoList(true)
+})
+
+onPullDownRefresh(() => {
+  current.value = 1
+  finished.value = false
+  fetchTodoList(true)
+})
+
+onReachBottom(() => {
+  if (finished.value || loading.value) return
+  current.value += 1
+  fetchTodoList()
+})
+</script>
+
+<style scoped lang="less">
+.todo-page {
+  background: linear-gradient(180deg, #f5f7fa 60%, #e3eafc 100%);
+  min-height: 100vh;
+}
+.todo-header {
+  display: flex;
+  align-items: center;
+  height: 96rpx;
+  background: #fff;
+  box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.04);
+  border-radius: 0 0 24rpx 24rpx;
+  position: sticky;
+  top: 0;
+  z-index: 10;
+}
+.back-btn {
+  width: 80rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 36rpx;
+  color: #1976d2;
+  cursor: pointer;
+}
+.todo-title {
+  flex: 1;
+  text-align: center;
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #222;
+  letter-spacing: 2rpx;
+}
+.todo-tabs {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #fff;
+  border-radius: 0 0 20rpx 20rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.03);
+  margin-bottom: 12rpx;
+  position: sticky;
+  top: 96rpx;
+  z-index: 9;
+}
+.tab-item {
+  flex: 1;
+  text-align: center;
+  font-size: 30rpx;
+  color: #888;
+  padding: 24rpx 0 18rpx 0;
+  font-weight: 500;
+  cursor: pointer;
+  transition: color 0.2s, border 0.2s;
+  border-bottom: 4rpx solid transparent;
+}
+.tab-item.active {
+  color: #1976d2;
+  border-bottom: 4rpx solid #1976d2;
+  background: linear-gradient(90deg, #e3eafc 0%, #fff 100%);
+}
+.todo-list {
+  padding: 32rpx 24rpx 0 24rpx;
+}
+.todo-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #bbb;
+  font-size: 32rpx;
+  padding: 120rpx 0 60rpx 0;
+}
+.empty-img {
+  width: 160rpx;
+  height: 160rpx;
+  margin-bottom: 32rpx;
+  opacity: 0.8;
+}
+.empty-text {
+  font-size: 32rpx;
+  color: #bbb;
+  margin-top: 8rpx;
+}
+.todo-card {
+  display: flex;
+  background: #fff;
+  border-radius: 16rpx;
+  margin-bottom: 24rpx;
+  box-shadow: 0 4rpx 16rpx rgba(25,118,210,0.08);
+  overflow: hidden;
+  position: relative;
+  min-height: 120rpx;
+}
+.card-bar {
+  width: 12rpx;
+  background: linear-gradient(180deg, #1976d2 0%, #42a5f5 100%);
+  border-radius: 0 12rpx 12rpx 0;
+}
+.todo-card-content {
+  flex: 1;
+  padding: 16rpx 20rpx 36rpx 20rpx;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.todo-card-title {
+  display: flex;
+  align-items: baseline;
+  gap: 12rpx;
+  margin-bottom: 4rpx;
+}
+.group {
+  font-size: 24rpx;
+  color: #1976d2;
+  font-weight: 500;
+}
+.process {
+  font-size: 26rpx;
+  color: #222;
+  font-weight: bold;
+  margin-top: 0;
+}
+.todo-card-info {
+  margin-bottom: 4rpx;
+}
+.info-row {
+  display: flex;
+  margin-bottom: 2rpx;
+}
+.label {
+  color: #888;
+  font-size: 24rpx;
+  min-width: 80rpx;
+}
+.value {
+  color: #333;
+  font-size: 24rpx;
+}
+.todo-card-actions {
+  position: absolute;
+  right: 20rpx;
+  bottom: 16rpx;
+  display: flex;
+  gap: 16rpx;
+}
+.todo-btn {
+  font-size: 24rpx;
+  padding: 6rpx 28rpx;
+  border-radius: 20rpx;
+  border: none;
+  cursor: pointer;
+  transition: background 0.2s, box-shadow 0.2s;
+  box-shadow: 0 2rpx 8rpx rgba(25,118,210,0.08);
+}
+.todo-btn.refuse {
+  background: linear-gradient(90deg, #f5f5f5 60%, #fbe9e7 100%);
+  color: #f44336;
+}
+.todo-btn.agree {
+  background: linear-gradient(90deg, #1976d2 60%, #42a5f5 100%);
+  color: #fff;
+}
+.loading-tip, .no-more-tip {
+  text-align: center;
+  color: #bbb;
+  font-size: 28rpx;
+  padding: 40rpx 0 0 0;
+}
+</style>
diff --git a/src/sheep/api/index.ts b/src/sheep/api/index.ts
index 55c23c8..b48d4ad 100644
--- a/src/sheep/api/index.ts
+++ b/src/sheep/api/index.ts
@@ -33,3 +33,5 @@ export { default as flowStatisticsApi } from "./flowStatistics"
 export { default as individualOrderApi } from "./individualOrder"
 
 export { default as hardApi } from "./hard"
+
+export { default as noticeApi } from "./notice"
diff --git a/src/sheep/api/notice.ts b/src/sheep/api/notice.ts
new file mode 100644
index 0000000..754c268
--- /dev/null
+++ b/src/sheep/api/notice.ts
@@ -0,0 +1,23 @@
+import request from '@/sheep/utils/request'
+
+export default {
+  // 公告分页列表
+  getNoticePage: (params: { current: number; size: number }) =>
+    request({
+      url: '/integrated/notice/app/page',
+      method: 'GET',
+      params,
+    }),
+  // 公告详情
+  getNoticeDetail: (id: string) =>
+    request({
+      url: `/integrated/notice/app/${id}`,
+      method: 'GET',
+    }),
+  // 增加浏览量
+  addNoticeView: (id: string) =>
+    request({
+      url: `/integrated/notice/app/view/${id}`,
+      method: 'POST',
+    }),
+} 
\ No newline at end of file
diff --git a/src/static/icon/empty-todo.png b/src/static/icon/empty-todo.png
new file mode 100644
index 0000000..65138c1
Binary files /dev/null and b/src/static/icon/empty-todo.png differ
diff --git a/src/static/icon/feedback.png b/src/static/icon/feedback.png
new file mode 100644
index 0000000..153cfb2
Binary files /dev/null and b/src/static/icon/feedback.png differ
diff --git a/src/static/icon/lost-and-found.png b/src/static/icon/lost-and-found.png
new file mode 100644
index 0000000..88c3414
Binary files /dev/null and b/src/static/icon/lost-and-found.png differ
diff --git a/src/static/icon/meeting-booking.png b/src/static/icon/meeting-booking.png
new file mode 100644
index 0000000..8827528
Binary files /dev/null and b/src/static/icon/meeting-booking.png differ
diff --git a/src/static/icon/notice.png b/src/static/icon/notice.png
new file mode 100644
index 0000000..7beed03
Binary files /dev/null and b/src/static/icon/notice.png differ
diff --git a/src/static/icon/repair-report.png b/src/static/icon/repair-report.png
new file mode 100644
index 0000000..6b8d629
Binary files /dev/null and b/src/static/icon/repair-report.png differ
diff --git a/src/static/icon/todo.png b/src/static/icon/todo.png
new file mode 100644
index 0000000..f2d2377
Binary files /dev/null and b/src/static/icon/todo.png differ
diff --git a/src/static/icon/visitor.png b/src/static/icon/visitor.png
new file mode 100644
index 0000000..9ba7a3f
Binary files /dev/null and b/src/static/icon/visitor.png differ