diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index 130ee5d..861979e 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -6,6 +6,7 @@
 import useSettingsStore from '@/store/modules/settings'
 import useUserStore from '@/store/modules/user'
 import useWebsocketStore from '@/store/modules/websocket'
+import { formUrl } from '@/utils/scheduleDict'
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
@@ -22,20 +23,36 @@
   id: string
   message: string
   time: string
+  formId: string
+}
+interface websocketMessage {
+  createTime: string
+  formId: string
+  id: string
+  messageContent: string
+  messageTitle: string
+  noticeDeptId: string
+  noticeId: string
 }
 const messageList: Ref<Message[]> = ref([])
 
-messageList.value = [
-  { id: '1', message: '示例消息', time: '2022-07-20 18:32:00' },
-  { id: '2', message: '收到一条证书到期提醒', time: '2022-07-20 18:32:00' },
-  { id: '3', message: '有新的借用申请待审批', time: '2022-07-20 18:32:00' },
-  { id: '4', message: '您的请假申请已通过', time: '2022-07-20 18:32:00' },
-  { id: '1', message: '示例消息', time: '2022-07-20 18:32:00' },
-  { id: '2', message: '收到一条证书到期提醒', time: '2022-07-20 18:32:00' },
-  { id: '3', message: '有新的借用申请待审批', time: '2022-07-20 18:32:00' },
-  { id: '4', message: '您的请假申请已通过', time: '2022-07-20 18:32:00' },
-]
-
+// createTime:"2023-05-16 11:08:05"
+// formId:"jlglwjsp"
+// id:"1658308307976204289"
+// messageContent:"文件审批"
+// messageTitle:"审批结果通知"
+// noticeDeptId:"0"
+// noticeId:"3"
+// messageList.value = [
+//   { id: '1', message: '示例消息', time: '2022-07-20 18:32:00' },
+//   { id: '2', message: '收到一条证书到期提醒', time: '2022-07-20 18:32:00' },
+//   { id: '3', message: '有新的借用申请待审批', time: '2022-07-20 18:32:00' },
+//   { id: '4', message: '您的请假申请已通过', time: '2022-07-20 18:32:00' },
+//   { id: '1', message: '示例消息', time: '2022-07-20 18:32:00' },
+//   { id: '2', message: '收到一条证书到期提醒', time: '2022-07-20 18:32:00' },
+//   { id: '3', message: '有新的借用申请待审批', time: '2022-07-20 18:32:00' },
+//   { id: '4', message: '您的请假申请已通过', time: '2022-07-20 18:32:00' },
+// ]
 function userCommand(command: 'dashboard' | 'resetPassword' | 'setting' | 'hotkeys' | 'logout') {
   switch (command) {
     case 'dashboard':
@@ -72,8 +89,35 @@
 })
 onBeforeMount(() => {
   // 断开 websocket
-  // websocket.destroyWebSocket()
+  websocket.destroyWebSocket()
 })
+// 监听消息变化
+watch(() => websocket.messageList, (newVal) => {
+  messageList.value = newVal.map((item: websocketMessage) => ({
+    id: item.id,
+    message: item.messageContent + item.messageTitle,
+    time: item.createTime,
+    formId: item.formId,
+  }))
+}, {
+  deep: true,
+  immediate: true,
+})
+// 进入消息列表
+const toMessageList = () => {
+  // 清空消息列表
+  websocket.resetMessageList()
+  // 路由跳转到指定控制台(页面暂未开发)
+}
+// 消息详情
+const toMessageDetail = (message: Message) => {
+  // 跳转到对应申请结果页面
+  router.push({
+    path: formUrl[message.formId],
+  })
+  // 消息列表清除对应消息
+  websocket.clearAppointMessage(message)
+}
 </script>
 
 <template>
@@ -94,7 +138,10 @@
           <svg-icon name="ep:refresh-right" />
         </el-icon>
       </span>
