diff --git a/src/api/workbench/workbench.ts b/src/api/workbench/workbench.ts
index 38680cc..2593bac 100644
--- a/src/api/workbench/workbench.ts
+++ b/src/api/workbench/workbench.ts
@@ -36,6 +36,16 @@
     data,
   })
 }
+
+// 工作台顶部工作提醒和待办信息条数
+export function getWorkbenchMessageCount(data: { remindDeptId: string; remindId: string }) {
+  return request({
+    url: '/workbench/approvalMessage/count',
+    method: 'post',
+    data,
+  })
+}
+
 // -----------------------------------------日历------------------------------------------
 // 新增日程
 export function addSchedule(data: object) {

diff --git a/src/api/workbench/workbench.ts b/src/api/workbench/workbench.ts
index 38680cc..2593bac 100644
--- a/src/api/workbench/workbench.ts
+++ b/src/api/workbench/workbench.ts
@@ -36,6 +36,16 @@
     data,
   })
 }
+
+// 工作台顶部工作提醒和待办信息条数
+export function getWorkbenchMessageCount(data: { remindDeptId: string; remindId: string }) {
+  return request({
+    url: '/workbench/approvalMessage/count',
+    method: 'post',
+    data,
+  })
+}
+
 // -----------------------------------------日历------------------------------------------
 // 新增日程
 export function addSchedule(data: object) {
diff --git a/src/views/workbench.vue b/src/views/workbench.vue
index af23b17..d15e456 100644
--- a/src/views/workbench.vue
+++ b/src/views/workbench.vue
@@ -24,8 +24,8 @@
 const blockWidth = ref(400)
 // 计算工作台区域高度 - 顶部-面包屑-边距
 const benchDivHeight = ref()
-function calcBlockSize() {
-  const bodyHeight = document.body.clientHeight - 60 - 20 - 50
+function calcBlockSize() { // 36是消息滚动栏的高度
+  const bodyHeight = document.body.clientHeight - 60 - 20 - 50 - 36
   bigBlockHeight.value = bodyHeight
   blockHeight.value = bodyHeight > 610 ? (bodyHeight - 10) / 2 : 300
   blockWidth.value = (document.body.clientWidth - 180 - 20 - 20) / 3

diff --git a/src/api/workbench/workbench.ts b/src/api/workbench/workbench.ts
index 38680cc..2593bac 100644
--- a/src/api/workbench/workbench.ts
+++ b/src/api/workbench/workbench.ts
@@ -36,6 +36,16 @@
     data,
   })
 }
+
+// 工作台顶部工作提醒和待办信息条数
+export function getWorkbenchMessageCount(data: { remindDeptId: string; remindId: string }) {
+  return request({
+    url: '/workbench/approvalMessage/count',
+    method: 'post',
+    data,
+  })
+}
+
 // -----------------------------------------日历------------------------------------------
 // 新增日程
 export function addSchedule(data: object) {
diff --git a/src/views/workbench.vue b/src/views/workbench.vue
index af23b17..d15e456 100644
--- a/src/views/workbench.vue
+++ b/src/views/workbench.vue
@@ -24,8 +24,8 @@
 const blockWidth = ref(400)
 // 计算工作台区域高度 - 顶部-面包屑-边距
 const benchDivHeight = ref()
-function calcBlockSize() {
-  const bodyHeight = document.body.clientHeight - 60 - 20 - 50
+function calcBlockSize() { // 36是消息滚动栏的高度
+  const bodyHeight = document.body.clientHeight - 60 - 20 - 50 - 36
   bigBlockHeight.value = bodyHeight
   blockHeight.value = bodyHeight > 610 ? (bodyHeight - 10) / 2 : 300
   blockWidth.value = (document.body.clientWidth - 180 - 20 - 20) / 3
diff --git a/src/views/workbench/components/messageScrolling.vue b/src/views/workbench/components/messageScrolling.vue
index 7ed1ce6..b21770f 100644
--- a/src/views/workbench/components/messageScrolling.vue
+++ b/src/views/workbench/components/messageScrolling.vue
@@ -1,16 +1,49 @@
 <!-- 消息滚动组件 -->
 <script setup lang="ts" name="MessageScrolling">
 import { ref } from 'vue'
-const systemMsg = ref([
-  { id: 1, title: '入主白宫近10日 拜登做了10件大事' },
-  { id: 2, title: '全民带货？小红书外链淘宝权限将大范围开放' },
-  { id: 3, title: '贾跃亭FF将在纳斯达克上市 股票代码为FFIE' },
-])
+import type { IMessageScroll } from '../workbench-interface'
+import { getWorkbenchMessageCount } from '@/api/workbench/workbench'
+import userStore from '@/store/modules/user'
+const user = userStore()
+const systemMsg = ref<IMessageScroll[]>([])
+const timer = ref() // 定时器
+const fetchData = () => {
+  getWorkbenchMessageCount({ remindDeptId: user.deptId, remindId: user.id }).then((res) => {
+    systemMsg.value = []
+    if (!res.data.approvalMessageCount && !res.data.remindMessageCount) {
+      systemMsg.value.push({
+        id: '1', title: '暂无新消息',
+      })
+      return false
+    }
+    if (res.data.approvalMessageCount) {
+      systemMsg.value.push({
+        id: '2',
+        title: `新增${res.data.approvalMessageCount}条待办信息，请及时处理`,
+      })
+    }
+    if (res.data.remindMessageCount) {
+      systemMsg.value.push({
+        id: '3',
+        title: `新增${res.data.remindMessageCount}条工作提醒，请及时查看`,
+      })
+    }
+  })
+}
+onMounted(() => {
+  fetchData()
+  timer.value = setInterval(() => {
+    fetchData()
+  }, 60000)
+})
+onBeforeUnmount(() => {
+  clearInterval(timer.value)
+})
 </script>
 
 <template>
   <!-- 我这个需求是有消息时才会让这个功能显示，所以使用了v-if -->
-  <div v-if="systemMsg.length > 0" class="bs-sysMsg">
+  <div class="bs-sysMsg">
     <i class="el-alert__icon el-icon-warning" />
     <div class="msg__content">
       <el-carousel height="20px" direction="vertical" indicator-position="none" :autoplay="true">

diff --git a/src/api/workbench/workbench.ts b/src/api/workbench/workbench.ts
index 38680cc..2593bac 100644
--- a/src/api/workbench/workbench.ts
+++ b/src/api/workbench/workbench.ts
@@ -36,6 +36,16 @@
     data,
   })
 }
