From 6a26d8e4e523f99d2ad223b3fe932310694243ed Mon Sep 17 00:00:00 2001
From: puhui999 <puhui999@163.com>
Date: Thu, 7 Aug 2025 14:42:25 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E3=80=90IoT=20=E7=89=A9=E8=81=94?=
 =?UTF-8?q?=E7=BD=91=E3=80=91=E5=9C=BA=E6=99=AF=E8=81=94=E5=8A=A8=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=20MainConditionConfig=20=E7=9A=84=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E7=9B=B4=E6=8E=A5=E5=86=85=E8=81=94=E5=9C=A8=E4=B8=BB=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../form/configs/DeviceTriggerConfig.vue      | 47 +++++++++++--
 .../form/configs/MainConditionConfig.vue      | 66 -------------------
 2 files changed, 41 insertions(+), 72 deletions(-)
 delete mode 100644 src/views/iot/rule/scene/form/configs/MainConditionConfig.vue

diff --git a/src/views/iot/rule/scene/form/configs/DeviceTriggerConfig.vue b/src/views/iot/rule/scene/form/configs/DeviceTriggerConfig.vue
index ae469b12..aa94efd2 100644
--- a/src/views/iot/rule/scene/form/configs/DeviceTriggerConfig.vue
+++ b/src/views/iot/rule/scene/form/configs/DeviceTriggerConfig.vue
@@ -3,11 +3,37 @@
   <div class="flex flex-col gap-16px">
     <!-- 主条件配置 - 默认直接展示 -->
     <div class="space-y-16px">
-      <MainConditionConfig
-        v-model="trigger"
-        :trigger-type="trigger.type"
-        @trigger-type-change="handleTriggerTypeChange"
-      />
+      <!-- 主条件配置 -->
+      <div class="flex flex-col gap-16px">
+        <!-- 主条件配置 -->
+        <div class="space-y-16px">
+          <!-- 主条件头部 - 与附加条件组保持一致的绿色风格 -->
+          <div
+            class="flex items-center justify-between p-16px bg-gradient-to-r from-green-50 to-emerald-50 border border-green-200 rounded-8px"
+          >
+            <div class="flex items-center gap-12px">
+              <div class="flex items-center gap-8px text-16px font-600 text-green-700">
+                <div
+                  class="w-24px h-24px bg-green-500 text-white rounded-full flex items-center justify-center text-12px font-bold"
+                >
+                  主
+                </div>
+                <span>主条件</span>
+              </div>
+              <el-tag size="small" type="success">必须满足</el-tag>
+            </div>
+          </div>
+
+          <!-- 主条件内容配置 -->
+          <MainConditionInnerConfig
+            :model-value="trigger"
+            @update:model-value="updateCondition"
+            :trigger-type="trigger.type"
+            @validate="handleValidate"
+            @trigger-type-change="handleTriggerTypeChange"
+          />
+        </div>
+      </div>
     </div>
 
     <!-- 条件组配置 -->
@@ -25,7 +51,7 @@
 <script setup lang="ts">
 import { useVModel } from '@vueuse/core'
 
-import MainConditionConfig from './MainConditionConfig.vue'
+import MainConditionInnerConfig from './MainConditionInnerConfig.vue'
 import ConditionGroupContainerConfig from './ConditionGroupContainerConfig.vue'
 import type { Trigger } from '@/api/iot/rule/scene'
 
@@ -45,6 +71,15 @@ const emit = defineEmits<{
 
 const trigger = useVModel(props, 'modelValue', emit)
 
+// 事件处理
+const updateCondition = (condition: Trigger) => {
+  trigger.value = condition
+}
+
+const handleValidate = (result: { valid: boolean; message: string }) => {
+  emit('validate', result)
+}
+
 const handleTriggerTypeChange = (type: number) => {
   trigger.value.type = type
   emit('trigger-type-change', type)
diff --git a/src/views/iot/rule/scene/form/configs/MainConditionConfig.vue b/src/views/iot/rule/scene/form/configs/MainConditionConfig.vue
deleted file mode 100644
index 23e027f5..00000000
--- a/src/views/iot/rule/scene/form/configs/MainConditionConfig.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<!-- 主条件配置组件 -->
-<template>
-  <div class="flex flex-col gap-16px">
-    <!-- 主条件配置 -->
-    <!-- TODO @puhui999：和“主条件”，是不是和“附加条件组”弄成一个风格，都是占一行；有个绿条； -->
-    <div class="space-y-16px">
-      <!-- 主条件头部 - 与附加条件组保持一致的绿色风格 -->
-      <div
-        class="flex items-center justify-between p-16px bg-gradient-to-r from-green-50 to-emerald-50 border border-green-200 rounded-8px"
-      >
-        <div class="flex items-center gap-12px">
-          <div class="flex items-center gap-8px text-16px font-600 text-green-700">
-            <div
-              class="w-24px h-24px bg-green-500 text-white rounded-full flex items-center justify-center text-12px font-bold"
-            >
-              主
-            </div>
-            <span>主条件</span>
-          </div>
-          <el-tag size="small" type="success">必须满足</el-tag>
-        </div>
-      </div>
-
-      <!-- 主条件内容配置 -->
-      <MainConditionInnerConfig
-        :model-value="modelValue"
-        @update:model-value="updateCondition"
-        :trigger-type="triggerType"
-        @validate="handleValidate"
-        @trigger-type-change="handleTriggerTypeChange"
-      />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import MainConditionInnerConfig from './MainConditionInnerConfig.vue'
-import { Trigger } from '@/api/iot/rule/scene'
-
-/** 主条件配置组件 */
-defineOptions({ name: 'MainConditionConfig' })
-
-defineProps<{
-  modelValue: Trigger
-  triggerType: number
-}>()
-
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: Trigger): void
-  (e: 'validate', result: { valid: boolean; message: string }): void
-  (e: 'trigger-type-change', type: number): void
-}>()
-
-// 事件处理
-const updateCondition = (condition: Trigger) => {
-  emit('update:modelValue', condition)
-}
-
-const handleValidate = (result: { valid: boolean; message: string }) => {
-  emit('validate', result)
-}
-
-const handleTriggerTypeChange = (type: number) => {
-  emit('trigger-type-change', type)
-}
-</script>