删除关联列表

src/views/sysworkflow/lowcodepage/appPage/appPageForm/unitsPageFrom/attribute.vue

@@ -160,9 +160,13 @@ watch(orgTreeFilterText, (val) => {
 watch(roleTreeFilterText, (val) => {
     roleTreeRef.value!.filter(val);
 });
-
+const treeRefcsk = ref<TreeInstance>();
 const multipleSelection = ref<User[]>([])
-
+const defaultProps = {
+  children: 'children',
+  label: 'label',
+  disabled: 'disabled',
+}
 /**
 @ 作者: 秦东
 @ 时间: 2026-03-03 08:41:39
@@ -3801,10 +3805,11 @@ const append = (data: Tree) => {
 const changeLabel = (node: TreeNode, data: Tree) => {
     let favDrink = prompt("请输入:");
     if (favDrink != null && favDrink.length > 0) {
-        const parent = node.parent;
-        const children: Tree[] = parent.data.children || [parent.data];
-        const index = children.findIndex((d) => d.id === data.id);
-        children[index].label = favDrink;
+        data.label = favDrink;
+        // const parent = node.parent;
+        // const children: Tree[] = parent.data.children || [parent.data];
+        // const index = children.findIndex((d) => d.id === data.id);
+        // children[index].label = favDrink;
         dataSource.value = [...dataSource.value];
     }
 };
@@ -3814,32 +3819,48 @@ const changeLabel = (node: TreeNode, data: Tree) => {
 @ 功能:  设为可选/不可选
 */
 const setNodeEnable = (node: TreeNode, data: Tree) => {
-    const parent = node.parent;
-    const children: Tree[] = parent.data.children || [parent.data];
 
-    console.log("设为可选/不可选------->",children)
+    console.log("设为可选/不可选--node----->",node)
+    console.log("设为可选/不可选---data---->",data)
 
-    const index = children.findIndex((d) => d.id === data.id);
+node.data.disabled = !node.data.disabled;
+    // const parent = node.parent;
+    // const children: Tree[] = parent.data.children || [parent.data];
+
+    // console.log("设为可选/不可选------->",children)
+
+    // const index = children.findIndex((d) => d.id === data.id);
 
     
-    if(children[index].disabled){
-        children[index].disabled = !children[index].disabled;
-    }
-    
+    // if(children[index].disabled){
+    //     children[index].disabled = !children[index].disabled;
+    // }
+    // console.log("设为可选/不可选---2---->",children)
     dataSource.value = [...dataSource.value];
 };
+
 /**
 @ 作者: 秦东
 @ 时间: 2026-02-28 16:08:04
 @ 功能: 删除节点
 */
 const remove = (node: TreeNode, data: Tree) => {
+    // console.log("删除节点--node----->",node)
+    // console.log("删除节点---data---->",data)
     let really = confirm("确认删除吗?\n将删除本节点与本节点的所有子孙节点!1111");
     if (really) {
-        const parent = node.parent;
-        const children: Tree[] = parent.data.children || [parent.data];
-        const index = children.findIndex((d) => d.id === data.id);
-        children.splice(index, 1);
+        treeRefcsk.value?.remove(data)
+        // if(controlData.value.control.fixedOptions&&Array.isArray(controlData.value.control.fixedOptions)){
+        //    controlData.value.control.fixedOptions.forEach((item: any,index:number) => {
+        //         if(item.id !== data.id){
+        //             controlData.value.control.fixedOptions.splice(index, 1);
+        //         }
+        //     });
+        // }
+        // const parent = node.parent;
+        // const children: Tree[] = parent.data.children || [parent.data];
+        // const index = children.findIndex((d) => d.id === data.id);
+        // children.splice(index, 1);
         dataSource.value = [...dataSource.value];
     }
 };
@@ -7965,7 +7986,7 @@ const updataBase = (val: any) => {
         title="创建穿梭框选项树"
         top="150px"
         style="margin-top: 70px"
-        width="50%"
+        width="80%"
     >
         <div v-if="controlData.type == 'lowcodeTransfer'">
             <el-button
@@ -7978,16 +7999,19 @@ const updataBase = (val: any) => {
             </el-button>
             <!-- 建立树 -->
              <div class="custom-tree-container">
+                
                 <el-tree
+                    ref="treeRefcsk"
                     :data="controlData.control.fixedOptions"
                     show-checkbox
                     node-key="id"
                     :default-expand-all="false"
-                    :expand-on-click-node="true"
+                    :expand-on-click-node="false"
+                    :props="defaultProps"
                 >
                     <template #default="{ node, data }">
                          <span class="custom-tree-node">
-                            <span>{{ node.label }}</span>
+                            <span>{{ node.label }}-->{{ node.id }}</span>
                             <span style="float: right">
                                 <a style="color: green" @click="append(data)"> 新增子节点 </a>
                                 <a style="margin-left: 8px" @click="changeLabel(node, data)">编辑节点名</a>