修bug

src/components/DeviceList.vue

@@ -118,7 +118,6 @@ export default {
         data.sort((a, b) => a.id - b.id);
         this.allDevices = data;
         this.tableData = this.buildTreeData(data);
-        console.log('Final tableData:', this.tableData); // 添加这行日志
         this.originalTableData = [...this.tableData]; // 保存原始顺序
       } catch (err) {
         this.error = err.message || '未知错误';

src/components/DeviceTemplateList.vue

@@ -104,8 +104,9 @@ export default {
       this.loading = true;
       this.error = null;
       try {
-        const data = await deviceTemplateService.getDeviceTemplates();
+        const response = await deviceTemplateService.getDeviceTemplates();
-        this.tableData = data;
+        // 确保只将数组部分赋值给 tableData
+        this.tableData = response.data || [];
       } catch (err) {
         this.error = err.message || '未知错误';
         console.error('加载设备模板列表失败:', err);

src/services/deviceService.js

@@ -1,4 +1,4 @@
-import { AreaControllerApi, DeviceApi } from '../api/device.js';
+import {AreaControllerApi, DeviceApi} from '../api/device.js';
 
 class DeviceService {
     /**
@@ -39,11 +39,11 @@ class DeviceService {
         try {
             if (deviceData.type === 'area_controller') {
                 const response = await AreaControllerApi.create(deviceData);
-        return { ...response.data, type: 'area_controller' };
+                return {...response.data, type: 'area_controller'};
             } else {
                 // 默认创建普通设备
                 const response = await DeviceApi.create(deviceData);
-        return { ...response.data, type: 'device', parent_id: response.data.area_controller_id };
+                return {...response.data, type: 'device', parent_id: response.data.area_controller_id};
             }
         } catch (error) {
             console.error('创建设备失败:', error);
@@ -61,10 +61,10 @@ class DeviceService {
         try {
             if (type === 'area_controller') {
                 const response = await AreaControllerApi.get(id);
-        return { ...response.data, type: 'area_controller' };
+                return {...response.data, type: 'area_controller'};
             } else {
                 const response = await DeviceApi.get(id);
-        return { ...response.data, type: 'device', parent_id: response.data.area_controller_id };
+                return {...response.data, type: 'device', parent_id: response.data.area_controller_id};
             }
         } catch (error) {
             console.error('获取设备详情失败:', error);
@@ -82,10 +82,10 @@ class DeviceService {
         try {
             if (deviceData.type === 'area_controller') {
                 const response = await AreaControllerApi.update(id, deviceData);
-        return { ...response.data, type: 'area_controller' };
+                return {...response.data, type: 'area_controller'};
             } else {
                 const response = await DeviceApi.update(id, deviceData);
-        return { ...response.data, type: 'device', parent_id: response.data.area_controller_id };
+                return {...response.data, type: 'device', parent_id: response.data.area_controller_id};
             }
         } catch (error) {
             console.error('更新设备失败:', error);

webpack.config.js

@@ -1,6 +1,7 @@
 const { VueLoaderPlugin } = require('vue-loader');
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const webpack = require('webpack'); // 引入 webpack 模块
 
 module.exports = (env, argv) => {
   const isDevelopment = argv.mode === 'development';
@@ -38,6 +39,12 @@ module.exports = (env, argv) => {
       new HtmlWebpackPlugin({
         template: './index.html',
         filename: 'index.html'
+      }),
+      // 添加 Vue 特性标志的定义
+      new webpack.DefinePlugin({
+        __VUE_OPTIONS_API__: JSON.stringify(true),
+        __VUE_PROD_DEVTOOLS__: JSON.stringify(isDevelopment),
+        __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: JSON.stringify(isDevelopment)
       })
     ],
     devServer: {