Merge branch 'zhaowenkang/feature-20260206140254-后台AI复盘二期' into milestone-20260207-AI复盘二期

src/views/EventManagement/ContentConfiguration.vue

@@ -446,10 +446,6 @@ const resetForm = () => {
   form.probability = null;
   form.img = "";
   fileList.value = [];
-  // 清除校验红字
-  nextTick(() => {
-    formRef.value?.resetFields(); 
-  });
 };
 
 // 添加按钮
@@ -457,6 +453,21 @@ const add = () => {
   isEdit.value = false;
   resetForm();
   dialogFormVisible.value = true;
+  // 清除校验红字
+  /* nextTick虽然是异步的，但它执行的时机非常“快”（微任务队列）。设置 dialogFormVisible = true 时，<el-dialog> 开始渲染。
+  但由于弹窗可能有动画，或者内部组件是懒加载的，在 nextTick 执行的那一瞬间，<el-form> 可能还没有真正渲染到 DOM 上。
+  此时 formRef.value 是 undefined，所以 clearValidate() 其实根本没有执行成功。*/
+  
+  // nextTick(() => {
+  //   formRef.value?.clearValidate(); 
+  // });
+
+  //setTimeout 会将任务推到宏任务队列，确保在 DOM 渲染、弹窗打开动画开始之后再执行，保证 formRef 一定存在。
+  setTimeout(() => {
+    if (formRef.value) {
+      formRef.value.clearValidate(); 
+    }
+  }, 0);
 };
 
 const submitForm = async () => {
@@ -517,20 +528,9 @@ const deleteDraw = async (row) => {
 };
 
 const handleEdit = (row) => {
-  console.log(row);
   isEdit.value = true;
 
-  form.id = undefined;
-  form.stick_type = "";
-  form.prize_type = "";
-  form.item_name = "";
-  form.templateName = "";
-  form.term_value = null;
-  form.time_unit = 3;
-  form.num = null;
-  form.probability = null;
-  form.img = "";
-  fileList.value = [];
+  resetForm();
 
   form.id = row.id;
   form.stick_type = row.stick_type;
@@ -561,7 +561,7 @@ const handleEdit = (row) => {
 
   // 6. 在 DOM 更新后，解除锁并清除校验
   nextTick(() => {
-    isEditMode.value = false; // 解除锁
+    isEdit.value = false; // 解除锁
     if (formRef.value) {
       formRef.value.clearValidate(); // 去掉一打开就红一片的校验信息
     }