diff --git a/index.html b/index.html
index b0e1006..15de931 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
       href="https://unpkg.byted-static.com/latest/byted/arco-config/assets/favicon.ico"
     />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>物联网网关系统</title>
+    <title>基于MQTT的IOT设备管理系统</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/src/api/product.ts b/src/api/product.ts
index 365daff..8261e21 100644
--- a/src/api/product.ts
+++ b/src/api/product.ts
@@ -79,7 +79,8 @@ export function addAttachments(data: any) {
   });
 }
 
-// 删除附件
-export function deleteAttachment(id: string) {
-  return axios.delete(`/api/rest/attachment/delete/${id}`);
-}
+
+// 删除设备预览图或图标
+export function deleteDeviceAttachment(id: string) {
+  return axios.delete(`/api/rest/device/attachment/${id}`);
+}
\ No newline at end of file
diff --git a/src/components/navbar/index.vue b/src/components/navbar/index.vue
index 4505689..cc2e01d 100644
--- a/src/components/navbar/index.vue
+++ b/src/components/navbar/index.vue
@@ -12,7 +12,7 @@
           :heading="5"
           @click="$router.push({ name: 'Workplace' })"
         >
-          物联网网关系统
+          IOT设备管理系统
         </a-typography-title>
         <icon-menu-fold
           v-if="!topMenu && appStore.device === 'mobile'"
