子表结合关联表单预填充---效果实现

src/components/DesignForm/app/index.vue

@@ -2600,7 +2600,7 @@ const getNonValue = () => {
                     type="primary"
                     @click="showAsfDetailDialog(item, scope, asfQueryParams)"
                   >
-                    {{ scope.row[scope.column.property] }}==
+                    {{ scope.row[scope.column.property] }}
                   </el-link>
                 </div>
               </template>

src/components/DesignForm/public/form/childTable.vue

@@ -47,7 +47,51 @@ const type = computed(() => {
 const editDisabled = computed(() => {
   return formProps.value.type === 2 && props.data.config?.editDisabled;
 });
+const preFillFlag = computed(() => {
+  if(props.data.control.preFill){
+    if(props.data.control.preFill.asf==""){
+      return 0
+    }else{
+      if(props.data.control.preFill.ids.length>0){
+        return 1
+      }else{
+        return 0
+      }
+    }
+  }else{
+    return 1
+  }
+
+  
+})
 const defaultOneFlag = ref(true)
+
+/**
+ * 提取字符串中最后一个英文冒号后的内容，无冒号则返回原字符串
+ * @param {string} str - 输入的字符串
+ * @returns {string} 最后一个冒号后的内容或原字符串
+ */
+function getAfterLastColon(str:string) {
+    //console.log(str)
+    // 首先验证入参类型，确保是字符串（避免非字符串类型导致方法出错）
+    if (typeof str !== 'string') {
+        //console.warn('入参必须是字符串类型，当前已自动转为字符串');
+        str = String(str); // 非字符串类型自动转为字符串
+    }
+
+    // 查找最后一个英文冒号的索引位置
+    const lastColonIndex = str.lastIndexOf(':');
+
+    // 若未找到冒号（索引为 -1），或冒号在字符串最后一位（后面无内容），返回原字符串
+    if (lastColonIndex === -1 || lastColonIndex === str.length - 1) {
+        return str;
+    }
+
+    // 截取最后一个冒号后面的字符（索引+1 开始到字符串结尾）
+    return str.slice(lastColonIndex + 1);
+}
+
+
 //新增页面,子表默认新增一行
 onMounted(()=>{
   
@@ -55,10 +99,31 @@ onMounted(()=>{
     defaultOneFlag.value = false
   }
   if(formProps.value.type === 1&&defaultOneFlag.value){
+    //alert(preFillFlag.value)
     setTimeout(()=>{
-      //alert(defaultOneFlag)
+      if(preFillFlag.value==1){
-      addColumn()
+        let i = 0;
-    },200)
+        props.data.control.preFill.ids.forEach((element:any) => {
+            addColumn()
+            //console.log(element)
+            
+            setTimeout(()=>{
+              let asfName = getAfterLastColon(props.data.control.preFill.asf)
+              //console.log(asfName)
+              tableDataNew.value[i][asfName] = element
+              i++
+            },200)
+            
+            
+        });
+        
+      }else{
+        
+        //alert(defaultOneFlag.value)
+        addColumn()
+        
+      }
+    },400)
     
   }
 })
@@ -89,6 +154,9 @@ const getText = (text: any, val: any, name: any) => {
 const delColumn = (index: number) => {
   tableDataNew.value.splice(index, 1);
 };
+/* 
+  
+*/
 /**
 @ 作者: 秦东
 @ 时间: 2024-08-02 13:22:14
@@ -277,6 +345,7 @@ function optionsValue3Get1(data: any, fieldName: string) {
 
 
 <template>
+  
   <div class="form-table form-table-add">
     <el-text class="mx-1" size="large">{{ sunTableName }}</el-text>
     <el-table v-bind="data.control" :class="[data.className]" :data="tableDataNew">

src/widget/associatedforms/associatedForms.vue

@@ -93,8 +93,12 @@ onMounted(()=>{
                     tableFlag = true
                     
                     //当前关联表单在子表的第几行
-                    //console.log(props.formProps.model[key][props.rowIndex][key1])
+                    //console.log(props.rowIndex)
-                    value2.value = props.formProps.model[key][props.rowIndex][key1]
+                    if(props.rowIndex>=0){
+                      //console.log(props.formProps.model[key][props.rowIndex][key1])
+                      value2.value = props.formProps.model[key][props.rowIndex][key1]
+                    }
+                    
                   }
                 }
               }
@@ -124,10 +128,17 @@ function asfValueChanged(){
     glbbddbd:props.data.control.glbbddbd,
     tableFlag:false,
   }
-  
+  //console.log(val)
   emits("valueChanged",val)
+  
 }
 
+
+watch(() => value1,(newVal:any) => {
+  asfValueChanged()
+  
+},{deep: true})
+
 function asfValueChangedTable(){
 
   let val = {
@@ -139,10 +150,15 @@ function asfValueChangedTable(){
     glbbddbd:props.data.control.glbbddbd,
     tableFlag:true,
   }
-
+  //console.log(val)
   emits("valueChangedTable",val)
 }
 
+watch(() => value2,(newVal:any) => {
+  asfValueChangedTable()
+  
+},{deep: true})
+
 function getAsfDataTitles() {
   let dataTitle = ''
   //console.log(props)