diff --git a/apps/web-antd/src/views/iot/device/device/detail/modules/message.vue b/apps/web-antd/src/views/iot/device/device/detail/modules/message.vue
index 6c65ce216..965d5eb24 100644
--- a/apps/web-antd/src/views/iot/device/device/detail/modules/message.vue
+++ b/apps/web-antd/src/views/iot/device/device/detail/modules/message.vue
@@ -206,7 +206,7 @@ defineExpose({
       </Select>
       <Space>
         <Button type="primary" @click="handleQuery">
-          <IconifyIcon icon="ep:search" class="mr-5px" /> 搜索
+          <IconifyIcon icon="ep:search" class="mr-[5px]" /> 搜索
         </Button>
         <Switch
           v-model:checked="autoRefresh"
diff --git a/apps/web-antd/src/views/iot/device/device/detail/modules/simulator.vue b/apps/web-antd/src/views/iot/device/device/detail/modules/simulator.vue
index e3e1ef598..3af6c6216 100644
--- a/apps/web-antd/src/views/iot/device/device/detail/modules/simulator.vue
+++ b/apps/web-antd/src/views/iot/device/device/detail/modules/simulator.vue
@@ -227,23 +227,25 @@ async function handlePropertyPost() {
 async function handleEventPost(row: ThingModelApi.ThingModel) {
   try {
     const valueStr = formData.value[row.identifier!];
-    let params: any = {};
+    let eventValue: any;
 
     if (valueStr) {
       try {
-        params = JSON.parse(valueStr);
+        eventValue = JSON.parse(valueStr);
       } catch {
         message.error('事件参数格式错误，请输入有效的JSON格式');
         return;
       }
     }
 
+    // 与后端 IotDeviceEventPostReqDTO 对齐 ：{ identifier, value, time }
     await sendDeviceMessage({
       deviceId: props.device.id!,
       method: IotDeviceMessageMethodEnum.EVENT_POST.method,
       params: {
         identifier: row.identifier,
-        params,
+        value: eventValue,
+        time: Date.now(),
       },
     });
 
@@ -309,23 +311,24 @@ async function handlePropertySet() {
 async function handleServiceInvoke(row: ThingModelApi.ThingModel) {
   try {
     const valueStr = formData.value[row.identifier!];
-    let params: any = {};
+    let inputParams: any = {};
 
     if (valueStr) {
       try {
-        params = JSON.parse(valueStr);
+        inputParams = JSON.parse(valueStr);
       } catch {
         message.error('服务参数格式错误，请输入有效的JSON格式');
         return;
       }
     }
 
+    // 与后端 IotDeviceServiceInvokeReqDTO 对齐 ：{ identifier, inputParams }
     await sendDeviceMessage({
       deviceId: props.device.id!,
       method: IotDeviceMessageMethodEnum.SERVICE_INVOKE.method,
       params: {
         identifier: row.identifier,
-        params,
+        inputParams,
       },
     });
 
diff --git a/apps/web-antd/src/views/iot/device/device/detail/modules/thing-model-property.vue b/apps/web-antd/src/views/iot/device/device/detail/modules/thing-model-property.vue
index 75257e476..c73ebe2d8 100644
--- a/apps/web-antd/src/views/iot/device/device/detail/modules/thing-model-property.vue
+++ b/apps/web-antd/src/views/iot/device/device/detail/modules/thing-model-property.vue
@@ -286,7 +286,7 @@ onBeforeUnmount(() => {
         <Switch
           v-model:checked="autoRefresh"
           checked-children="定时刷新"
-          class="ml-20px"
+          class="ml-[20px]"
           un-checked-children="定时刷新"
         />
       </div>
diff --git a/apps/web-antd/src/views/iot/device/device/modules/card-view.vue b/apps/web-antd/src/views/iot/device/device/modules/card-view.vue
index 880c51934..6592a470f 100644
--- a/apps/web-antd/src/views/iot/device/device/modules/card-view.vue
+++ b/apps/web-antd/src/views/iot/device/device/modules/card-view.vue
@@ -212,7 +212,7 @@ onMounted(() => {
               <Button
                 v-if="hasAccessByCodes(['iot:device:update'])"
                 size="small"
-                class="!h-8 flex-1 rounded-md !border-[#1890ff] !text-[13px] !text-[#1890ff] transition-all duration-200 hover:!bg-[#1890ff] hover:!text-white"
+                class="!h-8 min-w-0 flex-1 rounded-md !border-[#1890ff] !text-[13px] !text-[#1890ff] transition-all duration-200 hover:!bg-[#1890ff] hover:!text-white"
                 @click="emit('edit', item)"
               >
                 <IconifyIcon icon="lucide:edit" class="mr-1" />
@@ -221,7 +221,7 @@ onMounted(() => {
               <Button
                 v-if="hasAccessByCodes(['iot:device:query'])"
                 size="small"
-                class="!h-8 flex-1 rounded-md !border-[#52c41a] !text-[13px] !text-[#52c41a] transition-all duration-200 hover:!bg-[#52c41a] hover:!text-white"
+                class="!h-8 min-w-0 flex-1 rounded-md !border-[#52c41a] !text-[13px] !text-[#52c41a] transition-all duration-200 hover:!bg-[#52c41a] hover:!text-white"
                 @click="emit('detail', item.id!)"
               >
                 <IconifyIcon icon="lucide:eye" class="mr-1" />
@@ -230,7 +230,7 @@ onMounted(() => {
               <Button
                 v-if="hasAccessByCodes(['iot:device:message-query'])"
                 size="small"
-                class="!h-8 flex-1 rounded-md !border-[#fa8c16] !text-[13px] !text-[#fa8c16] transition-all duration-200 hover:!bg-[#fa8c16] hover:!text-white"
+                class="!h-8 min-w-0 flex-1 rounded-md !border-[#fa8c16] !text-[13px] !text-[#fa8c16] transition-all duration-200 hover:!bg-[#fa8c16] hover:!text-white"
                 @click="emit('model', item.id!)"
               >
                 <IconifyIcon icon="lucide:database" class="mr-1" />
diff --git a/apps/web-antd/src/views/iot/product/product/modules/card-view.vue b/apps/web-antd/src/views/iot/product/product/modules/card-view.vue
index 476fc4166..189f4bcd9 100644
--- a/apps/web-antd/src/views/iot/product/product/modules/card-view.vue
+++ b/apps/web-antd/src/views/iot/product/product/modules/card-view.vue
@@ -188,7 +188,7 @@ onMounted(() => {
               <Button
                 v-if="hasAccessByCodes(['iot:product:update'])"
                 size="small"
-                class="!h-8 flex-1 rounded-md !border-[#1890ff] !text-[13px] !text-[#1890ff] transition-all duration-200 hover:!bg-[#1890ff] hover:!text-white"
+                class="!h-8 min-w-0 flex-1 rounded-md !border-[#1890ff] !text-[13px] !text-[#1890ff] transition-all duration-200 hover:!bg-[#1890ff] hover:!text-white"
                 @click="emit('edit', item)"
               >
                 <IconifyIcon icon="lucide:edit" class="mr-1" />
@@ -197,7 +197,7 @@ onMounted(() => {
               <Button
                 v-if="hasAccessByCodes(['iot:product:query'])"
                 size="small"
-                class="!h-8 flex-1 rounded-md !border-[#52c41a] !text-[13px] !text-[#52c41a] transition-all duration-200 hover:!bg-[#52c41a] hover:!text-white"
+                class="!h-8 min-w-0 flex-1 rounded-md !border-[#52c41a] !text-[13px] !text-[#52c41a] transition-all duration-200 hover:!bg-[#52c41a] hover:!text-white"
                 @click="emit('detail', item.id)"
               >
                 <IconifyIcon icon="lucide:eye" class="mr-1" />
@@ -206,7 +206,7 @@ onMounted(() => {
               <Button
                 v-if="hasAccessByCodes(['iot:thing-model:query'])"
                 size="small"
-                class="!h-8 flex-1 rounded-md !border-[#fa8c16] !text-[13px] !text-[#fa8c16] transition-all duration-200 hover:!bg-[#fa8c16] hover:!text-white"
+                class="!h-8 min-w-0 flex-1 rounded-md !border-[#fa8c16] !text-[13px] !text-[#fa8c16] transition-all duration-200 hover:!bg-[#fa8c16] hover:!text-white"
                 @click="emit('thingModel', item.id)"
               >
                 <IconifyIcon icon="lucide:git-branch" class="mr-1" />
diff --git a/apps/web-antd/src/views/iot/rule/scene/form/configs/device-control-config.vue b/apps/web-antd/src/views/iot/rule/scene/form/configs/device-control-config.vue
index 369395956..5156739d5 100644
--- a/apps/web-antd/src/views/iot/rule/scene/form/configs/device-control-config.vue
+++ b/apps/web-antd/src/views/iot/rule/scene/form/configs/device-control-config.vue
@@ -165,7 +165,7 @@ async function loadThingModelProperties(productId: number) {
           property.accessMode === IoTThingModelAccessModeEnum.WRITE_ONLY.value),
     );
   } catch (error) {
-    console.error('加载物模型属性失败:', error);
+    console.error('加载物模型属性失败 ：', error);
     thingModelProperties.value = [];
   } finally {
     loadingThingModel.value = false;
@@ -193,7 +193,7 @@ async function loadServiceList(productId: number) {
 
     serviceList.value = tslData.services;
   } catch (error) {
-    console.error('加载服务列表失败:', error);
+    console.error('加载服务列表失败 ：', error);
     serviceList.value = [];
   } finally {
     loadingServices.value = false;
diff --git a/apps/web-antd/src/views/iot/rule/scene/form/selectors/device-selector.vue b/apps/web-antd/src/views/iot/rule/scene/form/selectors/device-selector.vue
index 4d461601f..ceefc0ab0 100644
--- a/apps/web-antd/src/views/iot/rule/scene/form/selectors/device-selector.vue
+++ b/apps/web-antd/src/views/iot/rule/scene/form/selectors/device-selector.vue
@@ -45,7 +45,7 @@ async function getDeviceList() {
     const data = await getDeviceListByProductId(props.productId);
     deviceList.value = [DEVICE_SELECTOR_OPTIONS.ALL_DEVICES, ...(data || [])];
   } catch (error) {
-    console.error('获取设备列表失败:', error);
+    console.error('获取设备列表失败 ：', error);
     deviceList.value = [DEVICE_SELECTOR_OPTIONS.ALL_DEVICES];
   } finally {
     deviceLoading.value = false;
diff --git a/apps/web-antd/src/views/iot/rule/scene/form/selectors/property-selector.vue b/apps/web-antd/src/views/iot/rule/scene/form/selectors/property-selector.vue
index 9d6c825f8..893c20a29 100644
--- a/apps/web-antd/src/views/iot/rule/scene/form/selectors/property-selector.vue
+++ b/apps/web-antd/src/views/iot/rule/scene/form/selectors/property-selector.vue
@@ -117,7 +117,7 @@ async function loadThingModelTSL() {
     const tsl = await getThingModelTSLByProductId(props.productId);
     propertyList.value = parseThingModelData(tsl);
   } catch (error) {
-    console.error('获取物模型 TSL 失败：', error);
+    console.error('获取物模型 TSL 失败 ：', error);
     propertyList.value = [];
   } finally {
     loading.value = false;
diff --git a/apps/web-ele/src/views/iot/device/device/detail/modules/message.vue b/apps/web-ele/src/views/iot/device/device/detail/modules/message.vue
index df921ea31..b992b9fe9 100644
--- a/apps/web-ele/src/views/iot/device/device/detail/modules/message.vue
+++ b/apps/web-ele/src/views/iot/device/device/detail/modules/message.vue
@@ -210,7 +210,7 @@ defineExpose({
       </ElSelect>
       <div class="flex gap-1">
         <ElButton type="primary" @click="handleQuery">
-          <IconifyIcon icon="ep:search" class="mr-5px" /> 搜索
+          <IconifyIcon icon="ep:search" class="mr-[5px]" /> 搜索
         </ElButton>
         <ElSwitch
           v-model="autoRefresh"
diff --git a/apps/web-ele/src/views/iot/device/device/detail/modules/modbus-point-form.vue b/apps/web-ele/src/views/iot/device/device/detail/modules/modbus-point-form.vue
index 62f2d47d7..c1d5ec35e 100644
--- a/apps/web-ele/src/views/iot/device/device/detail/modules/modbus-point-form.vue
+++ b/apps/web-ele/src/views/iot/device/device/detail/modules/modbus-point-form.vue
@@ -77,9 +77,6 @@ function useFormSchema(): VbenFormSchema[] {
       componentProps: {
         placeholder: '请选择物模型属性',
         filterable: true,
-        filterMethod(input: string, option: any) {
-          return option.label.toLowerCase().includes(input.toLowerCase());
-        },
       },
       dependencies: {
         triggerFields: [''],
diff --git a/apps/web-ele/src/views/iot/device/device/detail/modules/simulator.vue b/apps/web-ele/src/views/iot/device/device/detail/modules/simulator.vue
index 9aed7d024..e8fa02872 100644
--- a/apps/web-ele/src/views/iot/device/device/detail/modules/simulator.vue
+++ b/apps/web-ele/src/views/iot/device/device/detail/modules/simulator.vue
@@ -119,23 +119,25 @@ async function handlePropertyPost() {
 async function handleEventPost(row: ThingModelApi.ThingModel) {
   try {
     const valueStr = formData.value[row.identifier!];
-    let params: any = {};
+    let eventValue: any;
 
     if (valueStr) {
       try {
-        params = JSON.parse(valueStr);
+        eventValue = JSON.parse(valueStr);
       } catch {
         ElMessage.error('事件参数格式错误，请输入有效的JSON格式');
         return;
       }
     }
 
+    // 与后端 IotDeviceEventPostReqDTO 对齐 ：{ identifier, value, time }
     await sendDeviceMessage({
       deviceId: props.device.id!,
       method: IotDeviceMessageMethodEnum.EVENT_POST.method,
       params: {
         identifier: row.identifier,
-        params,
+        value: eventValue,
+        time: Date.now(),
       },
     });
 
@@ -201,23 +203,24 @@ async function handlePropertySet() {
 async function handleServiceInvoke(row: ThingModelApi.ThingModel) {
   try {
     const valueStr = formData.value[row.identifier!];
-    let params: any = {};
+    let inputParams: any = {};
 
     if (valueStr) {
       try {
-        params = JSON.parse(valueStr);
+        inputParams = JSON.parse(valueStr);
       } catch {
         ElMessage.error('服务参数格式错误，请输入有效的JSON格式');
         return;
       }
     }
 
+    // 与后端 IotDeviceServiceInvokeReqDTO 对齐 ：{ identifier, inputParams }
     await sendDeviceMessage({
       deviceId: props.device.id!,
       method: IotDeviceMessageMethodEnum.SERVICE_INVOKE.method,
       params: {
         identifier: row.identifier,
-        params,
+        inputParams,
       },
     });
 
diff --git a/apps/web-ele/src/views/iot/device/device/detail/modules/thing-model-property.vue b/apps/web-ele/src/views/iot/device/device/detail/modules/thing-model-property.vue
index 760c20517..60f54682a 100644
--- a/apps/web-ele/src/views/iot/device/device/detail/modules/thing-model-property.vue
+++ b/apps/web-ele/src/views/iot/device/device/detail/modules/thing-model-property.vue
@@ -287,7 +287,7 @@ onBeforeUnmount(() => {
         <ElSwitch
           v-model="autoRefresh"
           active-text="定时刷新"
-          class="ml-20px"
+          class="ml-[20px]"
           inactive-text="定时刷新"
         />
       </div>
diff --git a/apps/web-ele/src/views/iot/device/device/modules/card-view.vue b/apps/web-ele/src/views/iot/device/device/modules/card-view.vue
index 01ee547ab..7d9fa06e8 100644
--- a/apps/web-ele/src/views/iot/device/device/modules/card-view.vue
+++ b/apps/web-ele/src/views/iot/device/device/modules/card-view.vue
@@ -208,7 +208,7 @@ onMounted(() => {
               <ElButton
                 v-if="hasAccessByCodes(['iot:device:update'])"
                 size="small"
-                class="!h-8 flex-1 rounded-md !border-[#1890ff] !text-[13px] !text-[#1890ff] transition-all duration-200 hover:!bg-[#1890ff] hover:!text-white"
+                class="!h-8 min-w-0 flex-1 rounded-md !border-[#1890ff] !text-[13px] !text-[#1890ff] transition-all duration-200 hover:!bg-[#1890ff] hover:!text-white"
                 @click="emit('edit', item)"
               >
                 <IconifyIcon icon="lucide:edit" class="mr-1" />
@@ -217,7 +217,7 @@ onMounted(() => {
               <ElButton
                 v-if="hasAccessByCodes(['iot:device:query'])"
                 size="small"
-                class="!h-8 flex-1 rounded-md !border-[#52c41a] !text-[13px] !text-[#52c41a] transition-all duration-200 hover:!bg-[#52c41a] hover:!text-white"
+                class="!h-8 min-w-0 flex-1 rounded-md !border-[#52c41a] !text-[13px] !text-[#52c41a] transition-all duration-200 hover:!bg-[#52c41a] hover:!text-white"
                 @click="emit('detail', item.id!)"
               >
                 <IconifyIcon icon="lucide:eye" class="mr-1" />
@@ -226,7 +226,7 @@ onMounted(() => {
               <ElButton
                 v-if="hasAccessByCodes(['iot:device:message-query'])"
                 size="small"
-                class="!h-8 flex-1 rounded-md !border-[#fa8c16] !text-[13px] !text-[#fa8c16] transition-all duration-200 hover:!bg-[#fa8c16] hover:!text-white"
+                class="!h-8 min-w-0 flex-1 rounded-md !border-[#fa8c16] !text-[13px] !text-[#fa8c16] transition-all duration-200 hover:!bg-[#fa8c16] hover:!text-white"
                 @click="emit('model', item.id!)"
               >
                 <IconifyIcon icon="lucide:database" class="mr-1" />
diff --git a/apps/web-ele/src/views/iot/product/product/modules/card-view.vue b/apps/web-ele/src/views/iot/product/product/modules/card-view.vue
index ad2f193d4..48e820adc 100644
--- a/apps/web-ele/src/views/iot/product/product/modules/card-view.vue
+++ b/apps/web-ele/src/views/iot/product/product/modules/card-view.vue
@@ -185,7 +185,7 @@ onMounted(() => {
               <ElButton
                 v-if="hasAccessByCodes(['iot:product:update'])"
                 size="small"
-                class="!h-8 flex-1 rounded-md !border-[#1890ff] !text-[13px] !text-[#1890ff] transition-all duration-200 hover:!bg-[#1890ff] hover:!text-white"
+                class="!h-8 min-w-0 flex-1 rounded-md !border-[#1890ff] !text-[13px] !text-[#1890ff] transition-all duration-200 hover:!bg-[#1890ff] hover:!text-white"
                 @click="emit('edit', item)"
               >
                 <IconifyIcon icon="lucide:edit" class="mr-1" />
@@ -194,7 +194,7 @@ onMounted(() => {
               <ElButton
                 v-if="hasAccessByCodes(['iot:product:query'])"
                 size="small"
-                class="!h-8 flex-1 rounded-md !border-[#52c41a] !text-[13px] !text-[#52c41a] transition-all duration-200 hover:!bg-[#52c41a] hover:!text-white"
+                class="!h-8 min-w-0 flex-1 rounded-md !border-[#52c41a] !text-[13px] !text-[#52c41a] transition-all duration-200 hover:!bg-[#52c41a] hover:!text-white"
                 @click="emit('detail', item.id)"
               >
                 <IconifyIcon icon="lucide:eye" class="mr-1" />
@@ -203,7 +203,7 @@ onMounted(() => {
               <ElButton
                 v-if="hasAccessByCodes(['iot:thing-model:query'])"
                 size="small"
-                class="!h-8 flex-1 rounded-md !border-[#fa8c16] !text-[13px] !text-[#fa8c16] transition-all duration-200 hover:!bg-[#fa8c16] hover:!text-white"
+                class="!h-8 min-w-0 flex-1 rounded-md !border-[#fa8c16] !text-[13px] !text-[#fa8c16] transition-all duration-200 hover:!bg-[#fa8c16] hover:!text-white"
                 @click="emit('thingModel', item.id)"
               >
                 <IconifyIcon icon="lucide:git-branch" class="mr-1" />
diff --git a/apps/web-ele/src/views/iot/rule/scene/form/configs/condition-config.vue b/apps/web-ele/src/views/iot/rule/scene/form/configs/condition-config.vue
index be9a36462..4bd91f70c 100644
--- a/apps/web-ele/src/views/iot/rule/scene/form/configs/condition-config.vue
+++ b/apps/web-ele/src/views/iot/rule/scene/form/configs/condition-config.vue
@@ -156,7 +156,7 @@ function handleOperatorChange() {
 </script>
 
 <template>
-  <div class="gap-16px flex flex-col">
+  <div class="gap-[16px] flex flex-col">
     <!-- 条件类型选择 -->
     <ElRow :gutter="16">
       <ElCol :span="8">
@@ -213,7 +213,7 @@ function handleOperatorChange() {
       v-if="
         condition.type === IotRuleSceneTriggerConditionTypeEnum.DEVICE_STATUS
       "
-      class="gap-16px flex flex-col"
+      class="gap-[16px] flex flex-col"
     >
       <!-- 状态和操作符选择 -->
       <ElRow :gutter="16">
@@ -266,7 +266,7 @@ function handleOperatorChange() {
       v-else-if="
         condition.type === IotRuleSceneTriggerConditionTypeEnum.DEVICE_PROPERTY
       "
-      class="space-y-16px"
+      class="space-y-[16px]"
     >
       <!-- 属性配置 -->
       <ElRow :gutter="16">
diff --git a/apps/web-ele/src/views/iot/rule/scene/form/configs/device-control-config.vue b/apps/web-ele/src/views/iot/rule/scene/form/configs/device-control-config.vue
index 75198be1f..68386645f 100644
--- a/apps/web-ele/src/views/iot/rule/scene/form/configs/device-control-config.vue
+++ b/apps/web-ele/src/views/iot/rule/scene/form/configs/device-control-config.vue
@@ -178,7 +178,7 @@ async function loadThingModelProperties(productId: number) {
           property.accessMode === IoTThingModelAccessModeEnum.WRITE_ONLY.value),
     );
   } catch (error) {
-    console.error('加载物模型属性失败:', error);
+    console.error('加载物模型属性失败 ：', error);
     thingModelProperties.value = [];
   } finally {
     loadingThingModel.value = false;
@@ -206,7 +206,7 @@ async function loadServiceList(productId: number) {
 
     serviceList.value = tslData.services;
   } catch (error) {
-    console.error('加载服务列表失败:', error);
+    console.error('加载服务列表失败 ：', error);
     serviceList.value = [];
   } finally {
     loadingServices.value = false;
@@ -339,7 +339,7 @@ watch(
 </script>
 
 <template>
-  <div class="gap-16px flex flex-col">
+  <div class="gap-[16px] flex flex-col">
     <!-- 产品和设备选择 - 与触发器保持一致的分离式选择器 -->
     <ElRow :gutter="16">
       <ElCol :span="12">
@@ -362,7 +362,7 @@ watch(
     </ElRow>
 
     <!-- 服务选择 - 服务调用类型时显示 -->
-    <div v-if="action.productId && isServiceInvokeAction" class="space-y-16px">
+    <div v-if="action.productId && isServiceInvokeAction" class="space-y-[16px]">
       <ElFormItem label="服务" required>
         <ElSelect
           v-model="action.identifier"
@@ -393,7 +393,7 @@ watch(
       </ElFormItem>
 
       <!-- 服务参数配置 -->
-      <div v-if="action.identifier" class="space-y-16px">
+      <div v-if="action.identifier" class="space-y-[16px]">
         <ElFormItem label="服务参数" required>
           <JsonParamsInput
             v-model="paramsValue"
@@ -406,7 +406,7 @@ watch(
     </div>
 
     <!-- 控制参数配置 - 属性设置类型时显示 -->
-    <div v-if="action.productId && isPropertySetAction" class="space-y-16px">
+    <div v-if="action.productId && isPropertySetAction" class="space-y-[16px]">
       <!-- 参数配置 -->
       <ElFormItem label="参数" required>
         <JsonParamsInput
diff --git a/apps/web-ele/src/views/iot/rule/scene/form/configs/device-trigger-config.vue b/apps/web-ele/src/views/iot/rule/scene/form/configs/device-trigger-config.vue
index dd0d303a5..b9a774f3b 100644
--- a/apps/web-ele/src/views/iot/rule/scene/form/configs/device-trigger-config.vue
+++ b/apps/web-ele/src/views/iot/rule/scene/form/configs/device-trigger-config.vue
@@ -93,23 +93,23 @@ function removeConditionGroup() {
 </script>
 
 <template>
-  <div class="gap-16px flex flex-col">
+  <div class="gap-[16px] flex flex-col">
     <!-- 主条件配置 - 默认直接展示 -->
-    <div class="space-y-16px">
+    <div class="space-y-[16px]">
       <!-- 主条件配置 -->
-      <div class="gap-16px flex flex-col">
+      <div class="gap-[16px] flex flex-col">
         <!-- 主条件配置 -->
-        <div class="space-y-16px">
+        <div class="space-y-[16px]">
           <!-- 主条件头部 - 与附加条件组保持一致的绿色风格 -->
           <div
-            class="p-16px rounded-8px flex items-center justify-between border border-green-200 bg-gradient-to-r from-green-50 to-emerald-50"
+            class="p-[16px] rounded-[8px] flex items-center justify-between border border-green-200 bg-gradient-to-r from-green-50 to-emerald-50"
           >
-            <div class="gap-12px flex items-center">
+            <div class="gap-[12px] flex items-center">
               <div
-                class="gap-8px text-16px font-600 flex items-center text-green-700"
+                class="gap-[8px] text-[16px] font-600 flex items-center text-green-700"
               >
                 <div
-                  class="w-24px h-24px text-12px flex items-center justify-center rounded-full bg-green-500 font-bold text-white"
+                  class="w-[24px] h-[24px] text-[12px] flex items-center justify-center rounded-full bg-green-500 font-bold text-white"
                 >
                   主
                 </div>
@@ -131,19 +131,19 @@ function removeConditionGroup() {
     </div>
 
     <!-- 条件组配置 -->
-    <div class="space-y-16px">
+    <div class="space-y-[16px]">
       <!-- 条件组配置 -->
-      <div class="gap-16px flex flex-col">
+      <div class="gap-[16px] flex flex-col">
         <!-- 条件组容器头部 -->
         <div
-          class="p-16px rounded-8px flex items-center justify-between border border-green-200 bg-gradient-to-r from-green-50 to-emerald-50"
+          class="p-[16px] rounded-[8px] flex items-center justify-between border border-green-200 bg-gradient-to-r from-green-50 to-emerald-50"
         >
-          <div class="gap-12px flex items-center">
+          <div class="gap-[12px] flex items-center">
             <div
-              class="gap-8px text-16px font-600 flex items-center text-green-700"
+              class="gap-[8px] text-[16px] font-600 flex items-center text-green-700"
             >
               <div
-                class="w-24px h-24px text-12px flex items-center justify-center rounded-full bg-green-500 font-bold text-white"
+                class="w-[24px] h-[24px] text-[12px] flex items-center justify-center rounded-full bg-green-500 font-bold text-white"
               >
                 组
               </div>
@@ -154,7 +154,7 @@ function removeConditionGroup() {
               {{ trigger.conditionGroups?.length || 0 }} 个子条件组
             </ElTag>
           </div>
-          <div class="gap-8px flex items-center">
+          <div class="gap-[8px] flex items-center">
             <ElButton
               type="primary"
               size="small"
@@ -174,7 +174,7 @@ function removeConditionGroup() {
         <!-- 子条件组列表 -->
         <div
           v-if="trigger.conditionGroups && trigger.conditionGroups.length > 0"
-          class="space-y-16px"
+          class="space-y-[16px]"
         >
           <!-- 逻辑关系说明 -->
           <div class="relative">
@@ -185,17 +185,17 @@ function removeConditionGroup() {
             >
               <!-- 子条件组容器 -->
               <div
-                class="rounded-8px border-2 border-orange-200 bg-orange-50 shadow-sm transition-shadow hover:shadow-md"
+                class="rounded-[8px] border-2 border-orange-200 bg-orange-50 shadow-sm transition-shadow hover:shadow-md"
               >
                 <div
-                  class="p-16px rounded-t-6px flex items-center justify-between border-b border-orange-200 bg-gradient-to-r from-orange-50 to-yellow-50"
+                  class="p-[16px] rounded-t-6px flex items-center justify-between border-b border-orange-200 bg-gradient-to-r from-orange-50 to-yellow-50"
                 >
-                  <div class="gap-12px flex items-center">
+                  <div class="gap-[12px] flex items-center">
                     <div
-                      class="gap-8px text-16px font-600 flex items-center text-orange-700"
+                      class="gap-[8px] text-[16px] font-600 flex items-center text-orange-700"
                     >
                       <div
-                        class="w-24px h-24px text-12px flex items-center justify-center rounded-full bg-orange-500 font-bold text-white"
+                        class="w-[24px] h-[24px] text-[12px] flex items-center justify-center rounded-full bg-orange-500 font-bold text-white"
                       >
                         {{ subGroupIndex + 1 }}
                       </div>
@@ -233,19 +233,19 @@ function removeConditionGroup() {
               <!-- 子条件组间的'或'连接符 -->
               <div
                 v-if="subGroupIndex < trigger.conditionGroups!.length - 1"
-                class="py-12px flex items-center justify-center"
+                class="py-[12px] flex items-center justify-center"
               >
-                <div class="gap-8px flex items-center">
+                <div class="gap-[8px] flex items-center">
                   <!-- 连接线 -->
-                  <div class="w-32px h-1px bg-orange-300"></div>
+                  <div class="w-[32px] h-[1px] bg-orange-300"></div>
                   <!-- 或标签 -->
                   <div
-                    class="px-16px py-6px rounded-full border-2 border-orange-300 bg-orange-100"
+                    class="px-[16px] py-[6px] rounded-full border-2 border-orange-300 bg-orange-100"
                   >
-                    <span class="text-14px font-600 text-orange-600">或</span>
+                    <span class="text-[14px] font-600 text-orange-600">或</span>
                   </div>
                   <!-- 连接线 -->
-                  <div class="w-32px h-1px bg-orange-300"></div>
+                  <div class="w-[32px] h-[1px] bg-orange-300"></div>
                 </div>
               </div>
             </div>
@@ -255,13 +255,13 @@ function removeConditionGroup() {
         <!-- 空状态 -->
         <div
           v-else
-          class="p-24px rounded-8px border-2 border-dashed border-orange-200 bg-orange-50 text-center"
+          class="p-[24px] rounded-[8px] border-2 border-dashed border-orange-200 bg-orange-50 text-center"
         >
-          <div class="gap-12px flex flex-col items-center">
-            <IconifyIcon icon="lucide:plus" class="text-32px text-orange-400" />
+          <div class="gap-[12px] flex flex-col items-center">
+            <IconifyIcon icon="lucide:plus" class="text-[32px] text-orange-400" />
             <div class="text-orange-600">
-              <p class="text-14px font-500 mb-4px">暂无子条件组</p>
-              <p class="text-12px">点击上方"添加子条件组"按钮开始配置</p>
+              <p class="text-[14px] font-500 mb-[4px]">暂无子条件组</p>
+              <p class="text-[12px]">点击上方"添加子条件组"按钮开始配置</p>
             </div>
           </div>
         </div>
diff --git a/apps/web-ele/src/views/iot/rule/scene/form/configs/sub-condition-group-config.vue b/apps/web-ele/src/views/iot/rule/scene/form/configs/sub-condition-group-config.vue
index 23f6dca9d..40c1bb942 100644
--- a/apps/web-ele/src/views/iot/rule/scene/form/configs/sub-condition-group-config.vue
+++ b/apps/web-ele/src/views/iot/rule/scene/form/configs/sub-condition-group-config.vue
@@ -110,7 +110,7 @@ function updateCondition(
       >
         <!-- 条件配置 -->
         <div
-          class="rounded-3px bg-fill-color-blank border border-border shadow-sm"
+          class="rounded-[3px] bg-fill-color-blank border border-border shadow-sm"
         >
           <div
             class="rounded-t-1 bg-fill-color-blank flex items-center justify-between border-b border-border p-3"
diff --git a/apps/web-ele/src/views/iot/rule/scene/form/sections/action-section.vue b/apps/web-ele/src/views/iot/rule/scene/form/sections/action-section.vue
index 3d9fee3db..c92e1b82b 100644
--- a/apps/web-ele/src/views/iot/rule/scene/form/sections/action-section.vue
+++ b/apps/web-ele/src/views/iot/rule/scene/form/sections/action-section.vue
@@ -157,24 +157,24 @@ function onActionTypeChange(action: RuleSceneApi.Action, type: number) {
 
 <template>
   <ElCard
-    class="rounded-8px border border-[var(--el-border-color-light)]"
+    class="rounded-[8px] border border-[var(--el-border-color-light)]"
     shadow="never"
   >
     <template #header>
       <div class="flex items-center justify-between">
-        <div class="gap-8px flex items-center">
+        <div class="gap-[8px] flex items-center">
           <IconifyIcon
             icon="ep:setting"
-            class="text-18px text-[var(--el-color-primary)]"
+            class="text-[18px] text-[var(--el-color-primary)]"
           />
-          <span class="text-16px font-600 text-[var(--el-text-color-primary)]">
+          <span class="text-[16px] font-600 text-[var(--el-text-color-primary)]">
             执行器配置
           </span>
           <ElTag size="small" type="info">
             {{ actions.length }} 个执行器
           </ElTag>
         </div>
-        <div class="gap-8px flex items-center">
+        <div class="gap-[8px] flex items-center">
           <ElButton type="primary" size="small" @click="addAction">
             <IconifyIcon icon="ep:plus" />
             添加执行器
@@ -195,7 +195,7 @@ function onActionTypeChange(action: RuleSceneApi.Action, type: number) {
       </div>
 
       <!-- 执行器列表 -->
-      <div v-else class="space-y-24px">
+      <div v-else class="space-y-[24px]">
         <div
           v-for="(action, index) in actions"
           :key="`action-${index}`"
@@ -205,7 +205,7 @@ function onActionTypeChange(action: RuleSceneApi.Action, type: number) {
           <div
             class="flex items-center justify-between rounded-t-lg border-b border-blue-200 bg-gradient-to-r from-blue-50 to-sky-50 p-4"
           >
-            <div class="gap-12px flex items-center">
+            <div class="gap-[12px] flex items-center">
               <div
                 class="font-600 flex items-center gap-2 text-base text-blue-700"
               >
@@ -224,7 +224,7 @@ function onActionTypeChange(action: RuleSceneApi.Action, type: number) {
                 {{ getActionTypeLabel(action.type as number) }}
               </ElTag>
             </div>
-            <div class="gap-8px flex items-center">
+            <div class="gap-[8px] flex items-center">
               <ElButton
                 v-if="actions.length > 1"
                 type="danger"
@@ -240,12 +240,12 @@ function onActionTypeChange(action: RuleSceneApi.Action, type: number) {
           </div>
 
           <!-- 执行器内容区域 -->
-          <div class="p-16px space-y-16px">
+          <div class="p-[16px] space-y-[16px]">
             <!-- 执行类型选择 -->
             <div class="w-full">
               <ElFormItem label="执行类型" required>
                 <ElSelect
-                  v-model="action.type"
+                  :model-value="action.type"
                   @change="(value: any) => updateActionType(index, value)"
                   placeholder="请选择执行类型"
                   class="w-full"
@@ -279,7 +279,7 @@ function onActionTypeChange(action: RuleSceneApi.Action, type: number) {
             <!-- 触发告警提示 - 触发告警时显示 -->
             <div
               v-if="action.type === IotRuleSceneActionTypeEnum.ALERT_TRIGGER"
-              class="rounded-6px border border-[var(--el-border-color-light)] bg-[var(--el-fill-color-blank)] p-4"
+              class="rounded-[6px] border border-[var(--el-border-color-light)] bg-[var(--el-fill-color-blank)] p-4"
             >
               <div class="mb-2 flex items-center gap-2">
                 <IconifyIcon
@@ -301,7 +301,7 @@ function onActionTypeChange(action: RuleSceneApi.Action, type: number) {
       </div>
 
       <!-- 添加提示 -->
-      <div v-if="actions.length > 0" class="py-16px text-center">
+      <div v-if="actions.length > 0" class="py-[16px] text-center">
         <ElButton type="primary" plain @click="addAction">
           <IconifyIcon icon="ep:plus" />
           继续添加执行器
diff --git a/apps/web-ele/src/views/iot/rule/scene/form/sections/basic-info-section.vue b/apps/web-ele/src/views/iot/rule/scene/form/sections/basic-info-section.vue
index 4dfd78536..0ac39be79 100644
--- a/apps/web-ele/src/views/iot/rule/scene/form/sections/basic-info-section.vue
+++ b/apps/web-ele/src/views/iot/rule/scene/form/sections/basic-info-section.vue
@@ -35,28 +35,28 @@ const formData = useVModel(props, 'modelValue', emit); // 表单数据
 
 <template>
   <ElCard
-    class="rounded-8px mb-10px border border-[var(--el-border-color-light)]"
+    class="rounded-[8px] mb-[10px] border border-[var(--el-border-color-light)]"
     shadow="never"
   >
     <template #header>
       <div class="flex items-center justify-between">
-        <div class="gap-8px flex items-center">
+        <div class="gap-[8px] flex items-center">
           <IconifyIcon
             icon="ep:info-filled"
-            class="text-18px text-[var(--el-color-primary)]"
+            class="text-[18px] text-[var(--el-color-primary)]"
           />
-          <span class="text-16px font-600 text-[var(--el-text-color-primary)]">
+          <span class="text-[16px] font-600 text-[var(--el-text-color-primary)]">
             基础信息
           </span>
         </div>
-        <div class="gap-8px flex items-center">
+        <div class="gap-[8px] flex items-center">
           <DictTag :type="DICT_TYPE.COMMON_STATUS" :value="formData.status" />
         </div>
       </div>
     </template>
 
     <div class="p-0">
-      <ElRow :gutter="24" class="mb-24px">
+      <ElRow :gutter="24" class="mb-[24px]">
         <ElCol :span="12">
           <ElFormItem label="场景名称" prop="name" required>
             <ElInput
diff --git a/apps/web-ele/src/views/iot/rule/scene/form/sections/trigger-section.vue b/apps/web-ele/src/views/iot/rule/scene/form/sections/trigger-section.vue
index eae474ec7..3fb6058cb 100644
--- a/apps/web-ele/src/views/iot/rule/scene/form/sections/trigger-section.vue
+++ b/apps/web-ele/src/views/iot/rule/scene/form/sections/trigger-section.vue
@@ -135,17 +135,17 @@ onMounted(() => {
 
 <template>
   <ElCard
-    class="rounded-8px mb-10px border border-[var(--el-border-color-light)]"
+    class="rounded-[8px] mb-[10px] border border-[var(--el-border-color-light)]"
     shadow="never"
   >
     <template #header>
       <div class="flex items-center justify-between">
-        <div class="gap-8px flex items-center">
+        <div class="gap-[8px] flex items-center">
           <IconifyIcon
             icon="ep:lightning"
-            class="text-18px text-[var(--el-color-primary)]"
+            class="text-[18px] text-[var(--el-color-primary)]"
           />
-          <span class="text-16px font-600 text-[var(--el-text-color-primary)]">
+          <span class="text-[16px] font-600 text-[var(--el-text-color-primary)]">
             触发器配置
           </span>
           <ElTag size="small" type="info">
@@ -159,24 +159,24 @@ onMounted(() => {
       </div>
     </template>
 
-    <div class="p-16px space-y-24px">
+    <div class="p-[16px] space-y-[24px]">
       <!-- 触发器列表 -->
-      <div v-if="triggers.length > 0" class="space-y-24px">
+      <div v-if="triggers.length > 0" class="space-y-[24px]">
         <div
           v-for="(triggerItem, index) in triggers"
           :key="`trigger-${index}`"
-          class="rounded-8px border-2 border-green-200 bg-green-50 shadow-sm transition-shadow hover:shadow-md"
+          class="rounded-[8px] border-2 border-green-200 bg-green-50 shadow-sm transition-shadow hover:shadow-md"
         >
           <!-- 触发器头部 - 绿色主题 -->
           <div
-            class="p-16px rounded-t-6px flex items-center justify-between border-b border-green-200 bg-gradient-to-r from-green-50 to-emerald-50"
+            class="p-[16px] rounded-t-6px flex items-center justify-between border-b border-green-200 bg-gradient-to-r from-green-50 to-emerald-50"
           >
-            <div class="gap-12px flex items-center">
+            <div class="gap-[12px] flex items-center">
               <div
-                class="gap-8px text-16px font-600 flex items-center text-green-700"
+                class="gap-[8px] text-[16px] font-600 flex items-center text-green-700"
               >
                 <div
-                  class="w-24px h-24px text-12px flex items-center justify-center rounded-full bg-green-500 font-bold text-white"
+                  class="w-[24px] h-[24px] text-[12px] flex items-center justify-center rounded-full bg-green-500 font-bold text-white"
                 >
                   {{ index + 1 }}
                 </div>
@@ -190,7 +190,7 @@ onMounted(() => {
                 {{ getTriggerTypeLabel(triggerItem.type as number) }}
               </ElTag>
             </div>
-            <div class="gap-8px flex items-center">
+            <div class="gap-[8px] flex items-center">
               <ElButton
                 v-if="triggers.length > 1"
                 type="danger"
@@ -206,7 +206,7 @@ onMounted(() => {
           </div>
 
           <!-- 触发器内容区域 -->
-          <div class="p-16px space-y-16px">
+          <div class="p-[16px] space-y-[16px]">
             <!-- 设备触发配置 -->
             <DeviceTriggerConfig
               v-if="isDeviceTrigger(triggerItem.type as number)"
@@ -221,17 +221,17 @@ onMounted(() => {
             <!-- 定时触发配置 -->
             <div
               v-else-if="triggerItem.type === IotRuleSceneTriggerTypeEnum.TIMER"
-              class="gap-16px flex flex-col"
+              class="gap-[16px] flex flex-col"
             >
               <div
-                class="gap-8px p-12px px-16px rounded-6px flex items-center border border-[var(--el-border-color-lighter)] bg-[var(--el-fill-color-light)]"
+                class="gap-[8px] p-[12px] px-[16px] rounded-[6px] flex items-center border border-[var(--el-border-color-lighter)] bg-[var(--el-fill-color-light)]"
               >
                 <IconifyIcon
                   icon="lucide:timer"
-                  class="text-18px text-[var(--el-color-danger)]"
+                  class="text-[18px] text-[var(--el-color-danger)]"
                 />
                 <span
-                  class="text-14px font-500 text-[var(--el-text-color-primary)]"
+                  class="text-[14px] font-500 text-[var(--el-text-color-primary)]"
                 >
                   定时触发配置
                 </span>
@@ -239,7 +239,7 @@ onMounted(() => {
 
               <!-- CRON 表达式配置 -->
               <div
-                class="p-16px rounded-6px border border-[var(--el-border-color-lighter)] bg-[var(--el-fill-color-blank)]"
+                class="p-[16px] rounded-[6px] border border-[var(--el-border-color-lighter)] bg-[var(--el-fill-color-blank)]"
               >
                 <ElFormItem label="CRON 表达式" required>
                   <CronTab
@@ -264,12 +264,12 @@ onMounted(() => {
       </div>
 
       <!-- 空状态 -->
-      <div v-else class="py-40px text-center">
+      <div v-else class="py-[40px] text-center">
         <ElEmpty description="暂无触发器">
           <template #description>
-            <div class="space-y-8px">
+            <div class="space-y-[8px]">
               <p class="text-[var(--el-text-color-secondary)]">暂无触发器配置</p>
-              <p class="text-12px text-[var(--el-text-color-placeholder)]">
+              <p class="text-[12px] text-[var(--el-text-color-placeholder)]">
                 请使用上方的「添加触发器」按钮来设置触发规则
               </p>
             </div>
diff --git a/apps/web-ele/src/views/iot/rule/scene/form/selectors/device-selector.vue b/apps/web-ele/src/views/iot/rule/scene/form/selectors/device-selector.vue
index bfe5da587..e7da76d00 100644
--- a/apps/web-ele/src/views/iot/rule/scene/form/selectors/device-selector.vue
+++ b/apps/web-ele/src/views/iot/rule/scene/form/selectors/device-selector.vue
@@ -49,7 +49,7 @@ async function getDeviceList() {
     const data = await getDeviceListByProductId(props.productId);
     deviceList.value = data || [];
   } catch (error) {
-    console.error('获取设备列表失败:', error);
+    console.error('获取设备列表失败 ：', error);
     deviceList.value = [];
   } finally {
     deviceList.value.unshift(DEVICE_SELECTOR_OPTIONS.ALL_DEVICES);
@@ -93,18 +93,18 @@ watch(
       :label="device.deviceName"
       :value="device.id"
     >
-      <div class="py-4px flex w-full items-center justify-between">
+      <div class="py-[4px] flex w-full items-center justify-between">
         <div class="flex-1">
           <div
-            class="text-14px font-500 mb-2px text-[var(--el-text-color-primary)]"
+            class="text-[14px] font-500 mb-[2px] text-[var(--el-text-color-primary)]"
           >
             {{ device.deviceName }}
           </div>
-          <div class="text-12px text-[var(--el-text-color-secondary)]">
+          <div class="text-[12px] text-[var(--el-text-color-secondary)]">
             {{ device.deviceKey }}
           </div>
         </div>
-        <div class="gap-4px flex items-center" v-if="device.id > 0">
+        <div class="gap-[4px] flex items-center" v-if="device.id > 0">
           <DictTag :type="DICT_TYPE.IOT_DEVICE_STATE" :value="device.state" />
         </div>
       </div>
diff --git a/apps/web-ele/src/views/iot/rule/scene/form/selectors/operator-selector.vue b/apps/web-ele/src/views/iot/rule/scene/form/selectors/operator-selector.vue
index 36770279a..79b4df192 100644
--- a/apps/web-ele/src/views/iot/rule/scene/form/selectors/operator-selector.vue
+++ b/apps/web-ele/src/views/iot/rule/scene/form/selectors/operator-selector.vue
@@ -250,18 +250,18 @@ watch(
         :label="operator.label"
         :value="operator.value"
       >
-        <div class="py-4px flex w-full items-center justify-between">
-          <div class="gap-8px flex items-center">
-            <div class="text-14px font-500 text-[var(--el-text-color-primary)]">
+        <div class="py-[4px] flex w-full items-center justify-between">
+          <div class="gap-[8px] flex items-center">
+            <div class="text-[14px] font-500 text-[var(--el-text-color-primary)]">
               {{ operator.label }}
             </div>
             <div
-              class="text-12px px-6px py-2px rounded-4px bg-[var(--el-color-primary-light-9)] font-mono text-[var(--el-color-primary)]"
+              class="text-[12px] px-[6px] py-[2px] rounded-[4px] bg-[var(--el-color-primary-light-9)] font-mono text-[var(--el-color-primary)]"
             >
               {{ operator.symbol }}
             </div>
           </div>
-          <div class="text-12px text-[var(--el-text-color-secondary)]">
+          <div class="text-[12px] text-[var(--el-text-color-secondary)]">
             {{ operator.description }}
           </div>
         </div>
diff --git a/apps/web-ele/src/views/iot/rule/scene/form/selectors/product-selector.vue b/apps/web-ele/src/views/iot/rule/scene/form/selectors/product-selector.vue
index 1c5e089db..5b81d0e8d 100644
--- a/apps/web-ele/src/views/iot/rule/scene/form/selectors/product-selector.vue
+++ b/apps/web-ele/src/views/iot/rule/scene/form/selectors/product-selector.vue
@@ -69,14 +69,14 @@ onMounted(() => {
       :label="product.name"
       :value="product.id"
     >
-      <div class="py-4px flex w-full items-center justify-between">
+      <div class="py-[4px] flex w-full items-center justify-between">
         <div class="flex-1">
           <div
-            class="text-14px font-500 mb-2px text-[var(--el-text-color-primary)]"
+            class="text-[14px] font-500 mb-[2px] text-[var(--el-text-color-primary)]"
           >
             {{ product.name }}
           </div>
-          <div class="text-12px text-[var(--el-text-color-secondary)]">
+          <div class="text-[12px] text-[var(--el-text-color-secondary)]">
             {{ product.productKey }}
           </div>
         </div>
diff --git a/apps/web-ele/src/views/iot/rule/scene/form/selectors/property-selector.vue b/apps/web-ele/src/views/iot/rule/scene/form/selectors/property-selector.vue
index 091b777ba..ea71568ea 100644
--- a/apps/web-ele/src/views/iot/rule/scene/form/selectors/property-selector.vue
+++ b/apps/web-ele/src/views/iot/rule/scene/form/selectors/property-selector.vue
@@ -144,11 +144,11 @@ async function fetchThingModelTSL() {
       thingModelTSL.value = tslData;
       parseThingModelData();
     } else {
-      console.error('获取物模型TSL失败: 返回数据为空');
+      console.error('获取物模型 TSL 失败 ：返回数据为空');
       propertyList.value = [];
     }
   } catch (error) {
-    console.error('获取物模型TSL失败:', error);
+    console.error('获取物模型 TSL 失败 ：', error);
     propertyList.value = [];
   } finally {
     loading.value = false;
@@ -280,14 +280,14 @@ watch(
 </script>
 
 <template>
-  <div class="gap-8px flex items-center">
+  <div class="gap-[8px] flex items-center">
     <ElSelect
       v-model="localValue"
       placeholder="请选择监控项"
       filterable
       clearable
       @change="handleChange"
-      class="!w-150px"
+      class="!w-[150px]"
       :loading="loading"
     >
       <ElOptionGroup
@@ -301,11 +301,11 @@ watch(
           :label="property.name"
           :value="property.identifier"
         >
-          <div class="py-2px flex w-full items-center justify-between">
-            <span class="text-14px font-500 flex-1 truncate text-[var(--el-text-color-primary)]">
+          <div class="py-[2px] flex w-full items-center justify-between">
+            <span class="text-[14px] font-500 flex-1 truncate text-[var(--el-text-color-primary)]">
               {{ property.name }}
             </span>
-            <ElTag size="small" class="ml-8px flex-shrink-0">
+            <ElTag size="small" class="ml-[8px] flex-shrink-0">
               {{ property.identifier }}
             </ElTag>
           </div>
@@ -338,9 +338,9 @@ watch(
       <template #default>
         <!-- 弹出层内容 -->
         <div class="property-detail-content">
-          <div class="gap-8px mb-12px flex items-center">
-            <IconifyIcon icon="ep:info-filled" class="text-16px text-[var(--el-color-info)]" />
-            <span class="text-14px font-500 text-[var(--el-text-color-primary)]">
+          <div class="gap-[8px] mb-[12px] flex items-center">
+            <IconifyIcon icon="ep:info-filled" class="text-[16px] text-[var(--el-color-info)]" />
+            <span class="text-[14px] font-500 text-[var(--el-text-color-primary)]">
               {{ selectedProperty.name }}
             </span>
             <ElTag size="small">
@@ -348,42 +348,42 @@ watch(
             </ElTag>
           </div>
 
-          <div class="space-y-8px ml-24px">
-            <div class="gap-8px flex items-start">
-              <span class="text-12px min-w-60px flex-shrink-0 text-[var(--el-text-color-secondary)]">
+          <div class="space-y-[8px] ml-[24px]">
+            <div class="gap-[8px] flex items-start">
+              <span class="text-[12px] min-w-[60px] flex-shrink-0 text-[var(--el-text-color-secondary)]">
                 标识符：
               </span>
-              <span class="text-12px flex-1 text-[var(--el-text-color-primary)]">
+              <span class="text-[12px] flex-1 text-[var(--el-text-color-primary)]">
                 {{ selectedProperty.identifier }}
               </span>
             </div>
 
             <div
               v-if="selectedProperty.description"
-              class="gap-8px flex items-start"
+              class="gap-[8px] flex items-start"
             >
-              <span class="text-12px min-w-60px flex-shrink-0 text-[var(--el-text-color-secondary)]">
+              <span class="text-[12px] min-w-[60px] flex-shrink-0 text-[var(--el-text-color-secondary)]">
                 描述：
               </span>
-              <span class="text-12px flex-1 text-[var(--el-text-color-primary)]">
+              <span class="text-[12px] flex-1 text-[var(--el-text-color-primary)]">
                 {{ selectedProperty.description }}
               </span>
             </div>
 
-            <div v-if="selectedProperty.unit" class="gap-8px flex items-start">
-              <span class="text-12px min-w-60px flex-shrink-0 text-[var(--el-text-color-secondary)]">
+            <div v-if="selectedProperty.unit" class="gap-[8px] flex items-start">
+              <span class="text-[12px] min-w-[60px] flex-shrink-0 text-[var(--el-text-color-secondary)]">
                 单位：
               </span>
-              <span class="text-12px flex-1 text-[var(--el-text-color-primary)]">
+              <span class="text-[12px] flex-1 text-[var(--el-text-color-primary)]">
                 {{ selectedProperty.unit }}
               </span>
             </div>
 
-            <div v-if="selectedProperty.range" class="gap-8px flex items-start">
-              <span class="text-12px min-w-60px flex-shrink-0 text-[var(--el-text-color-secondary)]">
+            <div v-if="selectedProperty.range" class="gap-[8px] flex items-start">
+              <span class="text-[12px] min-w-[60px] flex-shrink-0 text-[var(--el-text-color-secondary)]">
                 取值范围：
               </span>
-              <span class="text-12px flex-1 text-[var(--el-text-color-primary)]">
+              <span class="text-[12px] flex-1 text-[var(--el-text-color-primary)]">
                 {{ selectedProperty.range }}
               </span>
             </div>
@@ -394,12 +394,12 @@ watch(
                 selectedProperty.type === IoTThingModelTypeEnum.PROPERTY &&
                 selectedProperty.accessMode
               "
-              class="gap-8px flex items-start"
+              class="gap-[8px] flex items-start"
             >
-              <span class="text-12px min-w-60px flex-shrink-0 text-[var(--el-text-color-secondary)]">
+              <span class="text-[12px] min-w-[60px] flex-shrink-0 text-[var(--el-text-color-secondary)]">
                 访问模式：
               </span>
-              <span class="text-12px flex-1 text-[var(--el-text-color-primary)]">
+              <span class="text-[12px] flex-1 text-[var(--el-text-color-primary)]">
                 {{ getAccessModeLabel(selectedProperty.accessMode) }}
               </span>
             </div>
@@ -409,12 +409,12 @@ watch(
                 selectedProperty.type === IoTThingModelTypeEnum.EVENT &&
                 selectedProperty.eventType
               "
-              class="gap-8px flex items-start"
+              class="gap-[8px] flex items-start"
             >
-              <span class="text-12px min-w-60px flex-shrink-0 text-[var(--el-text-color-secondary)]">
+              <span class="text-[12px] min-w-[60px] flex-shrink-0 text-[var(--el-text-color-secondary)]">
                 事件类型：
               </span>
-              <span class="text-12px flex-1 text-[var(--el-text-color-primary)]">
+              <span class="text-[12px] flex-1 text-[var(--el-text-color-primary)]">
                 {{ getEventTypeLabel(selectedProperty.eventType) }}
               </span>
             </div>
@@ -424,12 +424,12 @@ watch(
                 selectedProperty.type === IoTThingModelTypeEnum.SERVICE &&
                 selectedProperty.callType
               "
-              class="gap-8px flex items-start"
+              class="gap-[8px] flex items-start"
             >
-              <span class="text-12px min-w-60px flex-shrink-0 text-[var(--el-text-color-secondary)]">
+              <span class="text-[12px] min-w-[60px] flex-shrink-0 text-[var(--el-text-color-secondary)]">
                 调用类型：
               </span>
-              <span class="text-12px flex-1 text-[var(--el-text-color-primary)]">
+              <span class="text-[12px] flex-1 text-[var(--el-text-color-primary)]">
                 {{
                   getThingModelServiceCallTypeLabel(selectedProperty.callType)
                 }}