diff --git a/src/router/routes/modules/system.ts b/src/router/routes/modules/system.ts
index dc8844a..ac798ff 100644
--- a/src/router/routes/modules/system.ts
+++ b/src/router/routes/modules/system.ts
@@ -83,7 +83,7 @@ const SYSTEM: AppRouteRecordRaw = {
       name: 'Log',
       component: () => import('@/views/system/log/index.vue'),
       meta: {
-        title: '操作日志管理',
+        title: '操作日志',
         requiresAuth: true,
         permissions: ['system:menu'],
       },
diff --git a/src/views/dashboard/workplace/index.vue b/src/views/dashboard/workplace/index.vue
index b5e1989..d63ac1e 100644
--- a/src/views/dashboard/workplace/index.vue
+++ b/src/views/dashboard/workplace/index.vue
@@ -3,7 +3,7 @@
     <div class="left-side">
       <div class="panel">
         <Banner />
-        <DataPanel :deviceInfo="computedDeviceInfo" :alarmInfo='alarmInfo' :productInfo='productInfo' />
+        <DataPanel v-if="computedDeviceInfo && alarmInfo && productInfo" :deviceInfo="computedDeviceInfo" :alarmInfo='alarmInfo' :productInfo='productInfo' />
         <ContentPublishingSource v-if="computedDeviceInfo && alarmInfo && productInfo" :deviceInfo="computedDeviceInfo" :alarmInfo='alarmInfo' :productInfo='productInfo' />
       </div>
       <a-grid :cols="24" :col-gap="16" :row-gap="16" style="margin-top: 16px">
@@ -22,8 +22,7 @@
 
 <script lang="ts" setup>
   import { computed, onMounted, onUnmounted, ref } from 'vue';
-  import { getAlarmInfo, getDeviceInfo, getProductInfo } from '@/api/dashboard';
-  import { EventSourcePolyfill } from 'event-source-polyfill';
+  import { Message } from '@arco-design/web-vue';
   import { getToken } from '@/utils/auth';
 
   import Banner from './components/banner.vue';
@@ -37,55 +36,91 @@
   const alarmInfo = ref<any>();
   const productInfo = ref<any>();
 
-  // const fetchData = async () => {
-  //   const res = await getDeviceInfo();
-  //   deviceInfo.value = res.data;
-  //   const res1 = await getAlarmInfo();
-  //   alarmInfo.value = res1.data;
-  //   const res2 = await getProductInfo();
-  //   productInfo.value = res2.data;
-  // }
-  // onMounted(() => {
-  //   fetchData();
-  // })
+  let deviceWebSocket: WebSocket | null = null;
+  let productWebSocket: WebSocket | null = null;
+  let alarmWebSocket: WebSocket | null = null;
 
-  let eventSource: EventSourcePolyfill | null = null;
-  const token = getToken();
-  const startSSE = () => {
-    // 创建 EventSourcePolyfill 对象并连接到 SSE 接口
-    eventSource = new EventSourcePolyfill(`http://127.0.0.1:8081/api/rest/device/sse/status`, {
-      headers: {
-        'X-CSRF-TOKEN': token
-      }
-    });
-
-    // 监听消息事件
-    eventSource.onmessage = (event:any) => {
+  const startWebSockets = () => {
+    // 创建设备状态 WebSocket 连接
+    deviceWebSocket = new WebSocket('ws://127.0.0.1:8081/api/rest/ws/device/status');
+    deviceWebSocket.onopen = () => {
+      console.log('Device WebSocket connected');
+    };
+    deviceWebSocket.onmessage = (event) => {
       const data = JSON.parse(event.data); // 假设服务器发送的是 JSON 数据
-      console.log('Received data:', data);
-      // 在这里处理接收到的数据
+      console.log('Received device data:', data);
+      deviceInfo.value = data; // 更新设备信息
+    };
+    deviceWebSocket.onerror = (error) => {
+      console.error('Device WebSocket error:', error);
+      Message.error({
+        content: '设备状态 WebSocket 连接错误',
+        duration: 5 * 1000,
+      });
+    };
+    deviceWebSocket.onclose = () => {
+      console.log('Device WebSocket closed');
     };
 
-    // 监听错误事件
-    eventSource.onerror = (error:any) => {
-      console.error('SSE error:', error);
-      // 在这里处理错误
+    // 创建产品状态 WebSocket 连接
+    productWebSocket = new WebSocket('ws://127.0.0.1:8081/api/rest/ws/product/status');
+    productWebSocket.onopen = () => {
+      console.log('Product WebSocket connected');
+    };
+    productWebSocket.onmessage = (event) => {
+      const data = JSON.parse(event.data); // 假设服务器发送的是 JSON 数据
+      console.log('Received product data:', data);
+      productInfo.value = data; // 更新产品信息
+    };
+    productWebSocket.onerror = (error) => {
+      console.error('Product WebSocket error:', error);
+      Message.error({
+        content: '产品状态 WebSocket 连接错误',
+        duration: 5 * 1000,
+      });
+    };
+    productWebSocket.onclose = () => {
+      console.log('Product WebSocket closed');
+    };
+
+    // 创建报警状态 WebSocket 连接
+    alarmWebSocket = new WebSocket('ws://127.0.0.1:8081/api/rest/ws/record/status');
+    alarmWebSocket.onopen = () => {
+      console.log('Alarm WebSocket connected');
+    };
+    alarmWebSocket.onmessage = (event) => {
+      const data = JSON.parse(event.data); // 假设服务器发送的是 JSON 数据
+      console.log('Received alarm data:', data);
+      alarmInfo.value = data; // 更新报警信息
+    };
+    alarmWebSocket.onerror = (error) => {
+      console.error('Alarm WebSocket error:', error);
+      Message.error({
+        content: '报警状态 WebSocket 连接错误',
+        duration: 5 * 1000,
+      });
+    };
+    alarmWebSocket.onclose = () => {
+      console.log('Alarm WebSocket closed');
     };
   };
 
   onMounted(() => {
-    startSSE();
+    startWebSockets();
   });
 
   onUnmounted(() => {
-    // 组件卸载时关闭 SSE 连接
-    if (eventSource) {
-      eventSource.close();
+    // 组件卸载时关闭 WebSocket 连接
+    if (deviceWebSocket) {
+      deviceWebSocket.close();
+    }
+    if (productWebSocket) {
+      productWebSocket.close();
+    }
+    if (alarmWebSocket) {
+      alarmWebSocket.close();
     }
   });
-
-
-
 </script>
 
 <script lang="ts">
diff --git a/src/views/iot/device/index.vue b/src/views/iot/device/index.vue
index a8230fb..53c339b 100644
--- a/src/views/iot/device/index.vue
+++ b/src/views/iot/device/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <Breadcrumb :items="['系统管理', '公告设置']" />
+    <Breadcrumb :items="['系统管理', '设备管理']" />
     <a-card class="general-card" title=" ">
       <a-row>
         <a-col :flex="1">
diff --git a/src/views/iot/deviceCard/index.vue b/src/views/iot/deviceCard/index.vue
index 398ee9f..8463571 100644
--- a/src/views/iot/deviceCard/index.vue
+++ b/src/views/iot/deviceCard/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <Breadcrumb :items="['系统管理', '公告设置']" />
+    <Breadcrumb :items="['系统管理', '设备管理']" />
     <a-card class="general-card" title=" ">
       <a-row>
         <a-col :flex="1">
diff --git a/src/views/iot/product/components/product-edit.vue b/src/views/iot/product/components/product-edit.vue
index 48304d2..6ba69a9 100644
--- a/src/views/iot/product/components/product-edit.vue
+++ b/src/views/iot/product/components/product-edit.vue
@@ -164,7 +164,7 @@
     ProductCreateRecord,
     queryProductDetail,
     updateProduct,
-    addAttachments, deleteAttachment
+    addAttachments, deleteDeviceAttachment
   } from '@/api/product';
 
   const props = defineProps({
@@ -296,7 +296,7 @@
         Message.error('无法获取图片 ID');
       }
       // 调用删除接口
-      const res = await deleteAttachment(fileId);
+      const res = await deleteDeviceAttachment(fileId);
       if (res.data === true) {
         // 删除成功后
         Message.success('删除成功');
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index a3b5413..bd33564 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="container">
     <div class="logo">
-      <div class="logo-text">Hello Ticket!</div>
+      <div class="logo-text">Hello</div>
     </div>
     <LoginBanner />
     <div class="content">
diff --git a/src/views/login/locale/zh-CN.ts b/src/views/login/locale/zh-CN.ts
index 394bd9f..f5c525b 100644
--- a/src/views/login/locale/zh-CN.ts
+++ b/src/views/login/locale/zh-CN.ts
@@ -1,5 +1,5 @@
 export default {
-  'login.form.title': '票据管理系统',
+  'login.form.title': 'IOT设备管理系统',
   'login.form.userName.errMsg': '账号不能为空',
   'login.form.password.errMsg': '密码不能为空',
   'login.form.login.errMsg': '登录出错，请刷新重试',
diff --git a/src/views/notification/notice/index.vue b/src/views/notification/notice/index.vue
index 131317f..8ac29ef 100644
--- a/src/views/notification/notice/index.vue
+++ b/src/views/notification/notice/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <Breadcrumb :items="['通知管理', '消息设置']" />
+    <Breadcrumb :items="['通知管理', '消息管理']" />
     <a-card class="general-card" title=" ">
       <a-row>
         <a-col :flex="1">
diff --git a/src/views/system/user/components/user-edit.vue b/src/views/system/user/components/user-edit.vue
index a053758..04a2a16 100644
--- a/src/views/system/user/components/user-edit.vue
+++ b/src/views/system/user/components/user-edit.vue
@@ -147,7 +147,7 @@
   });
   const emit = defineEmits(['refresh']);
   const modalTitle = computed(() => {
-    return props.isCreate ? '新建用户' : '编辑用户';
+    return props.isCreate ? '新增用户' : '编辑用户';
   });
   const { visible, setVisible } = useVisible(false);
   const checkKeys = ref<number[]>([]);
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 8d736e0..70129cd 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -37,7 +37,7 @@
                     </a-form-item>
                   </a-col>
 
-                  <a-col :span="9">
+                  <a-col :span="10">
                     <a-form-item field="phone" label="电话号码">
                       <a-input
                         v-model="formModel.phone"
