关联表单-数据填充规则-v0.21

src/components/DesignForm/formControlPropertiNew.vue

@@ -4542,7 +4542,7 @@ const radioChangeSet = (val:any) => {
                 <div v-if="currentChildTableCount>0"><!-- asfasfChildTableList -->
                     <template v-for="(item, index) in controlData.control.fillRoles.child"  :key="controlData.control.fillRoles.child[index].id">
                         <AssociatedFormsChildFillRole 
-                            v-model:left-value="controlData.control.fillRoles.child[index].tableKey"  
+                            v-model:selected-child-table="controlData.control.fillRoles.child[index].tableKey"  
                             :current-key="controlData.control.fillRoles.child[index].id" 
                             :child-table-list="asfasfChildTableList"
                             @del-role = "delChildRole"

src/widget/associatedforms/associatedFormsChildFillRole.vue

@@ -0,0 +1,85 @@
+<template>
+
+<div style="background-color: #E6F3FE;padding: 12px;border-radius: 10px;padding-left:45px;margin-bottom:20px;margin-right:11px;min-height: 65px;">
+  <el-button :icon="Close" size="small" circle type="info" plain style="float: right;margin-top: -22px;margin-right: -22px"  @click="delRole"/>
+  
+  <el-tree-select 
+  v-model="selectedChildTable1"
+  style="width: 290px;" :data="childTableList" placeholder="请选择关联表单子表"
+    check-strictly :render-after-expand="false" filterable  @change="selectedChildTableChanged"  /><!-- 
+  <span style="margin-left: 8px;margin-right: 8px;">的值填充到</span>
+  <el-tree-select 
+    v-model="rightValue1" style="width: 290px;" :data="rightTreeSource"
+    check-strictly :render-after-expand="false" filterable @change="rightChanged" />
+    <Delete style="width: 22px; height: 22px; margin-right: 35px;cursor: pointer; color: #50A6FF;margin-top: 10px; display: block; float:right" @click="delRole" /> -->
+</div>
+  
+
+
+</template>
+
+<script setup lang="ts">
+import { Close } from '@element-plus/icons-vue'
+
+const props = defineProps({
+  childTableList: {
+    type: Object,
+    default() {
+      return {}
+    }
+  },
+  selectedChildTable: {
+    type: String,
+    default() {
+      return {}
+    }
+  },
+  /* rightTreeSource: {
+    type: Object,
+    default() {
+      return {}
+    }
+  },
+  
+  rightValue: {
+    type: String,
+    default() {
+      return {}
+    }
+  },*/
+  currentKey: {
+    type: String,
+    default() {
+      return {}
+    }
+  }, 
+})
+const selectedChildTable1 = ref()
+selectedChildTable1.value = props.selectedChildTable
+/*const rightValue1 = ref()
+
+
+rightValue1.value = props.rightValue
+ */
+
+
+let emit = defineEmits(["delRole","update:selectedChildTable",]);
+
+function selectedChildTableChanged(){
+  emit('update:selectedChildTable',selectedChildTable1)
+}
+/*
+function rightChanged(){
+  emit('update:rightValue',rightValue1)
+} */
+
+function delRole(){
+  //alert(props.currentKey)
+  emit('delRole',props.currentKey)
+}
+
+
+
+</script>
+
+<style></style>