关联用户改名为关联填充

组织已选择了关联的用户组件时,原按钮显示区域显示关联的用户组件

src/components/DesignForm/assembly/index.ts

@@ -1072,7 +1072,8 @@ export default [
 				control: {
 					range:[],
 					multiple: '',
-					connectUserComponent: {},
+					connectUserComponent: '',
+					showConnectUserComponent: '',
 				},
 				config: {},
 				styles: {

src/components/DesignForm/formControlPropertiNew.vue

@@ -832,7 +832,7 @@ const attrList = computed(() => {
         vShow: ["table"],
       },
       {
-        label: "关联用户",
+        label: "关联填充",
         value: config.orgCentent,
         path: "config.orgCentent",
         type: "orgCentent_ConnectUser",
@@ -4111,6 +4111,12 @@ watch(
 const selectOrgConnectUserDialogFlag = ref(false)
 function showSelectOrgConnectUser(){
   selectOrgConnectUserDialogFlag.value = true
+  /* if(controlData.value.control.connectUserComponent){
+    
+  }else{
+
+  } */
+  
 }
 
 const expandUserNames = computed(()=>{
@@ -4125,6 +4131,29 @@ const expandUserComponentsTree = computed(()=>{
 })
 
 
+
+
+// 定义treeSelectRef
+const treeSelectRef = ref();
+
+const handleTreeSelectChange = (value) => {
+  
+  // value 是选中的值，根据props配置，默认是节点的id
+  //console.log('选中的值:', value);
+
+  // 通过TreeSelect实例的getNode方法获取节点
+  if (treeSelectRef.value) {
+    const node = treeSelectRef.value.getNode(value);
+    // 注意：node是TreeSelect内部节点，节点数据在node.data中
+    if (node) {
+      //console.log('节点数据:', node.data);
+      controlData.value.control.showConnectUserComponent = node.data.label
+      // 你可以在这里做你想要的操作
+    }
+  }
+};
+
+
 function findExpandUserNames(data) {
     //console.log(data)
     const result = [];
@@ -5013,8 +5042,22 @@ const formatTooltip = (val: number) => {
               </el-row>
   
               <el-row v-else-if="item.type === 'orgCentent_ConnectUser'">
+                <!-- <div v-if="controlData.control.connectUserComponent && controlData.control.connectUserComponent.length>0"> -->
                 
-                <el-button @click="showSelectOrgConnectUser">选择关联的用户组件</el-button>
+                <div v-if="controlData.control.showConnectUserComponent!=''">
+                  <el-link
+                    :underline="false" 
+                    
+                    type="primary"
+                    
+                    @click="showSelectOrgConnectUser"
+                  >
+                    {{ controlData.control.showConnectUserComponent }}
+                  </el-link>
+                </div>
+
+                
+                <el-button v-if="!controlData.control.connectUserComponent||!controlData.control.showConnectUserComponent"    @click="showSelectOrgConnectUser">选择关联的用户组件</el-button>
 
               </el-row>
 
@@ -7266,10 +7309,14 @@ const formatTooltip = (val: number) => {
     <!-- {{ expandUserComponentsTree }} -->
       <el-tree-select
         v-if="controlData.type == 'orgCentent'"
-          v-model="controlData.control.connectUserComponent"
-          style="width: 100%;"
-          :data="expandUserComponentsTree"
-          clearable
+        ref="treeSelectRef"
+        v-model="controlData.control.connectUserComponent"
+        style="width: 100%;"
+        :data="expandUserComponentsTree"
+        clearable
+        placeholder="请选择"
+        @change="handleTreeSelectChange"
+        
         />
       
       

src/components/DesignForm/public/expand/org.vue

@@ -307,6 +307,7 @@ function filterTreeNodes(nodes: any[], keepIds: Set<unknown>) {
 }
 
 const multiple = props.data.control.multiple=='1'
+const disabled1 = props.data.control.connectUserComponent.length>0
 
 </script>
 <template>
@@ -325,7 +326,7 @@ const multiple = props.data.control.multiple=='1'
     collapse-tags
     collapse-tags-tooltip
     :max-collapse-tags="4"
-    :disabled="props.data.control.connectUserComponent.length>0"
+    :disabled="disabled1"
   />
   <div></div>
 </template>