diff --git a/src/assets/icons/icon-radio.svg b/src/assets/icons/icon-radio.svg
new file mode 100644
index 0000000..abb3c78
--- /dev/null
+++ b/src/assets/icons/icon-radio.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1687860578266" class="icon" viewBox="0 0 1032 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3309" xmlns:xlink="http://www.w3.org/1999/xlink" width="201.5625" height="200"><path d="M732.16 328.704h-44.032V168.96c0-44.032-47.104-71.68-84.992-50.176L288.768 270.336H58.368c-31.744 0-58.368 25.6-58.368 58.368V614.4c0 31.744 25.6 58.368 58.368 58.368H65.536v159.744c0 44.032 35.84 80.896 80.896 80.896h44.032c44.032 0 80.896-35.84 80.896-80.896v-143.36l327.68 196.608c37.888 25.6 89.088-2.048 89.088-48.128v-194.56h44.032c46.08 0 82.944-36.864 82.944-82.944V411.648c0-46.08-36.864-82.944-82.944-82.944zM887.808 398.336c8.192 0 16.384-2.048 22.528-7.168l92.16-62.464c18.432-12.288 23.552-37.888 11.264-56.32-7.168-11.264-20.48-17.408-33.792-17.408-8.192 0-16.384 2.048-22.528 7.168l-92.16 62.464c-18.432 12.288-23.552 37.888-11.264 56.32 7.168 10.24 19.456 17.408 33.792 17.408zM910.336 615.424c-7.168-4.096-14.336-7.168-22.528-7.168-13.312 0-26.624 7.168-33.792 18.432-12.288 18.432-7.168 44.032 11.264 56.32l92.16 62.464c7.168 4.096 14.336 7.168 22.528 7.168 13.312 0 26.624-7.168 33.792-18.432 12.288-18.432 7.168-44.032-11.264-56.32l-92.16-62.464zM991.232 461.824h-89.088c-22.528 0-40.96 18.432-40.96 40.96s18.432 40.96 40.96 40.96h89.088c22.528 0 40.96-18.432 40.96-40.96s-18.432-40.96-40.96-40.96z" p-id="3310"></path></svg>

diff --git a/src/assets/icons/icon-radio.svg b/src/assets/icons/icon-radio.svg
new file mode 100644
index 0000000..abb3c78
--- /dev/null
+++ b/src/assets/icons/icon-radio.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1687860578266" class="icon" viewBox="0 0 1032 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3309" xmlns:xlink="http://www.w3.org/1999/xlink" width="201.5625" height="200"><path d="M732.16 328.704h-44.032V168.96c0-44.032-47.104-71.68-84.992-50.176L288.768 270.336H58.368c-31.744 0-58.368 25.6-58.368 58.368V614.4c0 31.744 25.6 58.368 58.368 58.368H65.536v159.744c0 44.032 35.84 80.896 80.896 80.896h44.032c44.032 0 80.896-35.84 80.896-80.896v-143.36l327.68 196.608c37.888 25.6 89.088-2.048 89.088-48.128v-194.56h44.032c46.08 0 82.944-36.864 82.944-82.944V411.648c0-46.08-36.864-82.944-82.944-82.944zM887.808 398.336c8.192 0 16.384-2.048 22.528-7.168l92.16-62.464c18.432-12.288 23.552-37.888 11.264-56.32-7.168-11.264-20.48-17.408-33.792-17.408-8.192 0-16.384 2.048-22.528 7.168l-92.16 62.464c-18.432 12.288-23.552 37.888-11.264 56.32 7.168 10.24 19.456 17.408 33.792 17.408zM910.336 615.424c-7.168-4.096-14.336-7.168-22.528-7.168-13.312 0-26.624 7.168-33.792 18.432-12.288 18.432-7.168 44.032 11.264 56.32l92.16 62.464c7.168 4.096 14.336 7.168 22.528 7.168 13.312 0 26.624-7.168 33.792-18.432 12.288-18.432 7.168-44.032-11.264-56.32l-92.16-62.464zM991.232 461.824h-89.088c-22.528 0-40.96 18.432-40.96 40.96s18.432 40.96 40.96 40.96h89.088c22.528 0 40.96-18.432 40.96-40.96s-18.432-40.96-40.96-40.96z" p-id="3310"></path></svg>
diff --git a/src/views/workbench.vue b/src/views/workbench.vue
index 8510813..af23b17 100644
--- a/src/views/workbench.vue
+++ b/src/views/workbench.vue
@@ -16,6 +16,7 @@
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import type { IApprovalMessageListQuery, IWorkMessageListQuery } from '@/views/workbench/workbench-interface'
 import useUserStore from '@/store/modules/user'
+import messageScrolling from '@/views/workbench/components/messageScrolling.vue'
 const user = useUserStore()// 用户信息
 // ------------------------------------UI------------------------------------------
 const blockHeight = ref(300) // 每个展示块高度
@@ -257,9 +258,10 @@
 </script>
 
 <template>