-      <span v-if="settingsStore.toolbar.enableColorScheme" class="item" @click="settingsStore.setColorScheme(settingsStore.app.colorScheme === 'dark' ? 'light' : 'dark')">
+      <span
+        v-if="settingsStore.toolbar.enableColorScheme" class="item"
+        @click="settingsStore.setColorScheme(settingsStore.app.colorScheme === 'dark' ? 'light' : 'dark')"
+      >
         <el-icon>
           <svg-icon v-show="settingsStore.app.colorScheme === 'light'" name="ep:sunny" />
           <svg-icon v-show="settingsStore.app.colorScheme === 'dark'" name="ep:moon" />
@@ -105,7 +152,7 @@
           <svg-icon name="ep:setting" />
         </el-icon>
       </span>
-      <span v-if="settingsStore.mode === 'pc'" class="item">
+      <span v-if="settingsStore.mode === 'pc' && messageList.length > 0" class="item">
         <el-popover width="300">
           <template #reference>
             <div>
@@ -126,7 +173,7 @@
                       <svg-icon name="ep:chat-dot-square" />
                     </el-icon>
                   </div>
-                  <div class="message-content">
+                  <div class="message-content" @click="toMessageDetail(message)">
                     <div class="message">
                       {{ message.message }}
                     </div>
@@ -136,7 +183,7 @@
                   </div>
                 </div>
               </el-scrollbar>
-              <div class="message-footer">
+              <div class="message-footer" @click="toMessageList">
                 进入消息列表
               </div>
             </div>

diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index 130ee5d..861979e 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -6,6 +6,7 @@
 import useSettingsStore from '@/store/modules/settings'
 import useUserStore from '@/store/modules/user'
 import useWebsocketStore from '@/store/modules/websocket'
+import { formUrl } from '@/utils/scheduleDict'
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
@@ -22,20 +23,36 @@
   id: string
   message: string
   time: string
+  formId: string
+}
+interface websocketMessage {
+  createTime: string
+  formId: string
+  id: string
+  messageContent: string
+  messageTitle: string
+  noticeDeptId: string
+  noticeId: string
 }
 const messageList: Ref<Message[]> = ref([])
 
-messageList.value = [
-  { id: '1', message: '示例消息', time: '2022-07-20 18:32:00' },
-  { id: '2', message: '收到一条证书到期提醒', time: '2022-07-20 18:32:00' },
-  { id: '3', message: '有新的借用申请待审批', time: '2022-07-20 18:32:00' },
-  { id: '4', message: '您的请假申请已通过', time: '2022-07-20 18:32:00' },
-  { id: '1', message: '示例消息', time: '2022-07-20 18:32:00' },
-  { id: '2', message: '收到一条证书到期提醒', time: '2022-07-20 18:32:00' },
-  { id: '3', message: '有新的借用申请待审批', time: '2022-07-20 18:32:00' },
-  { id: '4', message: '您的请假申请已通过', time: '2022-07-20 18:32:00' },
-]
-
+// createTime:"2023-05-16 11:08:05"
+// formId:"jlglwjsp"
+// id:"1658308307976204289"
+// messageContent:"文件审批"
+// messageTitle:"审批结果通知"
+// noticeDeptId:"0"
+// noticeId:"3"
+// messageList.value = [
+//   { id: '1', message: '示例消息', time: '2022-07-20 18:32:00' },
+//   { id: '2', message: '收到一条证书到期提醒', time: '2022-07-20 18:32:00' },
+//   { id: '3', message: '有新的借用申请待审批', time: '2022-07-20 18:32:00' },
+//   { id: '4', message: '您的请假申请已通过', time: '2022-07-20 18:32:00' },
+//   { id: '1', message: '示例消息', time: '2022-07-20 18:32:00' },
+//   { id: '2', message: '收到一条证书到期提醒', time: '2022-07-20 18:32:00' },
+//   { id: '3', message: '有新的借用申请待审批', time: '2022-07-20 18:32:00' },
+//   { id: '4', message: '您的请假申请已通过', time: '2022-07-20 18:32:00' },
+// ]
 function userCommand(command: 'dashboard' | 'resetPassword' | 'setting' | 'hotkeys' | 'logout') {
   switch (command) {
     case 'dashboard':
@@ -72,8 +89,35 @@
 })
 onBeforeMount(() => {
   // 断开 websocket
-  // websocket.destroyWebSocket()
+  websocket.destroyWebSocket()
 })
