From 2b236c543d46338bd0bc23480dd3b5999ac27e5e Mon Sep 17 00:00:00 2001
From: wangys <3401275564@qq.com>
Date: Thu, 27 Nov 2025 12:02:07 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3watch=E5=BE=AA=E7=8E=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/base/DynamicParamForm.vue  | 43 ++++++++++++++++++-
 1 file changed, 41 insertions(+), 2 deletions(-)

diff --git a/schoolNewsWeb/src/components/base/DynamicParamForm.vue b/schoolNewsWeb/src/components/base/DynamicParamForm.vue
index f6a7bb1..23586f3 100644
--- a/schoolNewsWeb/src/components/base/DynamicParamForm.vue
+++ b/schoolNewsWeb/src/components/base/DynamicParamForm.vue
@@ -81,7 +81,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, watch, reactive } from 'vue';
+import { computed, watch, reactive, ref } from 'vue';
 
 interface ParamOption {
   label: string;
@@ -117,6 +117,9 @@ const emit = defineEmits<{
 // 内部值使用 reactive，保证双向绑定
 const innerValue = reactive<Record<string, any>>({});
 
+// 同步标志位，防止死循环
+const isSyncing = ref(false);
+
 // 为了兼容不同类型控件，做一些视图层的映射
 const innerNumberMap = computed({
   get() {
@@ -136,14 +139,42 @@ const innerBoolMap = computed({
   }
 });
 
+// 比较两个对象是否相等（浅比较）
+function isEqual(obj1: Record<string, any>, obj2: Record<string, any>): boolean {
+  const keys1 = Object.keys(obj1);
+  const keys2 = Object.keys(obj2);
+  
+  if (keys1.length !== keys2.length) return false;
+  
+  return keys1.every(key => {
+    const val1 = obj1[key];
+    const val2 = obj2[key];
+    
+    // 处理数组的比较（如日期范围）
+    if (Array.isArray(val1) && Array.isArray(val2)) {
+      if (val1.length !== val2.length) return false;
+      return val1.every((item, index) => item === val2[index]);
+    }
+    
+    return val1 === val2;
+  });
+}
+
 // 初始化 / 外部变更时同步
 watch(
   () => props.modelValue,
   (val) => {
+    // 如果正在同步或者值没有变化，跳过
+    if (isSyncing.value || isEqual(val || {}, innerValue)) {
+      return;
+    }
+    
+    isSyncing.value = true;
     Object.keys(innerValue).forEach((k) => delete innerValue[k]);
     if (val) {
       Object.assign(innerValue, val);
     }
+    isSyncing.value = false;
   },
   { immediate: true, deep: true }
 );
@@ -152,7 +183,15 @@ watch(
 watch(
   innerValue,
   (val) => {
-    emit('update:modelValue', { ...val });
+    // 如果正在同步，跳过
+    if (isSyncing.value) {
+      return;
+    }
+    
+    // 只有当值真的改变时才 emit
+    if (!isEqual(val, props.modelValue || {})) {
+      emit('update:modelValue', { ...val });
+    }
   },
   { deep: true }
 );