diff --git a/src/components/DeviceList.vue b/src/components/DeviceList.vue
index c354d76c..f1431eca 100644
--- a/src/components/DeviceList.vue
+++ b/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 || '未知错误';
diff --git a/src/components/DeviceTemplateList.vue b/src/components/DeviceTemplateList.vue
index 1d5b628f..dcef55cf 100644
--- a/src/components/DeviceTemplateList.vue
+++ b/src/components/DeviceTemplateList.vue
@@ -104,8 +104,9 @@ export default {
       this.loading = true;
       this.error = null;
       try {
-        const data = await deviceTemplateService.getDeviceTemplates();
-        this.tableData = data;
+        const response = await deviceTemplateService.getDeviceTemplates();
+        // 确保只将数组部分赋值给 tableData
+        this.tableData = response.data || [];
       } catch (err) {
         this.error = err.message || '未知错误';
         console.error('加载设备模板列表失败:', err);
diff --git a/src/services/deviceService.js b/src/services/deviceService.js
index 37b70393..58cf0f9c 100644
--- a/src/services/deviceService.js
+++ b/src/services/deviceService.js
@@ -1,115 +1,115 @@
-import { AreaControllerApi, DeviceApi } from '../api/device.js';
+import {AreaControllerApi, DeviceApi} from '../api/device.js';
 
 class DeviceService {
-  /**
-   * 获取所有设备和区域主控的列表，并将其合并为树形结构所需的数据
-   * @returns {Promise<Array>} 合并后的设备列表
-   */
-  async getDevices() {
-    try {
-      const [areaControllersResponse, devicesResponse] = await Promise.all([
-        AreaControllerApi.list(),
-        DeviceApi.list()
-      ]);
+    /**
+     * 获取所有设备和区域主控的列表，并将其合并为树形结构所需的数据
+     * @returns {Promise<Array>} 合并后的设备列表
+     */
+    async getDevices() {
+        try {
+            const [areaControllersResponse, devicesResponse] = await Promise.all([
+                AreaControllerApi.list(),
+                DeviceApi.list()
+            ]);
 
-      const areaControllers = (areaControllersResponse.data || []).map(controller => ({
-        ...controller,
-        type: 'area_controller' // 添加类型标识
-      }));
+            const areaControllers = (areaControllersResponse.data || []).map(controller => ({
+                ...controller,
+                type: 'area_controller' // 添加类型标识
+            }));
 
-      const devices = (devicesResponse.data || []).map(device => ({
-        ...device,
-        type: 'device', // 添加类型标识
-        parent_id: device.area_controller_id // 适配前端树形结构
-      }));
+            const devices = (devicesResponse.data || []).map(device => ({
+                ...device,
+                type: 'device', // 添加类型标识
+                parent_id: device.area_controller_id // 适配前端树形结构
+            }));
 
-      return [...areaControllers, ...devices];
-    } catch (error) {
-      console.error('获取设备列表失败:', error);
-      throw error;
+            return [...areaControllers, ...devices];
+        } catch (error) {
+            console.error('获取设备列表失败:', error);
+            throw error;
+        }
     }
-  }
 
-  /**
-   * 创建新设备或区域主控
-   * @param {Object} deviceData 设备或区域主控信息，包含type字段
-   * @returns {Promise<Object>} 创建结果
-   */
-  async createDevice(deviceData) {
-    try {
-      if (deviceData.type === 'area_controller') {
-        const response = await AreaControllerApi.create(deviceData);
-        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 };
-      }
-    } catch (error) {
-      console.error('创建设备失败:', error);
-      throw error;
+    /**
+     * 创建新设备或区域主控
+     * @param {Object} deviceData 设备或区域主控信息，包含type字段
+     * @returns {Promise<Object>} 创建结果
+     */
+    async createDevice(deviceData) {
+        try {
+            if (deviceData.type === 'area_controller') {
+                const response = await AreaControllerApi.create(deviceData);
+                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};
+            }
+        } catch (error) {
+            console.error('创建设备失败:', error);
+            throw error;
+        }
     }
-  }
 
-  /**
-   * 获取设备或区域主控详情
-   * @param {number} id ID
-   * @param {string} type 类型 ('area_controller' 或 'device')
-   * @returns {Promise<Object>} 详情
-   */
-  async getDevice(id, type) {
-    try {
-      if (type === 'area_controller') {
-        const response = await AreaControllerApi.get(id);
-        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 };
-      }
-    } catch (error) {
-      console.error('获取设备详情失败:', error);
-      throw error;
+    /**
+     * 获取设备或区域主控详情
+     * @param {number} id ID
+     * @param {string} type 类型 ('area_controller' 或 'device')
+     * @returns {Promise<Object>} 详情
+     */
+    async getDevice(id, type) {
+        try {
+            if (type === 'area_controller') {
+                const response = await AreaControllerApi.get(id);
+                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};
+            }
+        } catch (error) {
+            console.error('获取设备详情失败:', error);
+            throw error;
+        }
     }
-  }
 
-  /**
-   * 更新设备或区域主控信息
-   * @param {number} id ID
-   * @param {Object} deviceData 更新的设备或区域主控信息，包含type字段
-   * @returns {Promise<Object>} 更新后的信息
-   */
-  async updateDevice(id, deviceData) {
-    try {
-      if (deviceData.type === 'area_controller') {
-        const response = await AreaControllerApi.update(id, deviceData);
-        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 };
-      }
-    } catch (error) {
-      console.error('更新设备失败:', error);
-      throw error;
+    /**
+     * 更新设备或区域主控信息
+     * @param {number} id ID
+     * @param {Object} deviceData 更新的设备或区域主控信息，包含type字段
+     * @returns {Promise<Object>} 更新后的信息
+     */
+    async updateDevice(id, deviceData) {
+        try {
+            if (deviceData.type === 'area_controller') {
+                const response = await AreaControllerApi.update(id, deviceData);
+                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};
+            }
+        } catch (error) {
+            console.error('更新设备失败:', error);
+            throw error;
+        }
     }
-  }
 
-  /**
-   * 删除设备或区域主控
-   * @param {Object} device 包含id和type属性的设备或区域主控对象
-   * @returns {Promise<void>}
-   */
-  async deleteDevice(device) {
-    try {
-      if (device.type === 'area_controller') {
-        await AreaControllerApi.delete(device.id);
-      } else {
-        await DeviceApi.delete(device.id);
-      }
-    } catch (error) {
-      console.error('删除设备失败:', error);
-      throw error;
+    /**
+     * 删除设备或区域主控
+     * @param {Object} device 包含id和type属性的设备或区域主控对象
+     * @returns {Promise<void>}
+     */
+    async deleteDevice(device) {
+        try {
+            if (device.type === 'area_controller') {
+                await AreaControllerApi.delete(device.id);
+            } else {
+                await DeviceApi.delete(device.id);
+            }
+        } catch (error) {
+            console.error('删除设备失败:', error);
+            throw error;
+        }
     }
-  }
 }
 
 // 导出设备服务实例
diff --git a/webpack.config.js b/webpack.config.js
index e95cd60a..563ac5e6 100644
--- a/webpack.config.js
+++ b/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: {