+// 监听消息变化
+watch(() => websocket.messageList, (newVal) => {
+  messageList.value = newVal.map((item: websocketMessage) => ({
+    id: item.id,
+    message: item.messageContent + item.messageTitle,
+    time: item.createTime,
+    formId: item.formId,
+  }))
+}, {
+  deep: true,
+  immediate: true,
+})
+// 进入消息列表
+const toMessageList = () => {
+  // 清空消息列表
+  websocket.resetMessageList()
+  // 路由跳转到指定控制台(页面暂未开发)
+}
+// 消息详情
+const toMessageDetail = (message: Message) => {
+  // 跳转到对应申请结果页面
+  router.push({
+    path: formUrl[message.formId],
+  })
+  // 消息列表清除对应消息
+  websocket.clearAppointMessage(message)
+}
 </script>
 
 <template>
@@ -94,7 +138,10 @@
           <svg-icon name="ep:refresh-right" />
         </el-icon>
       </span>
-      <span v-if="settingsStore.toolbar.enableColorScheme" class="item" @click="settingsStore.setColorScheme(settingsStore.app.colorScheme === 'dark' ? 'light' : 'dark')">
+      <span
+        v-if="settingsStore.toolbar.enableColorScheme" class="item"
+        @click="settingsStore.setColorScheme(settingsStore.app.colorScheme === 'dark' ? 'light' : 'dark')"
+      >
         <el-icon>
           <svg-icon v-show="settingsStore.app.colorScheme === 'light'" name="ep:sunny" />
           <svg-icon v-show="settingsStore.app.colorScheme === 'dark'" name="ep:moon" />
@@ -105,7 +152,7 @@
           <svg-icon name="ep:setting" />
         </el-icon>
       </span>
-      <span v-if="settingsStore.mode === 'pc'" class="item">
+      <span v-if="settingsStore.mode === 'pc' && messageList.length > 0" class="item">
         <el-popover width="300">
           <template #reference>
             <div>
@@ -126,7 +173,7 @@
                       <svg-icon name="ep:chat-dot-square" />
                     </el-icon>
                   </div>
-                  <div class="message-content">
+                  <div class="message-content" @click="toMessageDetail(message)">
                     <div class="message">
                       {{ message.message }}
                     </div>
@@ -136,7 +183,7 @@
                   </div>
                 </div>
               </el-scrollbar>
-              <div class="message-footer">
+              <div class="message-footer" @click="toMessageList">
                 进入消息列表
               </div>
             </div>
diff --git a/src/store/modules/websocket.ts b/src/store/modules/websocket.ts
index 43ed78c..2116c7d 100644
--- a/src/store/modules/websocket.ts
+++ b/src/store/modules/websocket.ts
@@ -13,6 +13,7 @@
       wsReconnectCount: 0, // 重连次数
       wsReconnectTimer: null, // 重连定时器
       wsIsReconnect: true, // 是否重连
+      messageList: [],
     }),
     getters: {},
     actions: {
@@ -63,6 +64,7 @@
             // 转换为json对象
             const data = JSON.parse(msg.data)
             console.log(data, 'websocket 返回消息')
+            this.messageList.push(data)
           }
           // 监听socket错误
           socket.onerror = function () {
@@ -98,7 +100,6 @@
           this.websocket.close()
         }
         if (this.wsPingTimer) {
-          console.log('停止定时器')
           clearInterval(this.wsPingTimer)
           this.wsPingTimer = null
         }
