1

admin/src/store/index.js

@@ -2,17 +2,43 @@
  * 设备选择模块 - 用于统计页面的设备切换
  * 这个模块会被持久化到 localStorage
  */
+
+// localStorage 的 key
+const STORAGE_KEY = 'device_selected_sn'
+
+// 从 localStorage 读取上次选中的设备
+const loadSelectedDevice = () => {
+  try {
+    const saved = localStorage.getItem(STORAGE_KEY)
+    return saved || ''
+  } catch (error) {
+    console.error('读取选中设备失败:', error)
+    return ''
+  }
+}
+
+// 保存选中的设备到 localStorage
+const saveSelectedDevice = (deviceSn) => {
+  try {
+    localStorage.setItem(STORAGE_KEY, deviceSn)
+  } catch (error) {
+    console.error('保存选中设备失败:', error)
+  }
+}
+
 const deviceModule = {
   namespaced: true,
 
   state: {
-    selectedDeviceSn: '', // 当前选中的设备 SN
+    selectedDeviceSn: loadSelectedDevice(), // 从 localStorage 恢复上次选中的设备
     deviceList: [], // 设备列表
   },
 
   mutations: {
     SET_SELECTED_DEVICE(state, deviceSn) {
       state.selectedDeviceSn = deviceSn
+      // 持久化到 localStorage
+      saveSelectedDevice(deviceSn)
     },
 
     SET_DEVICE_LIST(state, list) {
@@ -20,6 +46,7 @@ const deviceModule = {
       // 如果没有选中的设备，且列表不为空，自动选中第一个
       if (!state.selectedDeviceSn && list.length > 0) {
         state.selectedDeviceSn = list[0].deviceSn
+        saveSelectedDevice(state.selectedDeviceSn)
       }
     }
   },