卡片组的嵌套情况下校验丢失问题修改

src/components/FormViewer/cardGourp.vue

@@ -22,6 +22,7 @@
         <template #CardGroup>
           <template v-if="Object.keys(childItem).length > 0">
             <CardGourp
+              ref="childCardRef"
               :data="childItem"
               :parentValue="props.parentValue"
               :formData="props.formData"
@@ -72,9 +73,14 @@
   const nowTime = ref(dayjs().format('YYYY-MM-DD HH:mm:ss'));
   const userName = localStorage.getItem('fireUserLoginName');
   const cardRef = ref<any>();
+  const childCardRef = ref()
   if (props.callModal) {
     tableData.ifShow = true;
   }
+watch(() => childItem.value,(newValue) => {
+  console.log('卡片组中的嵌套卡片组Item数据进行变化', newValue)
+},{immediate:true, deep:true})
+
   const [
     registerForm,
     { getFieldsValue, setFieldsValue, updateSchema, resetFields, validate, clearValidate },
@@ -259,6 +265,21 @@
   async function verify() {
     const data = await validate()
       .then(async (data) => {
+        if (childCardRef.value){
+          if (childCardRef.value.length > 0) {
+            for (let index = 0; index < childCardRef.value.length; index++) {
+              await childCardRef.value[index].submitChangeFrom();
+              if (!(await childCardRef.value[index].verify())) {
+                return false;
+              }
+            }
+          } else {
+            await childCardRef.value.submitChangeFrom();
+            if (!(await childCardRef.value.verify())) {
+              return false;
+            }
+          }
+        }
         return true;
       })
       .catch(async (err) => {