@@ -131,6 +132,14 @@
         this.wsReconnectTimer = wsReconnectTimer
         this.wsReconnectCount = this.wsReconnectCount + 1
       },
+      // 清空消息列表
+      resetMessageList() {
+        this.messageList = []
+      },
+      // 清空指定消息
+      clearAppointMessage(message: any) {
+        this.messageList = this.messageList.filter(item => item.id !== message.id)
+      },
     },
   },
 )

diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue
index 130ee5d..861979e 100644
--- a/src/layouts/components/Tools/index.vue
+++ b/src/layouts/components/Tools/index.vue
@@ -6,6 +6,7 @@
 import useSettingsStore from '@/store/modules/settings'
 import useUserStore from '@/store/modules/user'
 import useWebsocketStore from '@/store/modules/websocket'
+import { formUrl } from '@/utils/scheduleDict'
 const router = useRouter()
 
 const settingsStore = useSettingsStore()
@@ -22,20 +23,36 @@
   id: string
   message: string
   time: string
+  formId: string
+}
+interface websocketMessage {
+  createTime: string
+  formId: string
+  id: string
+  messageContent: string
+  messageTitle: string
+  noticeDeptId: string
+  noticeId: string
 }
 const messageList: Ref<Message[]> = ref([])
 
-messageList.value = [
-  { id: '1', message: '示例消息', time: '2022-07-20 18:32:00' },
-  { id: '2', message: '收到一条证书到期提醒', time: '2022-07-20 18:32:00' },
-  { id: '3', message: '有新的借用申请待审批', time: '2022-07-20 18:32:00' },
-  { id: '4', message: '您的请假申请已通过', time: '2022-07-20 18:32:00' },
-  { id: '1', message: '示例消息', time: '2022-07-20 18:32:00' },
-  { id: '2', message: '收到一条证书到期提醒', time: '2022-07-20 18:32:00' },
-  { id: '3', message: '有新的借用申请待审批', time: '2022-07-20 18:32:00' },
-  { id: '4', message: '您的请假申请已通过', time: '2022-07-20 18:32:00' },
-]
-
+// createTime:"2023-05-16 11:08:05"
+// formId:"jlglwjsp"
+// id:"1658308307976204289"
+// messageContent:"文件审批"
+// messageTitle:"审批结果通知"
+// noticeDeptId:"0"
+// noticeId:"3"
+// messageList.value = [
+//   { id: '1', message: '示例消息', time: '2022-07-20 18:32:00' },
+//   { id: '2', message: '收到一条证书到期提醒', time: '2022-07-20 18:32:00' },
+//   { id: '3', message: '有新的借用申请待审批', time: '2022-07-20 18:32:00' },
+//   { id: '4', message: '您的请假申请已通过', time: '2022-07-20 18:32:00' },
+//   { id: '1', message: '示例消息', time: '2022-07-20 18:32:00' },
+//   { id: '2', message: '收到一条证书到期提醒', time: '2022-07-20 18:32:00' },
+//   { id: '3', message: '有新的借用申请待审批', time: '2022-07-20 18:32:00' },
+//   { id: '4', message: '您的请假申请已通过', time: '2022-07-20 18:32:00' },
+// ]
 function userCommand(command: 'dashboard' | 'resetPassword' | 'setting' | 'hotkeys' | 'logout') {
   switch (command) {
     case 'dashboard':
@@ -72,8 +89,35 @@
 })
 onBeforeMount(() => {
   // 断开 websocket
-  // websocket.destroyWebSocket()
+  websocket.destroyWebSocket()
 })
