关联表单-数据填充规则-v0.4 完成页面配置

src/components/DesignForm/formControlPropertiNew.vue

@@ -2658,7 +2658,76 @@ function selectedOrDelChildRole(){
 }
 //将已被选择的要填充的关联其他表单的表单的子表字段设为不可选择
 function childRoleRightChanged(){
-    alert(1)
+    let masterSelectedArr: any[] = []
+    controlData.value.control?.fillRoles?.master.forEach(function(item: any) {
+        if(item.rightValue!=""){
+            masterSelectedArr.push(item)
+        }
+    });
+    let childSelectedArr: any[] = []
+    controlData.value.control?.fillRoles?.child.forEach(function(item: any) {
+        item.childRoles.forEach((element: any) => {
+            if(element.rightValue!=""){
+                childSelectedArr.push(element)
+            }
+        });
+    });
+    //主表控制 start
+    if(associatedFormsCurrentFormFieldTree1.value){
+        associatedFormsCurrentFormFieldTree1.value[0].children?.forEach(function(item: any){   
+            if(item.type=="table"){
+                item.children.forEach((element: any) => {
+                    element.disabled = false
+                });
+            }else{
+                item.disabled = false
+            }
+            
+        })
+    }
+    if(associatedFormsCurrentFormFieldTree1.value){
+        associatedFormsCurrentFormFieldTree1.value[0].children?.forEach(function(item: any){   
+            if(item.type=="table"){
+                item.children.forEach((element: any) => {
+                    masterSelectedArr.forEach((j:any) => {
+                        if(j.rightValue==element.id){
+                            element.disabled = true
+                        }
+                    })
+                });
+            }else{
+                masterSelectedArr.forEach((element:any) => {
+                    if(element.rightValue==item.id){
+                        item.disabled = true
+                    }
+                })
+            }
+        })
+    }
+    //主表控制 end
+    
+    //子表控制start
+    if(currentFormChildTableFieldsForFillRole.value){
+        currentFormChildTableFieldsForFillRole.value[0]?.children?.forEach((element: any) => {
+            element.children.forEach((item: any) => {
+                childSelectedArr.forEach((j:any) => {
+                    item.disabled = false
+                })
+            });
+        });
+    }
+    if(currentFormChildTableFieldsForFillRole.value){
+        currentFormChildTableFieldsForFillRole.value[0]?.children?.forEach((element: any) => {
+            element.children.forEach((item: any) => {
+                childSelectedArr.forEach((j:any) => {
+                    if(j.rightValue==item.id){
+                        item.disabled = true
+                    }
+                })
+            });
+        });
+    }
+    //子表控制end
 }
 
 //确定回调
@@ -2726,6 +2795,7 @@ function addChildFillRole(){
     //currentChildTableCount
     //controlData.value.control.fillRoles.child.length
     selectedOrDelChildRole()
+    childRoleRightChanged()
 if(controlData.value.control.fillRoles.child.length<currentChildTableCount){
         let onlyNumber = uuidv4().replaceAll('-','').toString();   //获取唯一编码
         let onlyNumber1 = uuidv4().replaceAll('-','').toString();   //获取唯一编码
@@ -2775,6 +2845,7 @@ function delChildRole(id:String){
             }
         }
         selectedOrDelChildRole()
+        childRoleRightChanged()
 }
 const associatedFormsChooseDialogFlag = ref(false)
 function chooseAssociatedForm(){
@@ -4641,6 +4712,7 @@ const radioChangeSet = (val:any) => {
                             :right-tree-source = "associatedFormsCurrentFormFieldTree1"  
                             :current-key="controlData.control.fillRoles.master[index].id"  
                             @del-role = "delRole"
+                            @child-role-right-changed = "childRoleRightChanged"  
                             >
                         </AssociatedFormsFillRole>
                     </template>

src/widget/associatedforms/associatedFormsChildFillRole.vue

@@ -268,6 +268,7 @@ function handleFieldTreeContextmenuRange(MouseEvent: any, object: any, Node: any
 }
 onMounted(() => {
   emit('selectedOrDelChildRole')
+  emit('childRoleRightChanged')
 })
 </script>
 

src/widget/associatedforms/associatedFormsFillRole.vue

@@ -58,20 +58,24 @@ rightValue1.value = props.rightValue
 
 
 
-let emit = defineEmits(["update:leftValue", "update:rightValue","delRole"]);
+let emit = defineEmits(["update:leftValue", "update:rightValue","delRole","childRoleRightChanged"]);
 
 function leftChanged(){
   emit('update:leftValue',leftValue1)
 }
 function rightChanged(){
   emit('update:rightValue',rightValue1)
+  emit('childRoleRightChanged')
 }
 
 function delRole(){
   //alert(props.currentKey)
   emit('delRole',props.currentKey)
+  emit('childRoleRightChanged')
 }
-
+onMounted(() => {
+  emit('childRoleRightChanged')
+})
 
 
 </script>