-  <button @click="go">
+  <message-scrolling />
+  <!-- <button @click="go">
     跳转
-  </button>
+  </button> -->
   <app-container>
     <el-row :gutter="10">
       <el-col :span="8">

diff --git a/src/assets/icons/icon-radio.svg b/src/assets/icons/icon-radio.svg
new file mode 100644
index 0000000..abb3c78
--- /dev/null
+++ b/src/assets/icons/icon-radio.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1687860578266" class="icon" viewBox="0 0 1032 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3309" xmlns:xlink="http://www.w3.org/1999/xlink" width="201.5625" height="200"><path d="M732.16 328.704h-44.032V168.96c0-44.032-47.104-71.68-84.992-50.176L288.768 270.336H58.368c-31.744 0-58.368 25.6-58.368 58.368V614.4c0 31.744 25.6 58.368 58.368 58.368H65.536v159.744c0 44.032 35.84 80.896 80.896 80.896h44.032c44.032 0 80.896-35.84 80.896-80.896v-143.36l327.68 196.608c37.888 25.6 89.088-2.048 89.088-48.128v-194.56h44.032c46.08 0 82.944-36.864 82.944-82.944V411.648c0-46.08-36.864-82.944-82.944-82.944zM887.808 398.336c8.192 0 16.384-2.048 22.528-7.168l92.16-62.464c18.432-12.288 23.552-37.888 11.264-56.32-7.168-11.264-20.48-17.408-33.792-17.408-8.192 0-16.384 2.048-22.528 7.168l-92.16 62.464c-18.432 12.288-23.552 37.888-11.264 56.32 7.168 10.24 19.456 17.408 33.792 17.408zM910.336 615.424c-7.168-4.096-14.336-7.168-22.528-7.168-13.312 0-26.624 7.168-33.792 18.432-12.288 18.432-7.168 44.032 11.264 56.32l92.16 62.464c7.168 4.096 14.336 7.168 22.528 7.168 13.312 0 26.624-7.168 33.792-18.432 12.288-18.432 7.168-44.032-11.264-56.32l-92.16-62.464zM991.232 461.824h-89.088c-22.528 0-40.96 18.432-40.96 40.96s18.432 40.96 40.96 40.96h89.088c22.528 0 40.96-18.432 40.96-40.96s-18.432-40.96-40.96-40.96z" p-id="3310"></path></svg>
diff --git a/src/views/workbench.vue b/src/views/workbench.vue
index 8510813..af23b17 100644
--- a/src/views/workbench.vue
+++ b/src/views/workbench.vue
@@ -16,6 +16,7 @@
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import type { IApprovalMessageListQuery, IWorkMessageListQuery } from '@/views/workbench/workbench-interface'
 import useUserStore from '@/store/modules/user'
+import messageScrolling from '@/views/workbench/components/messageScrolling.vue'
 const user = useUserStore()// 用户信息
 // ------------------------------------UI------------------------------------------
 const blockHeight = ref(300) // 每个展示块高度
@@ -257,9 +258,10 @@
 </script>
 
 <template>
-  <button @click="go">
+  <message-scrolling />
+  <!-- <button @click="go">
     跳转
-  </button>
+  </button> -->
   <app-container>
     <el-row :gutter="10">
       <el-col :span="8">
diff --git a/src/views/workbench/components/messageScrolling.vue b/src/views/workbench/components/messageScrolling.vue
new file mode 100644
index 0000000..7ed1ce6
--- /dev/null
+++ b/src/views/workbench/components/messageScrolling.vue
@@ -0,0 +1,62 @@
+<!-- 消息滚动组件 -->
+<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' },
+])
+</script>
+
+<template>
+  <!-- 我这个需求是有消息时才会让这个功能显示，所以使用了v-if -->
+  <div v-if="systemMsg.length > 0" 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">
+        <el-carousel-item v-for="item in systemMsg" :key="item.id" class="carousel-item">
+          <el-icon style="margin-right: 10px;">
+            <svg-icon name="icon-radio" />
+          </el-icon>
+          {{ item.title }}
+        </el-carousel-item>
+      </el-carousel>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+/* 轮翻消息 */
+.bs-sysMsg {
+  position: relative;
+  display: flex;
+  width: 100%;
+  padding: 8px 12px;
+  border-radius: 2px;
+  color: #e6a23c;
+  background-color: #fdf6ec;
+  overflow: hidden;
+  opacity: 1;
+  align-items: center;
+  transition: opacity 0.2s;
+}
+
+.carousel-item {
+  display: flex;
+  // justify-content: center;
+  align-items: center;
+}
+
+.bs-sysMsg .msg__content {
+  display: table-cell;
+  padding: 0 8px;
+  width: 100%;
+}
+
+.bs-sysMsg .msg__content a.item {
+  color: #e6a23c;
+  font-size: 14px;
+  opacity: 0.75;
+}
+.bs-sysMsg .msg__content a.item:hover { text-decoration: underline; }
+</style>