+// 监听消息变化
+watch(() => websocket.messageList, (newVal) => {
+  messageList.value = newVal.map((item: websocketMessage) => ({
+    id: item.id,
+    message: item.messageContent + item.messageTitle,
+    time: item.createTime,
+    formId: item.formId,
+  }))
+}, {
+  deep: true,
+  immediate: true,
+})
+// 进入消息列表
+const toMessageList = () => {
+  // 清空消息列表
+  websocket.resetMessageList()
+  // 路由跳转到指定控制台(页面暂未开发)
+}
+// 消息详情
+const toMessageDetail = (message: Message) => {
+  // 跳转到对应申请结果页面
+  router.push({
+    path: formUrl[message.formId],
+  })
+  // 消息列表清除对应消息
+  websocket.clearAppointMessage(message)
+}
 </script>
 
 <template>
@@ -94,7 +138,10 @@
           <svg-icon name="ep:refresh-right" />
         </el-icon>
       </span>
-      <span v-if="settingsStore.toolbar.enableColorScheme" class="item" @click="settingsStore.setColorScheme(settingsStore.app.colorScheme === 'dark' ? 'light' : 'dark')">
+      <span
+        v-if="settingsStore.toolbar.enableColorScheme" class="item"
+        @click="settingsStore.setColorScheme(settingsStore.app.colorScheme === 'dark' ? 'light' : 'dark')"
+      >
         <el-icon>
           <svg-icon v-show="settingsStore.app.colorScheme === 'light'" name="ep:sunny" />
           <svg-icon v-show="settingsStore.app.colorScheme === 'dark'" name="ep:moon" />
@@ -105,7 +152,7 @@
           <svg-icon name="ep:setting" />
         </el-icon>
       </span>
-      <span v-if="settingsStore.mode === 'pc'" class="item">
+      <span v-if="settingsStore.mode === 'pc' && messageList.length > 0" class="item">
         <el-popover width="300">
           <template #reference>
             <div>
@@ -126,7 +173,7 @@
                       <svg-icon name="ep:chat-dot-square" />
                     </el-icon>
                   </div>
-                  <div class="message-content">
+                  <div class="message-content" @click="toMessageDetail(message)">
                     <div class="message">
                       {{ message.message }}
                     </div>
@@ -136,7 +183,7 @@
                   </div>
                 </div>
               </el-scrollbar>
-              <div class="message-footer">
+              <div class="message-footer" @click="toMessageList">
                 进入消息列表
               </div>
             </div>
diff --git a/src/store/modules/websocket.ts b/src/store/modules/websocket.ts
index 43ed78c..2116c7d 100644
--- a/src/store/modules/websocket.ts
+++ b/src/store/modules/websocket.ts
@@ -13,6 +13,7 @@
       wsReconnectCount: 0, // 重连次数
       wsReconnectTimer: null, // 重连定时器
       wsIsReconnect: true, // 是否重连
+      messageList: [],
     }),
     getters: {},
     actions: {
@@ -63,6 +64,7 @@
             // 转换为json对象
             const data = JSON.parse(msg.data)
             console.log(data, 'websocket 返回消息')
+            this.messageList.push(data)
           }
           // 监听socket错误
           socket.onerror = function () {
@@ -98,7 +100,6 @@
           this.websocket.close()
         }
         if (this.wsPingTimer) {
-          console.log('停止定时器')
           clearInterval(this.wsPingTimer)
           this.wsPingTimer = null
         }
@@ -131,6 +132,14 @@
         this.wsReconnectTimer = wsReconnectTimer
         this.wsReconnectCount = this.wsReconnectCount + 1
       },
+      // 清空消息列表
+      resetMessageList() {
+        this.messageList = []
+      },
+      // 清空指定消息
+      clearAppointMessage(message: any) {
+        this.messageList = this.messageList.filter(item => item.id !== message.id)
+      },
     },
   },
 )
diff --git a/src/utils/scheduleDict.ts b/src/utils/scheduleDict.ts
index ade7bae..4cac7f6 100644
--- a/src/utils/scheduleDict.ts
+++ b/src/utils/scheduleDict.ts
@@ -28,5 +28,35 @@
   BUSINESS_SUBPACKAGE_MANAGE = 'ywglfbzsgl', // 分包方证书管理
   BUSINESS_FIELDTEST_APPROVE = 'ywglxcjc', // 现场检测审批
   BUSINESS_FINANCE_CONTRACT_APPROVE = 'cwczht', // 合同审批