+
+// 工作台顶部工作提醒和待办信息条数
+export function getWorkbenchMessageCount(data: { remindDeptId: string; remindId: string }) {
+  return request({
+    url: '/workbench/approvalMessage/count',
+    method: 'post',
+    data,
+  })
+}
+
 // -----------------------------------------日历------------------------------------------
 // 新增日程
 export function addSchedule(data: object) {
diff --git a/src/views/workbench.vue b/src/views/workbench.vue
index af23b17..d15e456 100644
--- a/src/views/workbench.vue
+++ b/src/views/workbench.vue
@@ -24,8 +24,8 @@
 const blockWidth = ref(400)
 // 计算工作台区域高度 - 顶部-面包屑-边距
 const benchDivHeight = ref()
-function calcBlockSize() {
-  const bodyHeight = document.body.clientHeight - 60 - 20 - 50
+function calcBlockSize() { // 36是消息滚动栏的高度
+  const bodyHeight = document.body.clientHeight - 60 - 20 - 50 - 36
   bigBlockHeight.value = bodyHeight
   blockHeight.value = bodyHeight > 610 ? (bodyHeight - 10) / 2 : 300
   blockWidth.value = (document.body.clientWidth - 180 - 20 - 20) / 3
diff --git a/src/views/workbench/components/messageScrolling.vue b/src/views/workbench/components/messageScrolling.vue
index 7ed1ce6..b21770f 100644
--- a/src/views/workbench/components/messageScrolling.vue
+++ b/src/views/workbench/components/messageScrolling.vue
@@ -1,16 +1,49 @@
 <!-- 消息滚动组件 -->
 <script setup lang="ts" name="MessageScrolling">
 import { ref } from 'vue'
-const systemMsg = ref([
-  { id: 1, title: '入主白宫近10日 拜登做了10件大事' },
-  { id: 2, title: '全民带货？小红书外链淘宝权限将大范围开放' },
-  { id: 3, title: '贾跃亭FF将在纳斯达克上市 股票代码为FFIE' },
-])
+import type { IMessageScroll } from '../workbench-interface'
+import { getWorkbenchMessageCount } from '@/api/workbench/workbench'
+import userStore from '@/store/modules/user'
+const user = userStore()
+const systemMsg = ref<IMessageScroll[]>([])
+const timer = ref() // 定时器
+const fetchData = () => {
+  getWorkbenchMessageCount({ remindDeptId: user.deptId, remindId: user.id }).then((res) => {
+    systemMsg.value = []
+    if (!res.data.approvalMessageCount && !res.data.remindMessageCount) {
+      systemMsg.value.push({
+        id: '1', title: '暂无新消息',
+      })
+      return false
+    }
+    if (res.data.approvalMessageCount) {
+      systemMsg.value.push({
+        id: '2',
+        title: `新增${res.data.approvalMessageCount}条待办信息，请及时处理`,
+      })
+    }
+    if (res.data.remindMessageCount) {
+      systemMsg.value.push({
+        id: '3',
+        title: `新增${res.data.remindMessageCount}条工作提醒，请及时查看`,
+      })
+    }
+  })
+}
+onMounted(() => {
+  fetchData()
+  timer.value = setInterval(() => {
+    fetchData()
+  }, 60000)
+})
+onBeforeUnmount(() => {
+  clearInterval(timer.value)
+})
 </script>
 
 <template>
   <!-- 我这个需求是有消息时才会让这个功能显示，所以使用了v-if -->
-  <div v-if="systemMsg.length > 0" class="bs-sysMsg">
+  <div class="bs-sysMsg">
     <i class="el-alert__icon el-icon-warning" />
     <div class="msg__content">
       <el-carousel height="20px" direction="vertical" indicator-position="none" :autoplay="true">
diff --git a/src/views/workbench/workbench-interface.ts b/src/views/workbench/workbench-interface.ts
index 3281e26..c55850a 100644
--- a/src/views/workbench/workbench-interface.ts
+++ b/src/views/workbench/workbench-interface.ts
@@ -25,3 +25,9 @@
   offset: number
   limit: number
 }
+
+// 消息滚动组件
+export interface IMessageScroll {
+  id: string
+  title: string
+}