-
+}
+/**
+ * 字典，申请流程对应的页面url地址  一个formId对应一个url
+ */
+export const formUrl: { [key: string]: string } = {
+  [SCHEDULE.FILE_APPROVAL]: '/file/approve', // 文件审批,
+  [SCHEDULE.TRAIN_APPROVAL]: '/train/trainPlanApprove', // 培训计划审批,
+  [SCHEDULE.SUPPLIER_APPROVAL]: '/source/approve', // 溯源供方审批,
+  [SCHEDULE.STANDARD_CHANGE_APPROVAL]: '/standard/changeApply', // 标准装置更换申请,
+  [SCHEDULE.STANDARD_PAUSE_APPROVAL]: '/standard/pauseApply', // 标准装置暂停申请,
+  [SCHEDULE.STANDARD_REVERT_APPROVAL]: '/standard/cancelApply', // 标准装置撤销申请,
+  [SCHEDULE.STANDARD_RESUME_APPROVAL]: '/standard/resumeApply', // 标准装置恢复申请,
+  [SCHEDULE.STANDARD_CHECK_APPROVAL]: '/standard/checkApply', // 标准装置复查申请,
+  [SCHEDULE.DEVICE_UNUSED_APPROVAL]: '/stateManage/unusedApply', // 设备闲置申请,
+  [SCHEDULE.DEVICE_SEALED_APPROVAL]: '/stateManage/sealupApply', // 设备封存申请,
+  [SCHEDULE.DEVICE_UNSEALED_APPROVAL]: '/stateManage/openApply', // 设备启封申请,
+  [SCHEDULE.DEVICE_SCRAPPED_ROVAL]: '/stateManage/scrapApply', // 设备报废申请,
+  [SCHEDULE.DEVICE_HANDLE_APPROVAL]: '/stateManage/handleApply', // 设备处置申请,
+  [SCHEDULE.DEVICE_CONSUMING_APPROVAL]: '/receive/applyList', // 设备领用申请,
+  [SCHEDULE.DEVICE_BORROW_APPROVAL]: '/borrow/borrowapply', // 设备借用申请,
+  [SCHEDULE.DEVICE_FIX_APPROVAL]: '/maintenance/maintenanceList', // 设备检修申请,
+  [SCHEDULE.DEVICE_FIX_ACCEPTANCE]: '/maintenance/maintenanceCheckList', // 设备检修保养验收单,
+  [SCHEDULE.BUSINESS_CERT_PRINT]: '/schedule/certPrintList', // 证书打印,
+  [SCHEDULE.BUSINESS_REPORT_ON_CREDENTIALS]: '/lab/reportOnCredentialsApproval', // 证书报告,
+  [SCHEDULE.BUSINESS_SUBPACKAGE_APPLY]: '/subpackage/itemApply', // 分包项目申请,
+  [SCHEDULE.BUSINESS_SUBPACKAGE_CHECK]: '/subpackage/itemCheck', // 分包项目验收,
+  [SCHEDULE.BUSINESS_SUBPACKAGE_RECORD]: '/subpackage/archives', // 分包方档案,
+  [SCHEDULE.BUSINESS_SUBPACKAGE_APPROVE]: '/subpackage/qualificationApprove', // 分包方资格资格审批,
+  [SCHEDULE.BUSINESS_SUBPACKAGE_MANAGE]: '/subpackage/certificate', // 分包方证书管理,
+  [SCHEDULE.BUSINESS_FIELDTEST_APPROVE]: '/fieldTest/approve', // 现场检测审批,
+  [SCHEDULE.BUSINESS_FINANCE_CONTRACT_APPROVE]: '/contractManagement/list', // 合同审批,
 }